Apa itu Sidebar dan Apakah Anda Membutuhkannya di Blog Anda?

Diterbitkan: 2020-01-18

Ketika Anda memikirkan tentang tata letak situs web biasa, ada kemungkinan besar Anda menyertakan kolom tautan atau informasi penting di sebelah kanan atau kiri area konten utama. Elemen ini dikenal sebagai “bilah sisi”, dan sangat lazim di seluruh web. Namun, agar fitur Anda efektif, penting untuk memahami cara kerja fitur ini.

Tidak semua situs web memerlukan bilah sisi, dan beberapa desain jauh lebih baik tanpa bilah sisi. Dengan mengingat hal itu, kami akan menggali lebih dalam tentang tujuan fitur ini, jenis situs apa yang harus dipertimbangkan untuk menggunakannya, dan bagaimana faktor tersebut menjadi lanskap "mobile-first" saat ini.

Mari kita lakukan!

Berlangganan Saluran Youtube Kami

Apa itu Sidebar (Dan Mengapa Memiliki Satu Berguna)?

Singkatnya, bilah sisi adalah kolom yang ditempatkan di sebelah kanan atau kiri area konten utama laman web. Mereka biasanya digunakan untuk menampilkan berbagai jenis informasi tambahan untuk pengguna, seperti:

  • Tautan navigasi ke halaman utama
  • Iklan untuk produk atau layanan
  • Formulir pendaftaran email
  • Postingan populer atau terkait
  • Tautan media sosial

Delapan dari sepuluh situs paling populer di web menggunakan bilah sisi dalam beberapa bentuk atau bentuk. Wikipedia berfungsi sebagai menu navigasi:

Bilah sisi Wikipedia.

Reddit, di sisi lain, membagikan iklan yang menghasilkan pendapatan serta pos terkait dan opsi untuk meningkatkan akun Anda:

Bilah samping Reddit.

Meskipun penggunaan yang kita bahas sebelumnya adalah beberapa cara paling umum yang digunakan situs untuk menjalankan sidebar, terkadang juga digunakan untuk biografi penulis, penafian afiliasi, dan berbagai tujuan lainnya:

Bilah sisi yang berisi pengungkapan afiliasi.

Keuntungan utama menggabungkan bilah sisi ke dalam desain situs web Anda adalah bilah sisi tetap terlihat saat pengguna menavigasi di seluruh situs Anda. Ini memungkinkan Anda untuk membuat informasi dan fitur utama tersedia setiap saat.

Inilah sebabnya mengapa bilah sisi sering berisi elemen Ajakan Bertindak (CTA) seperti formulir berlangganan email dan iklan. Fitur navigasi juga berfungsi dengan baik di sini karena mudah ditemukan, dan konten legal seperti pernyataan pengungkapan afiliasi kecil kemungkinannya hilang dalam shuffle.

2 Jenis Situs Web yang Dapat Manfaat Menggunakan Sidebars

Anda dapat menyertakan bilah sisi di hampir semua jenis situs web. Namun, mereka sangat berguna dalam beberapa situasi berbeda di mana pengguna dapat mengambil manfaat dari panduan tambahan. Berikut adalah dua yang kami rasa layak disebutkan.

1. Situs Web dengan Konten Berat

Blog, situs berita, majalah online, dan situs web konten berat lainnya mencakup kategori yang agak luas. Namun, mereka semua memiliki satu kesamaan, yaitu mereka bertahan dengan menerbitkan lebih banyak artikel setiap saat.

Semakin banyak konten yang Anda miliki, semakin rumit untuk menavigasi situs web Anda. Anda dapat menggunakan bilah sisi dalam situasi ini untuk:

  • Termasuk tautan ke media sosial atau tombol berbagi
  • Menampilkan formulir pendaftaran email Anda di mana pengguna tidak akan melewatkannya
  • Menampilkan tautan ke pos dan halaman terkait
  • Memamerkan konten Anda yang paling populer
  • Menambahkan bilah pencarian yang mudah ditemukan

Bilah sisi dapat membantu pengguna menemukan peluang untuk keterlibatan di tempat yang mungkin terlewatkan, mendorong langganan dan oleh karena itu pengunjung kembali, dan meningkatkan navigasi untuk membuat pembaca tetap berada di situs Anda lebih lama. Semua hasil ini menguntungkan situs Anda dan dapat meningkatkan pendapatan apa pun yang Anda hasilkan darinya.

