Cara Membuat Breadcrumb Website yang Mudah Dilakukan

Apakah Anda tahu apa itu breadcrumb dan fungsinya? Lalu bagaimana cara untuk membuat breadcrumb pada website? Untuk mengetahui jawabannya simak artikel cara membuat breadcrumb website lengkap ini.

Membuat Breadcrumb Website

Breadcrumb Website

Bila Anda baru mulai membuat website, istilah breadcrumbs mungkin masih asing di telinga. Namun Anda tidak perlu terintimidasi.

Lalu apa itu breadcrumb? Breadcrumb yaitu salah satu elemen yang penting pada website. Elemen website ini berfungsi untuk menunjukkan letak spesifik sebuah halaman pada suatu website.

Lalu apa itu breadcrumb?

Breadcrumb yaitu salah satu elemen yang penting pada website. Elemen ini berguna untuk menunjukkan letak spesifik sebuah halaman pada suatu website. halaman tersebut diambil dari menu navigasi website. Cara kerja breadcrumbs dapat Anda samakan seperti alamat.

Gambar di bawah ini contoh saat Anda sudah membuat breadcrumb website menuju salah satu konten website :

Panjangnya breadcrumbs sangat tergantung dari struktur konten pada website, seperti :

Breadcrumbs pendek

Bila Anda membuat struktur website yang ringkas, maka breadcrumbs-nya juga terlihat ringkas.

Anda dapat menganalogikan breadcrumbs pendek seperti alamat rumah yang ada di pinggir jalan. Ini artinya halaman atau post Anda cukup mudah untuk ditemukan pengunjung.

Breadcrumbs panjang

Begitu juga halnya saat Anda membuat struktur yang panjang, maka breadcrumbs juga panjang.

Seperti halnya di atas, bila dianalogikan breadcrumbs seperti alamat rumah, maka breadcrumb panjang itu seperti rumah yang letaknya cukup terpencil. Anda harus menuliskan alamat lengkap sampai ciri-ciri rumahnya bila perlu.

Fungsi Breadcrumbs

Apa fungsi breadcrumbs? Breadcrumbs berfungsi sebagai navigasi kedua sesudah menu utama. Di mana fungsi ini bisa mempermudah pengunjung untuk menjelajah website.

Pengunjung tidak harus mengulangi navigasi dari awal hanya untuk menemukan artikel dengan niche / topik yang sama. Para pengunjung hanya perlu mengklik breadcrumbs untuk bisa kembali ke halaman awal yang sebelumnya mereka akses.

Pentingnya Breadcrumb

Mengapa breadcrumbs penting? Meski terlihat remeh temeh, namun elemen yang satu ini sangat penting untuk website. Jadi saat Anda membuat breadcrumb website Anda akan mendapatkan 2 keuntungan yaitu :

1. Mengoptimalkan SEO Website

Breadcrumbs berguna untuk mengoptimalkan SEO website Anda. Hal ini pada akhirnya akan berpengaruh ke peringkat (ranking) di mesin pencari (search engines). Mengapa bisa begitu?

Breadcrumbs yaitu elemen website yang user dan bot dari mesin pencari sukai. Adanya breadcrumbs mempermudah Google dalam memahami struktur data di website.

Dengan struktur website yang jelas, Google dapat menampilkan hasil pencarian yang relevan mengenai suatu website. Saat konten tersebut user anggap relevan, maka posisinya di mesin pencari akan makin di atas.

2. Mengurangi Bounce Rate

Breadcrumbs bisa menurunkan / mengurangi bounce rate. Bounce rate yaitu persentase pengunjung yang meninggalkan website tanpa mengklik apapun.

Breadcrumbs bisa mengindeks halaman website sampai struktur navigasi paling dalam. Ini tentu menjadikan hasil pencarian di Google makin relevan.

Para pengunjung website dapat melewati navigasi yang rumit / komplek dari homepage. Sebaliknya, mereka langsung dapat menemukan konten yang dicari dengan sekali klik.

Bayangkan saja skenario saat pengunjung tidak menemukan apa yang dicari dengan cepat. Bisa saja mereka meninggalkan website dengan cepat. Tentunya ini tidak baik untuk reputasi website.

Baca juga : Cara Mengurangi Bounce Rate Website

Cara Bikin Breadcrumb di Website

Membuat breadcrumb website berbasis WordPress sangatlah mudah. Di bawah ini 2 cara yang bisa Anda pilih salah satunya.

a. Menginstall Tema yang Kompatibel

Bila Anda menyukai kepraktisan, menginstall tema yang sudah kompatibel merupakan solusi tepat untuk membuat breadcrumb website.

Umumnya tema WordPress premium sudah otomatis memakai breadcrumbs. Ini karena tema premium cenderung punya items yang banyak dan menu navigasi yang dalam.

b. Menginstall Plugin

Cara membuat breadcrumb website yang mudah dan gratis adalah dengan menginstall plugin. Plugin yang bisa Anda gunakan untuk membuat breadcrumb yaitu :

1. Menggunakan Plugin NavXT

Sebelum lebih lanjut mengeksplor pengaturan (setting) dan fitur plugin NavXT, Anda harus :

  • membackup website Anda, atau
  • menambahkan kode ini ke dalam file header.php pada tema anak (child theme).

