Digital Transformation
Breadcrumb (Navigasi Remah Roti)
Breadcrumb adalah baris navigasi sekunder yang menampilkan jalur halaman saat ini relatif terhadap struktur situs, membantu pengguna dan mesin pencari memahami hierarki konten.
TL;DR: Breadcrumb adalah navigasi sekunder berbentuk baris jalur (misal Beranda > Layanan > Website Bisnis) yang menunjukkan posisi halaman saat ini di dalam hierarki situs. Selain memudahkan pengguna kembali ke level di atas, breadcrumb juga dipakai Google untuk membentuk tampilan jalur di hasil pencarian dan membantu pemahaman struktur situs.
Apa itu Breadcrumb?
Breadcrumb adalah komponen navigasi yang menampilkan urutan halaman dari tingkat tertinggi ke halaman saat ini. Nama ini terinspirasi dari kisah Hansel dan Gretel yang meninggalkan remah roti agar bisa kembali ke rumah. Di website, breadcrumb berperan serupa, memberi pengguna peta cepat untuk berpindah ke level yang lebih atas tanpa perlu menekan tombol kembali berulang kali. Breadcrumb biasanya muncul tepat di bawah header dan menggunakan separator seperti > atau /.
Implementasi yang baik selalu disertai structured data tipe BreadcrumbList sehingga mesin pencari dapat membaca jalur tersebut dan menampilkannya di SERP.
Tiga Jenis Breadcrumb
| Jenis | Cara Kerja | Cocok Untuk |
|---|---|---|
| Hierarchy-based | Mengikuti struktur situs (Beranda > Kategori > Detail) | Blog, e-commerce, portofolio |
| Attribute-based | Menampilkan filter/atribut produk (Sepatu > Pria > Ukuran 42) | E-commerce dengan banyak filter |
| History-based | Mengikuti urutan kunjungan pengguna | Aplikasi multi-langkah, dashboard |
Untuk konten editorial dan situs bisnis, hierarchy-based hampir selalu menjadi pilihan default karena selaras dengan ekspektasi mesin pencari.
Kenapa Penting?
Breadcrumb mengurangi rasio pentalan karena memberi pengguna jalan pintas saat mereka mendarat di halaman dalam dari hasil pencarian. Untuk SEO, Google sejak 2009 menggunakan markup BreadcrumbList untuk mengganti URL panjang di tampilan hasil pencarian dengan jalur yang lebih ringkas. Bagi pebisnis Indonesia yang halaman produknya sering masuk lewat penelusuran spesifik, breadcrumb meningkatkan kemungkinan pengguna menjelajah ke kategori terkait, bukan langsung keluar.
Pertanyaan Umum
Apakah breadcrumb wajib di setiap halaman?
Tidak. Halaman level satu seperti beranda atau halaman tunggal tanpa parent tidak memerlukan breadcrumb. Wajib pasang di halaman detail produk, artikel, dan kategori bertingkat.
Bagaimana hubungan breadcrumb dengan menu utama?
Menu utama menampilkan struktur global situs, breadcrumb menampilkan posisi halaman saat ini. Keduanya saling melengkapi, bukan menggantikan.
Istilah Terkait