Jika kalian masih baru atau awam dalam dunia website dan ingin membuat website, mungkin istilah kata breadcrumbs akan terdengar asing bagi kalian. Namun, breadcrumb merupakan elemen penting dalam sebuah website yang memiliki manfaat cukup baik bagi navigasi website kalian.
Tapi kalian tidak perlu khawatir dalam membuat dan menggunakan breadcrumbs. Sebab, elemen satu ini cukup mudah untuk dipelajari bagi orang awam sekalipun.
Kali ini kita akan membahas dengan lengkap mulai dari pengertian, fungsi, hingga manfaat dari breadcrumb. Nantinya jika kalian sudah paham, kalian dapat mengimplementasikannya dan merasakan manfaat yang ditimbulkan bagi website kalian. Mari kita bahas.
Penjelasan Lengkap Hingga Manfaat Yang Diberikan Breadcrumb Bagi Website Ranking
Apa itu Breadcrumb?
Pertanyaan umum yang pastinya sudah kalian tanyakan sedari tadi bukan? Breadcrumb adalah sebuah navigasi sebagai penanda letak pengunjung telah berada pada sebuah page di website kalian. Dari begitu banyak nya halaman yang kalian miliki dalam sebuah website tentu saja akan lebih memudahkan para pengunjung untuk mengetahui letak keberadaan mereka jika mendapatkan informasi navigasi yang jelas bukan?
Contoh Menu Breadcrumb
Home > Ilmu SEO > Penjelasan Tentang Breadcrumb
Dalam istilah lainnya, breadcrumb memudahkan navigasi para pengunjung dari homepage, halaman lain, arsip website, kategori, hingga tag sebuah konten. Navigasi breadcrumbs ini tentu menimbulkan pertanyaan mengenai manfaatnya bagi sebuah website.
Namun, sebuah website yang baik tentu saja akan menyampaikan beragam informasi sejelas mungkin bagi para pengunjung bukan?
Maka dari itu, breadcrumbs tentu saja masih sangat dibutuhkan dalam memperjelas navigasi para pengunjung. Lagipula akan memudahkan pengunjung jika ingin balik ke halaman utama dari sebuah halaman sub.
Jenis Breadcrumb
- Location Breadcrumb: Jenis yang paling umum yang bertujuan untuk navigasi lokasi halaman
- Path Breadcrumb: Menunjukan jalur yang kita lalui dalam sebuah website. Dapat berbeda-beda
- Attribute or Keyword Breadcrumbs: Mirip dengan Location Breadcrumbs, namun tidak menggunakan judul halaman melainkan menggunakan keyword tertentu.
Fungsi Breadcrumb
Fungsi elemen ini tentu saja menjadi opsi navigasi lainnya selain menu navigasi utama maupun menu navigasi side bar. Pengunjung yang ingin meilihat halaman utama dari suatu halaman sub akan dengan mudah melakukan navigasi mundur dibanding harus memulai prosesnya dari awal dengan menggunakan menu utama sebagai navigasi.
Nantinya pengunjung hanya perlu mengklik breadcrumbs yang tertera pada tampilan halaman dan klik halaman sebelumnya. Pengunjung tidak akan bingung dengan halaman mana yang harus di klik, sebab informasi yang tertera pada breadcrumbs tentu saja Sudah sangat jelas.
Cara membuat breadcrumb
Nah, jika kalian ada yang bertanya cara setting breadcrumb yoast di platform website wordpress akan saya bantu kali ini. Dalam membuat breadcrumbs kita akan sedikit melakukan coding terhadap struktur website.
Tenang saja, tidak serumit yang kalian pikirkan. Kita hanya perlu menambahkan 1-2 baris coding dan disematkan kepada head dari struktur website kita.
Cara membuat Breadcrumb di WordPress – Pastikan kalian menggunakan plugins Yoast SEO dari platform website wordpress, karena kali ini kita akan membuat breadcrumbs pada website dengan platform wordpress.
- Selanjutnya kalian tinggal menambahkan kode berikut dibawah single.php, page.php, atau header.php:
<?php if ( function_exists(‘yoast_breadcrumb’) )
{ yoast_breadcrumb( ‘<p id=”breadcrumbs”>’,'</p>’ );} ?> - Lalu, kalian menuju kepada plugin Yoast SEO > Search Appearance.
- Pilih tab breadcrumb dan aktifkan dengan klik Enabled.
- Selebihnya kalian bisa mengatur tampilan breadcrumb kalian nantinya.
- Jika sudah selesai, tekan “Save Changes”.
Setelah semua dilakukan, pastikan breadcrumb telah aktif dengan mengunjungi salah satu halaman website kalian. Pastikan tema tampilan website kalian sesuai dengan penggunaan breadcrumbs dan menyempurnakan manfaat breadcrumb pada tampilan website kalian.
Jika kalian ingin menggunakan plugins breadcrumb lainnya, kalian bisa menggunakan daftar plugins berikut:
- Breadcrumb NavXT
- Flexy Breadcrumb
- WooCommerce Breadcrumb
- Breadcrumb
Manfaat breadcrumb
Manfaat dari breadcrumb untuk website kalian adalah memberikan penjelasan akurat terhadap navigasi dari tiap tingkatan hirarki struktur sebuah website anda.
Bantuan navigasi ini akan sangat memudahkan pengunjung dan membuat citra website kita baik dimata para pendatang di website kita. Tentunya hal ini akan membuat website kita baik untuk direkomendasikan ranking.
Dimata optimasi website sendiri, breadcrumb dianjurkan oleh mesin pencari seperti google untuk mengimplementasikan breadcrumbs di website masing-masing. Semakin banyak kriteria baik yang kita turuti kepada mesin pencari, tentu saja akan membantu website kita untuk ranking.
Lebih detailnya, breadcrumbs layaknya sebuah pemandu yang membantu crawler untuk menelusuri website dan meringkas struktur hirarki website secara sistematis dan singkat.
Ditambah lagi breadcrumb dapat meningkatkan struktur internal linking dalam sebuah website. Dengan memperkaya url website kita dengan beragam internal linking yang tepat dan relevan akan meningkatkan kekuatan internal linking website kita.
Kesimpulan
Jadi, jika kalian ingin menggunakan breadcrumbs pada website kalian tidak perlu ragu lagi akan manfaatnya. Tentu elemen ini akan sangat membantu kita untuk mengoptimasi website yang kita miliki. Beberapa optimasi yang dapat kita lakukan sebagai berikut:
- Gunakan secukupnya untuk membantu pengguna
- Tempatkan breadcrumb pada bagian atas tampilan website
- Gunakan diseluruh bagian website anda
- Mulai penyusunan breadcrumb dari homepage/landing page
- Penempatan tidak perlu terlalu mencolok dan mengganggu tampilan sebuah website
- Navigasi breadcrumb perlu step by step sesuai interaksi tanpa melewatkan satupun halaman
Kelebihan dalam optimasi website sebagai berikut,
- Dengan mengimplementasikan breadcrumb keyword, kalian dapat mentargetkan focus keyword setiap halaman yang berbeda-beda
- Meningkatkan internal linking pada struktur website kalian
- Schema bisa digunakan sehingga membantu engine bots untuk memahami kehadiran struktur breadcrumb pada website kita. Dan nantinya dapat membantu tampilan SERP.
Itulah penjelasan Breadcrumb SEO secara lengkap dari arti hingga manfaatnya. Jika kalian telah mengikuti tata cara dan telah mengimplementasikannya, saya harap optimasi website yang kalian lakukan kedepan nantinya dapat berjalan mulus dan berhasil. Selamat mencoba!
