Table of contents

Breadcrumbs adalah sekumpulan navigasi atau tautan yang terletak di bagian atas halaman web yang membantu pengguna melacak lokasi mereka dalam struktur situs web dan memudahkan mereka untuk kembali ke halaman sebelumnya atau ke halaman utama situs web.

Nama "breadcrumbs" merujuk pada dongeng Hansel dan Gretel di mana karakter melemparkan remah roti sebagai jejak agar dapat kembali ke rumah mereka. Breadcrumbs biasanya terdiri dari serangkaian tautan teks horizontal yang menunjukkan jalur lengkap dari halaman utama situs web ke halaman saat ini.

Contoh dari breadcrumbs di situs web dapat terlihat seperti ini: Beranda > Kategori Produk > Kategori A > Produk B.

Breadcrumbs: Pengertian, Fungsi dan Cara Membuatnya

Fungsi dan manfaat breadcrumbs adalah sebagai berikut:

  1. Memudahkan navigasi: Breadcrumbs membantu pengguna situs web untuk dengan mudah melacak lokasi mereka dalam struktur situs web. Dengan begitu, pengguna dapat lebih mudah menjelajahi situs web dan menemukan halaman atau produk yang mereka cari.
  2. Meningkatkan pengalaman pengguna: Dengan memberikan navigasi yang jelas dan mudah dipahami, breadcrumbs dapat meningkatkan pengalaman pengguna dan membuat mereka merasa lebih nyaman dalam menggunakan situs web.
  3. Meningkatkan SEO: Breadcrumbs dapat membantu mesin pencari memahami struktur situs web dan mengindeks halaman dengan lebih baik. Hal ini dapat membantu meningkatkan peringkat situs web dalam hasil pencarian.
  4. Memperbaiki pengindeksan halaman: Breadcrumbs juga membantu mesin pencari memahami bagaimana halaman situs web terkait satu sama lain. Ini membantu mesin pencari mengindeks halaman dengan lebih baik dan memperbaiki visibilitas dan keterlihatan situs web.
  5. Meningkatkan konversi: Dengan memberikan navigasi yang mudah dan jelas, breadcrumbs dapat membantu pengguna menemukan produk yang mereka cari dan meningkatkan konversi penjualan pada situs web.
  6. Mengurangi tingkat bounce: Breadcrumbs dapat membantu pengguna untuk menemukan halaman lain di situs web, sehingga mengurangi tingkat bounce rate dan meningkatkan waktu pengunjung di situs web.

Bagaimana cara membuat breadcrumb pada WordPress

Berikut adalah cara membuat breadcrumbs pada WordPress dengan menggunakan plugin Next Breadcrumb:

  1. Instal dan aktifkan plugin Next Breadcrumb pada situs WordPress milikmu.
Breadcrumbs: Pengertian, Fungsi dan Cara Membuatnya


  1. Setelah plugin aktif, biarkan setingan default saja dan buka halaman atau pos yang ingin kamu tambahkan breadcrumbs.
  2. Gulir ke bawah hingga terlihat bagian "Next Breadcrumb" yang terletak di bawah editor blok. Atau jika kesulitan ketik saja pada box pencarian seperti gambar di bawah ini
Breadcrumbs: Pengertian, Fungsi dan Cara Membuatnya


  1. Aktifkan opsi "Display breadcrumb" dengan mengklik kotak centang di sebelah kanan.
  2. Kamu dapat menyesuaikan tampilan breadcrumbs dengan mengubah warna, ukuran font, dan tata letaknya. Jika ingin menyesuaikan tampilan breadcrumbs, klik pada tautan "Styling" di bawah opsi "Display breadcrumb".
  3. Setelah selesai menyesuaikan tampilan breadcrumbs, klik tombol "Save Changes" untuk menyimpan perubahan.
  4. Sekarang buka halaman situs webmu untuk melihat breadcrumbs yang telah ditambahkan. Jika berhasil maka hasilnya akan seperti di bawah ini
Breadcrumbs: Pengertian, Fungsi dan Cara Membuatnya



Selanjutnya kita akan mebuat breadcrumb pada joomla, simak caranya berikut ini.

Cara membuat breadcrumbs di Joomla

  1. Aktifkan modul breadcrumbs pada Joomla. Untuk melakukannya, masuk ke menu System lalu "Extensions" di dashboard Joomla dan pilih "Modules".
  2. Cari modul breadcrumbs dengan menggunakan fitur pencarian atau secara manual.
Breadcrumbs: Pengertian, Fungsi dan Cara Membuatnya



  1. Pilih jenis modul "Breadcrumbs" dari daftar jenis modul yang tersedia.
  2. Konfigurasi modul breadcrumbs dengan mengisi detail seperti judul, posisi, dan parameter lainnya.
  3. Sesuaikan tampilan breadcrumbs dengan preferensimu. Kamu dapat mengubah warna, ukuran, tata letak, dan lain sebagainya.
  4. Simpan modul dan aktifkan modul breadcrumbs.
Breadcrumbs: Pengertian, Fungsi dan Cara Membuatnya


Sekarang, breadcrumbs akan muncul di situs web Joomla milikmu.

Demikian cara membuat breadcrumb pada website,agar websitemu terindex lebih baik di google. Pastikan untuk kroscek kembali menggunakan https://search.google.com/test/rich-results