2. Toko Online

Situs web tidak menjadi jauh lebih kompleks daripada toko online. Semakin banyak produk yang ditawarkan situs e-niaga Anda, semakin banyak halaman yang akan disertakan. Ini membuat bilah sisi lebih berguna untuk memasukkan elemen seperti:

  • Produk terkait dan pembelian sebelumnya
  • Tambahkan ke Keranjang tombol
  • Ulasan dan peringkat pembeli
  • Iklan untuk penawaran atau promosi khusus yang Anda jalankan
  • Tampilan keranjang belanja sehingga pelanggan dapat melacak total berjalan mereka

Salah satu masalah umum dengan desain situs web e-niaga adalah melibatkan banyak kekacauan. Jika Anda melihat sekilas di Amazon atau eBay, Anda akan segera melihat apa yang kami maksud:

Contoh halaman yang berantakan.

Elemen apa pun yang dapat membantu Anda mengatur kekacauan itu dan membuat halaman Anda lebih ramah pengguna dipersilakan, dan sidebars tentu sesuai dengan tagihan itu.

Bagaimana Sidebars Masuk Ke Dunia Mobile-First?

Terlepas dari kegunaan historisnya, bilah sisi mendapat kecaman baru-baru ini. Argumen terkuat melawan mereka adalah bahwa mereka tidak menerjemahkan dengan baik ke perangkat seluler. Karena ruang layar terbatas pada ponsel cerdas dan tablet, memberikan lebih dari sepertiga halaman ke konten sekunder tidaklah praktis.

Sebagai gantinya, informasi ini biasanya dipindahkan ke bagian bawah halaman pada perangkat yang lebih kecil, di mana kemungkinannya kecil untuk ditemukan. Mengingat lalu lintas seluler sekarang menyumbang lebih dari 51 persen penggunaan internet secara global, ini adalah masalah signifikan untuk desain web.

Sebagai tanggapan, beberapa situs memilih untuk tidak menggunakan bilah sisi sama sekali. Meskipun ini masuk akal, itu juga berarti bahwa situs-situs tersebut tidak dapat memanfaatkan manfaat yang diberikan oleh tata letak ini. Jika Anda menjalankan blog yang sarat konten atau toko e-niaga, ini bisa menjadi masalah nyata.

Salah satu opsi untuk mengatasi ini adalah menyembunyikan bilah sisi Anda di perangkat seluler. Ini akan memungkinkan pengguna desktop untuk melihat konten sekunder Anda sambil menjaga situs Anda tetap dapat dibaca di ponsel cerdas dan tablet.

Solusi lain adalah menyembunyikan beberapa konten tambahan Anda di perangkat yang lebih kecil. Misalnya, jika Anda memiliki tombol sosial di tajuk, Anda dapat menghapusnya dari bilah sisi seluler untuk menghindari pengulangan.

Atau, Anda dapat menggunakan bilah sisi yang dapat dilipat untuk situs seluler Anda. Pengguna kemudian dapat memilih untuk melihat atau menyembunyikannya sesuai kebutuhan:

Bilah sisi yang dapat dilipat di situs seluler Amazon.

Terakhir, selalu ada opsi untuk menjaga bilah sisi Anda tetap penuh dan membuatnya responsif sehingga menyusut agar sesuai dengan layar yang lebih kecil. Rute mana yang terbaik untuk situs Anda akan bergantung pada jenis konten yang ada di bilah sisi Anda, dan tujuan situs web Anda secara keseluruhan.

Kesimpulan

Meskipun Anda ingin konten utama Anda mendapat sorotan, ada banyak informasi lain yang juga dibutuhkan pengguna situs Anda. Dengan bilah sisi, Anda dapat menampilkan elemen penting seperti tautan ke area utama, formulir pendaftaran email, dan lainnya di seluruh halaman Anda.

Sidebars mungkin memiliki kekurangan dalam hal penelusuran seluler, tetapi mereka tidak akan pergi ke mana pun dalam waktu dekat. Sebaliknya, kita harus membayangkan kembali cara kita mendekati desain mereka. Namun, dengan alat yang tepat, Anda harus menghadapi tantangan tersebut.

Apakah Anda memiliki pertanyaan tentang cara mendapatkan hasil maksimal dari sidebar Anda? Tinggalkan mereka di bagian komentar di bawah!

Gambar thumbnail artikel oleh Mr Kreetha Mahamud / shutterstock.com