<div class=”breadcrumbs” typeof=”BreadcrumbList” vocab=”https://schema.org/”>
<?php
if(function_exists(‘bcn_display’))
{
bcn_display();
}?>
</div>

Kode di atas berguna untuk menampilkan / membuat breadcrumb website di seluruh bagian header.

Namun, bila dirasa terlalu teknis, Anda dapat menambahkannya via Tampilan (Appearance) >> Widgets. Kemudian tarik widget Breadcrumb NavXT ke posisi yang Anda mau (sidebar).

Di sisi lain, Anda pun dapat mengatur bagaimana breadcrumb trail ditampilkan. Akses fitur ini lewat Pengaturan (Settings) >> Breadcrumb NavXT.

Lewat bagian ini Anda dapat :

  • mengkustomisasi breadcrumbs sesuai dengan tipe konten,
  • mengubah taksonomi,
  • dan sebagainya.
2. Menggunakan Yoast SEO

Alternatif untuk membuat breadcrumb website lainnya yaitu dengan memaksimalkan fitur plugin Yoast SEO. Yoast SEO merupakan satu plugin yang bisa menangani segala hal soal SEO.

Tidak hanya soal technical SEO (SEO teknikal) dalam website, plugin yang satu ini dapat membantu penulis membuat konten berkualitas tinggi. Selain itu, Yoast SEO punya fitur untuk mengoptimalkan :

  • snippet, dan
  • meta description.

Kedua elemen tersebut akan menambah tampilan konten di mesin pencari agar lebih menarik. Hasilnya, ada kemungkinan besar konten website Anda di klik oleh para pengguna / pengunjung.

Untuk menambahkan breadcrumbs pada website, Anda harus terlebih dahulu meletakkan kode di bawah ke single.php, page.php, atau header.php.

<?php
if ( function_exists(‘yoast_breadcrumb’) ) {
yoast_breadcrumb( ‘<p id=”breadcrumbs”>’,'</p>’ );
}
?>

Sesudah itu, Anda dapat mengaktifkan breadcrumb lewat Yoast SEO >> Pengaturan >> Lanjutan >> Breadcrumbs. Setelah itu, klik Enabled.

Anda dapat mengubah pengaturan yang lain di tab ini. Seperti pengaturan (setting) halaman yang sedang di buka untuk memperlihatkan  :

  • blog post, ataupun
  • bold breadcrumbs trail.

Saat Anda mengaktifkan fitur ini, Anda dapat mengakses pengaturan yang lebih spesifik di halaman atau post tertentu.

Saat judul halaman atau post terlalu panjang, Anda dapat membuat judul khusus. Ini dilakukan supaya breadcrumbs terlihat lebih rapi.

Caranya, cukup klik bagian lanjutan / Advanced. Lalu tulis judul alternatif di bagian Judul Breadcrumbs (Breadcrumbs Title).

Saatnya Membuat Breadcrumb Website!

Walaupun terlihat kecil di website, breadcrumbs merupakan elemen website yang tidak dapat Anda abaikan. Elemen yang satu ini tidak hanya mempermudah pengunjung menjelajah website, namun juga berpengaruh ke SEO.

Breadcrumbs membantu Google mengindeks halaman website dengan tepat. Selain itu, keberadaannya juga akan mengurangi / menurunkan bounce rate pada website.

Lewat artikel ini, kami menyuguhkan beberapa alternatif cara memasang / membuat breadcrumb website WordPress. Kami harap tutorial navigasi web ini bisa membantu Anda dalam mengoptimalkan potensi website Anda. Selamat mencoba!

Leave a Reply

Memperbaiki Permalink Website
Cara Memperbaiki Permalink Website yang Rusak
Reset Website WordPress
Cara Reset Website WordPress dengan Mudah
Membuat Custom Login
Cara Membuat Custom Login di Website WordPress
Cara Setting Robots TXT di Website
Bahasa Pemrograman CMS cPanel Domain Hosting Web Siap
Fitur di cPanel Hosting
Fitur di cPanel Hosting Website
Domain Tingkat Atas
Jenis Domain Tingkat Atas Terbaik yang Ada Sekarang
Keunggulan Domain Berbayar
Keunggulan Domain Berbayar bagi Bisnis yang Perlu Diketahui

Dasar SEO

Pengenalan SEO Riset Keyword

Optimasi Lanjutan

Copywriting Error Website Tips SEO

Teknik SEO

SEO Off Page SEO OnPage SEO Teknikal

Tools SEO

Tools Google Tools Riset KK Tools SEO Lain
Bisnis Jualan Link PPC Program Afiliasi Publisher Sumber Lain
Mendapatkan Uang dari Website
Cara Mendapatkan Uang dari Website yang Kita Punya
Jualan Online via Website
Jualan Online via Website yang Mudah Dilakukan
Platform SeedBacklink
Platform Seedbacklink Solusi Promosi Website dan Income Online
Membersihkan Cache
Cara Membersihkan Cache pada Website
Menggunakan Editor Gutenberg
Cara Menggunakan Editor Gutenberg Lengkap di WordPress
Plugin WordPress
Cara Instal Plugin WordPress yang Bisa Dilakukan
Cara Instal dan Ganti Theme Website
Cara Instal dan Ganti Theme Website