Cara Menambahkan Breadcrumb di WordPress: Plugin, Blok Bawaan, dan Schema BreadcrumbList agar Muncul di Google

Breadcrumb adalah deretan tautan kecil di bagian atas halaman, misalnya Beranda › Teknologi › Cara Menambahkan Breadcrumb di WordPress, yang menunjukkan posisi halaman dalam struktur situs dan memungkinkan pembaca kembali ke level di atasnya dengan satu klik. Di WordPress, breadcrumb tidak muncul secara bawaan pada sebagian besar tema klasik, jadi Anda perlu mengaktifkannya lewat blok bawaan, plugin SEO seperti Rank Math atau Yoast SEO, plugin khusus seperti Breadcrumb NavXT, atau sedikit kode di child theme. Artikel ini menjelaskan keenam cara tersebut langkah demi langkah, lengkap dengan aturan schema BreadcrumbList dari Google agar breadcrumb Anda berpeluang tampil sebagai jalur navigasi di hasil pencarian.

Poin Kunci

• Breadcrumb adalah navigasi hierarki yang membantu pembaca memahami posisi halaman dan kembali ke kategori atau halaman induk tanpa memakai tombol kembali di browser.
• WordPress tidak menampilkan breadcrumb secara otomatis pada tema klasik; tema blok menyediakan blok Breadcrumbs bawaan, sedangkan tema klasik membutuhkan plugin SEO, plugin khusus, atau kode di child theme.
• Rank Math, Yoast SEO, dan All in One SEO sama-sama menyediakan breadcrumb beserta schema BreadcrumbList otomatis; pilih yang sudah terpasang di situs Anda, jangan memasang dua plugin SEO sekaligus.
• Google mengharuskan BreadcrumbList berisi minimal dua ListItem, dengan properti position, name, dan item (URL), serta menyarankan jalur yang mencerminkan jalur pengguna biasa, bukan sekadar meniru struktur URL.
• Validasi hasil pemasangan dengan Rich Results Test dari Google sebelum menganggap pekerjaan selesai; breadcrumb yang salah markup tidak akan muncul di hasil pencarian.
• Breadcrumb sebaiknya tampil konsisten di semua artikel dan halaman arsip, dengan pemisah yang jelas, label Beranda yang singkat, dan tanpa menampilkan halaman itu sendiri sebagai tautan.

Daftar Isi

1. Apa Itu Breadcrumb dan Mengapa Penting untuk Situs WordPress
2. Tiga Jenis Breadcrumb yang Perlu Anda Kenali
3. Syarat Sebelum Menambahkan Breadcrumb
4. Cara 1: Memakai Blok Breadcrumbs Bawaan WordPress
5. Cara 2: Mengaktifkan Breadcrumb di Rank Math SEO
6. Cara 3: Mengaktifkan Breadcrumb di Yoast SEO
7. Cara 4: Mengaktifkan Breadcrumb di All in One SEO
8. Cara 5: Memakai Plugin Breadcrumb NavXT
9. Cara 6: Menambahkan Breadcrumb dengan Kode di Child Theme
10. Menambahkan Schema BreadcrumbList agar Google Menampilkannya
11. Cara Memilih Jalur Breadcrumb yang Benar
12. Kesalahan Umum dan Cara Memperbaikinya
13. Checklist Setelah Breadcrumb Aktif
14. FAQ
15. Kesimpulan

Apa Itu Breadcrumb dan Mengapa Penting untuk Situs WordPress

Breadcrumb berasal dari cerita Hansel dan Gretel yang menaburkan remah roti untuk menemukan jalan pulang. Dalam desain web, breadcrumb adalah jalur navigasi sekunder yang menampilkan hierarki halaman dari yang paling umum ke yang paling spesifik. Contohnya, pada artikel ini jalurnya adalah Beranda › Teknologi › Cara Menambahkan Breadcrumb di WordPress. Setiap elemen kecuali halaman yang sedang dibuka biasanya berupa tautan yang bisa diklik.

Untuk situs berita dan media seperti Bang Eko Media, breadcrumb penting karena tiga alasan. Pertama, pembaca yang masuk dari Google ke sebuah artikel lama sering kali tidak tahu situs Anda punya kategori apa saja; breadcrumb memberi mereka peta singkat dan jalan kembali ke halaman kategori. Kedua, breadcrumb mengurangi ketergantungan pada tombol kembali di browser dan pada menu utama yang sering kali terlalu ramai. Ketiga, breadcrumb yang disertai schema BreadcrumbList memberi Google informasi struktur situs Anda, sehingga Google dapat menampilkan jalur tersebut di hasil pencarian desktop sebagai pengganti URL mentah yang panjang.

Perlu dicatat bahwa breadcrumb bukan pengganti menu navigasi utama. Menu menjawab pertanyaan “apa saja yang ada di situs ini”, sedangkan breadcrumb menjawab “di mana saya sekarang dan bagaimana saya sampai ke sini”. Keduanya saling melengkapi. Situs yang hanya punya menu tanpa breadcrumb memaksa pembaca mengingat jalur yang mereka lalui, sementara situs yang hanya punya breadcrumb tanpa menu menyulitkan pembaca menemukan bagian lain situs.

Tiga Jenis Breadcrumb yang Perlu Anda Kenali

Breadcrumb berbasis lokasi

Ini jenis yang paling umum dan yang dibahas dalam artikel ini. Breadcrumb berbasis lokasi menunjukkan posisi halaman dalam hierarki situs, misalnya Beranda › Monetisasi › Judul Artikel. Jenis ini cocok untuk situs konten seperti media, blog, dan majalah online karena strukturnya stabil dan mudah dipahami.

Breadcrumb berbasis atribut

Jenis ini menunjukkan atribut halaman, bukan posisinya. Contohnya pada toko online: Beranda › Sepatu › Merek X › Ukuran 42. Breadcrumb atribut membantu pembaca memfilter dan memahami karakteristik produk. Untuk situs publisher, jenis ini jarang dipakai kecuali situs Anda punya direktori atau katalog dengan banyak filter.

Breadcrumb berbasis riwayat

Jenis ini menampilkan halaman-halaman yang sudah dikunjungi pembaca, mirip riwayat browser. Jenis ini hampir tidak pernah dipakai lagi karena membingungkan: dua pembaca yang membuka halaman yang sama bisa melihat breadcrumb yang berbeda, dan mesin pencari tidak bisa mengandalkan jalur yang berubah-ubah. Google pun secara eksplisit menyarankan breadcrumb yang mencerminkan jalur pengguna yang umum, bukan riwayat kunjungan individual.

Untuk publisher WordPress, fokuslah pada breadcrumb berbasis lokasi. Inilah yang dihasilkan oleh Rank Math, Yoast SEO, dan plugin breadcrumb lainnya, dan inilah yang dipahami Google melalui schema BreadcrumbList.

Syarat Sebelum Menambahkan Breadcrumb

Sebelum memilih cara pemasangan, periksa empat hal berikut agar Anda tidak membuang waktu memperbaiki kesalahan yang sebenarnya bisa dicegah.

Pertama, ketahui jenis tema Anda. Tema blok (block theme) yang memakai Full Site Editing menyediakan blok Breadcrumbs bawaan, sehingga Anda bisa menambahkannya tanpa plugin. Tema klasik tidak punya blok tersebut dan membutuhkan plugin atau kode. Anda bisa memeriksa jenis tema di menu Tampilan: bila ada submenu Editor, tema Anda adalah tema blok; bila tidak ada, tema Anda adalah tema klasik.

Kedua, periksa plugin SEO yang sudah terpasang. Bila Rank Math atau Yoast SEO sudah aktif, gunakan fitur breadcrumb bawaan plugin tersebut. Menambah plugin breadcrumb kedua hanya menambah beban dan risiko konflik markup ganda. Bila situs Anda belum memakai plugin SEO apa pun, pertimbangkan memasang Rank Math atau Yoast SEO terlebih dahulu, karena keduanya memberi manfaat SEO lain di luar breadcrumb.

Ketiga, siapkan child theme bila Anda memilih jalur kode. Mengedit file tema utama secara langsung berbahaya karena perubahan Anda akan hilang saat tema diperbarui. Child theme adalah cara resmi WordPress untuk menyimpan kustomisasi agar tetap aman saat tema induk diperbarui.

Keempat, rapikan struktur kategori Anda. Breadcrumb mengambil jalurnya dari hierarki kategori dan halaman induk. Bila satu artikel masuk ke tiga kategori sekaligus, plugin breadcrumb harus memilih satu jalur, dan pilihannya belum tentu jalur yang Anda inginkan. Aturan praktisnya: tetapkan satu kategori utama untuk setiap artikel, dan gunakan tag untuk topik tambahan, bukan kategori kedua atau ketiga.

Cara 1: Memakai Blok Breadcrumbs Bawaan WordPress

Cara ini paling sederhana dan tidak membutuhkan plugin tambahan, tetapi hanya tersedia pada tema blok. Blok Breadcrumbs menampilkan jalur halaman berdasarkan hierarki situs dan bisa ditempatkan di template mana pun melalui Site Editor.

Langkah-langkahnya: masuk ke dashboard WordPress, buka menu Tampilan, lalu pilih Editor. Pilih template yang ingin diberi breadcrumb, biasanya template Single untuk artikel atau template Page untuk halaman statis. Klik ikon tambah blok di area atas konten, cari “Breadcrumbs”, lalu tambahkan blok tersebut di atas judul atau di bawah header. Simpan perubahan, lalu buka salah satu artikel untuk memastikan breadcrumb tampil.

Kelebihan cara ini adalah kecepatan dan kesederhanaan: tidak ada plugin tambahan, tidak ada kode, dan tampilannya mengikuti gaya tema. Kekurangannya, blok bawaan tidak selalu menyertakan schema BreadcrumbList yang dibutuhkan Google untuk menampilkan breadcrumb di hasil pencarian. Dokumentasi dan panduan praktisi mencatat bahwa blok bawaan mungkin tidak menambahkan markup schema, sehingga Anda perlu memeriksa dengan Rich Results Test. Bila hasil tes menunjukkan tidak ada item Breadcrumb yang terdeteksi, Anda tetap membutuhkan plugin SEO untuk sisi schema, atau beralih ke salah satu cara berikut.

Cara ini paling cocok untuk situs yang memakai tema blok dan tidak terlalu peduli apakah breadcrumb muncul di hasil pencarian, misalnya situs yang mengutamakan navigasi internal. Bila tujuan Anda juga mencakup tampilan di Google, lanjutkan ke cara 2 atau 3.

Cara 2: Mengaktifkan Breadcrumb di Rank Math SEO

Rank Math adalah plugin SEO populer yang sudah dipakai banyak publisher Indonesia, dan panduan Rank Math untuk situs ini sudah dibahas pada artikel sebelumnya. Fitur breadcrumb Rank Math sudah termasuk schema BreadcrumbList otomatis, sehingga satu pengaturan menyelesaikan tampilan sekaligus markup untuk Google.

Langkah pengaturannya: setelah Rank Math terpasang dan aktif, buka menu Rank Math SEO, pilih General Settings, lalu klik tab Breadcrumbs. Aktifkan sakelar breadcrumb. Setelah aktif, muncul pengaturan tambahan: karakter pemisah (misalnya › atau /), label untuk halaman beranda (biasanya “Beranda” atau “Home”), serta pilihan apakah kategori ditampilkan dalam breadcrumb artikel. Atur sesuai kebutuhan, lalu klik Save Changes.

Mengaktifkan pengaturan saja belum cukup: Anda masih harus menempatkan breadcrumb di tema agar tampil di depan. Rank Math menyediakan tiga cara penempatan. Cara pertama memakai shortcode [rank_math_breadcrumb] yang bisa dipasang di widget, di blok Shortcode, atau di template. Cara kedua memakai fungsi PHP pada child theme: tambahkan kode berikut di lokasi yang diinginkan, biasanya di file single.php atau di template konten sebelum loop artikel dimulai.

<?php if ( function_exists( 'rank_math_the_breadcrumbs' ) ) { rank_math_the_breadcrumbs(); } ?>

Cara ketiga, pada tema blok, tersedia blok Rank Math Breadcrumbs yang bisa ditambahkan lewat Site Editor seperti blok bawaan. Pilih cara yang sesuai dengan jenis tema Anda, dan selalu lakukan penempatan di child theme bila memakai kode, bukan di tema induk.

Setelah breadcrumb tampil, periksa dua hal: apakah jalur yang muncul sudah benar (Beranda › Kategori › Judul Artikel), dan apakah Rich Results Test mendeteksi item Breadcrumb pada URL artikel tersebut. Bila jalur menampilkan kategori yang salah, periksa kategori utama artikel di pengaturan Rank Math pada editor artikel.

Cara 3: Mengaktifkan Breadcrumb di Yoast SEO

Yoast SEO adalah plugin SEO lain yang juga menyediakan breadcrumb beserta schema otomatis. Alurnya mirip Rank Math, hanya letak menunya berbeda.

Langkah pengaturannya: buka menu Yoast SEO, pilih Settings, lalu klik Advanced dan pilih Breadcrumbs. Aktifkan opsi Enable breadcrumbs. Di halaman yang sama Anda bisa mengatur pemisah, teks untuk halaman beranda, serta awalan untuk arsip dan halaman pencarian. Simpan perubahan.

Untuk menampilkan breadcrumb, Yoast menyediakan blok Yoast Breadcrumbs yang bisa ditambahkan di editor blok atau Site Editor, shortcode [wpseo_breadcrumb], dan fungsi PHP berikut untuk child theme.

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

Dua argumen pada fungsi tersebut adalah HTML pembuka dan penutup yang membungkus breadcrumb, sehingga Anda bisa menyesuaikan markup dan class CSS-nya. Tempatkan kode di atas judul artikel pada file single.php child theme, atau di template yang dipakai tema Anda.

Perbedaan praktis antara Yoast dan Rank Math pada sisi breadcrumb terbilang kecil: keduanya menghasilkan tampilan dan schema yang sebanding. Karena itu, jangan mengganti plugin SEO hanya demi breadcrumb. Gunakan plugin yang sudah terpasang dan sudah Anda kenal, lalu aktifkan fitur breadcrumb di dalamnya.

Cara 4: Mengaktifkan Breadcrumb di All in One SEO

All in One SEO (AIOSEO) juga menyediakan breadcrumb pada versi gratisnya. Cara ini relevan bila situs Anda memakai AIOSEO sebagai plugin SEO utama.

Langkah pengaturannya: buka menu All in One SEO, pilih General Settings, lalu buka tab Breadcrumbs. Aktifkan opsi Enable Breadcrumbs. Atur pemisah, label beranda, dan format tampilan sesuai keinginan, lalu simpan.

Untuk penempatan, AIOSEO menyediakan fungsi PHP berikut untuk child theme.

<?php if ( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>

Tempatkan fungsi tersebut di lokasi yang sama seperti pada cara sebelumnya, yaitu sebelum konten artikel dimulai. AIOSEO juga menyediakan blok dan shortcode pada versi yang lebih baru; periksa dokumentasi versi yang terpasang di situs Anda bila blok tidak muncul.

Satu hal yang perlu diperhatikan: AIOSEO, Rank Math, dan Yoast SEO tidak boleh aktif bersamaan sebagai plugin SEO utama karena pengaturannya saling tumpang tindih, termasuk pada breadcrumb dan schema. Bila Anda sudah memakai salah satunya, jangan memasang yang lain hanya untuk breadcrumb.

Cara 5: Memakai Plugin Breadcrumb NavXT

Breadcrumb NavXT adalah plugin khusus breadcrumb yang paling banyak dipakai di WordPress, dengan lebih dari 900.000 instalasi aktif menurut berbagai direktori plugin. Plugin ini cocok bila Anda tidak memakai plugin SEO, atau bila Anda membutuhkan kontrol breadcrumb yang lebih rinci daripada yang disediakan plugin SEO.

Langkah pemasangannya: buka menu Plugin, pilih Tambah Baru, cari “Breadcrumb NavXT”, lalu instal dan aktifkan. Setelah aktif, buka menu Pengaturan, pilih Breadcrumb NavXT, dan atur template untuk setiap jenis halaman: beranda, artikel, halaman, kategori, arsip, dan hasil pencarian. Plugin ini memungkinkan Anda mengatur teks, pemisah, dan perilaku setiap level secara terpisah.

Untuk menampilkan breadcrumb, tambahkan kode berikut di child theme pada lokasi yang diinginkan.

<?php if ( function_exists( 'bcn_display' ) ) { bcn_display(); } ?>

Breadcrumb NavXT juga menyediakan widget dan shortcode, sehingga Anda bisa menampilkannya tanpa menyentuh kode bila tema Anda mendukung widget di area yang diinginkan.

Kelebihan Breadcrumb NavXT adalah fleksibilitasnya: Anda bisa mengatur breadcrumb untuk custom post type, taksonomi kustom, halaman lampiran, dan halaman hasil pencarian, yang tidak selalu tersedia di plugin SEO. Kekurangannya, plugin ini menambah satu plugin lagi di situs Anda, dan schema BreadcrumbList yang dihasilkannya tetap perlu diperiksa dengan Rich Results Test. Untuk situs publisher standar dengan struktur kategori biasa, fitur breadcrumb bawaan Rank Math atau Yoast SEO biasanya sudah cukup, dan Breadcrumb NavXT lebih tepat untuk situs dengan struktur konten yang kompleks.

Cara 6: Menambahkan Breadcrumb dengan Kode di Child Theme

Bila Anda tidak ingin menambah plugin dan tidak memakai tema blok, Anda bisa menulis fungsi breadcrumb sendiri di file functions.php child theme. Cara ini memberi kontrol penuh, tetapi membutuhkan pemahaman dasar PHP WordPress dan tanggung jawab pemeliharaan yang lebih besar.

Prinsipnya sederhana: fungsi breadcrumb membangun jalur dari halaman beranda, lalu kategori atau halaman induk, lalu judul halaman saat ini. WordPress menyediakan fungsi seperti get_category_parents untuk mengambil rantai kategori dan get_post_ancestors untuk mengambil rantai halaman induk. Fungsi Anda merangkai hasil tersebut menjadi tautan yang dipisah karakter pemisah, lalu mencetaknya di lokasi yang diinginkan melalui hook atau pemanggilan langsung di template.

Pendekatan ini hanya disarankan bila Anda nyaman mengedit kode dan memahami risiko: kesalahan kecil pada functions.php bisa membuat situs menampilkan layar putih. Selalu cadangkan situs sebelum mengedit, uji di staging bila tersedia, dan ingat bahwa fungsi buatan sendiri tidak otomatis menghasilkan schema BreadcrumbList. Anda harus menambahkan markup JSON-LD secara terpisah, seperti dijelaskan pada bagian berikutnya.

Untuk sebagian besar publisher, cara 6 adalah pilihan terakhir. Plugin SEO yang sudah terpasang memberi hasil yang sama dengan risiko yang jauh lebih kecil dan pemeliharaan yang ditangani oleh pengembang plugin.

Menambahkan Schema BreadcrumbList agar Google Menampilkannya

Breadcrumb yang terlihat oleh pembaca belum tentu dipahami oleh Google. Agar Google dapat menampilkan jalur breadcrumb di hasil pencarian, halaman Anda membutuhkan schema BreadcrumbList, yaitu data terstruktur berbasis schema.org yang menjelaskan hierarki halaman kepada mesin pencari.

Aturan resmi Google untuk BreadcrumbList

Dokumentasi Google Search Central tentang Breadcrumb (BreadcrumbList) structured data menetapkan beberapa aturan yang wajib dipatuhi agar halaman memenuhi syarat tampil dengan breadcrumb di Google Search. Pertama, BreadcrumbList harus berisi minimal dua ListItem. Kedua, setiap ListItem wajib memiliki properti position, name, dan item, dengan pengecualian item terakhir: bila breadcrumb terakhir adalah halaman itu sendiri, properti item boleh tidak disertakan, dan Google akan memakai URL halaman tersebut. Ketiga, nilai position dimulai dari 1 dan naik satu per satu mengikuti urutan breadcrumb dari kiri ke kanan. Keempat, Google menyarankan breadcrumb yang mencerminkan jalur pengguna yang umum menuju halaman, bukan sekadar meniru struktur URL. Kelima, markup data-vocabulary.org sudah tidak lagi memenuhi syarat untuk fitur rich result Google sejak lama; gunakan schema.org BreadcrumbList.

Satu perubahan penting yang perlu diketahui publisher: sejak Januari 2025, Google hanya menampilkan breadcrumb di hasil pencarian desktop. Di layar kecil, breadcrumb terpotong dan dinilai kurang berguna bagi pencari di perangkat seluler, sehingga Google menghentikan tampilannya di hasil pencarian mobile. Markup-nya tetap sama dan tetap layak dipasang, tetapi jangan heran bila Anda tidak melihat breadcrumb pada hasil pencarian di HP.

Contoh JSON-LD BreadcrumbList yang benar

Berikut contoh markup JSON-LD untuk artikel ini, sesuai aturan Google di atas. Perhatikan bahwa item terakhir tidak menyertakan properti item karena halaman itu sendiri adalah tujuan akhirnya.

{
“@context”: “https://schema.org“,
“@type”: “BreadcrumbList”,
“itemListElement”: [
{
“@type”: “ListItem”,
“position”: 1,
“name”: “Beranda”,
“item”: “https://bangekomedia.com/“
},
{
“@type”: “ListItem”,
“position”: 2,
“name”: “Teknologi”,
“item”: “https://bangekomedia.com/category/teknologi/“
},
{
“@type”: “ListItem”,
“position”: 3,
“name”: “Cara Menambahkan Breadcrumb di WordPress”
}
]
}

Bila Anda memakai Rank Math, Yoast SEO, atau AIOSEO, markup seperti ini dibuat otomatis bersama breadcrumb yang tampil di halaman, sehingga Anda tidak perlu menulis JSON-LD manual. Contoh di atas berguna bila Anda memakai cara 6 (kode sendiri) atau bila Anda ingin memahami apa yang sebenarnya dikirim plugin Anda ke Google. Prinsip terpentingnya adalah konsistensi: markup harus sama persis dengan breadcrumb yang terlihat oleh pembaca. Google menegaskan dalam panduan umum data terstrukturnya bahwa data terstruktur harus merupakan representasi yang benar dari konten halaman dan tidak boleh menandai konten yang tidak terlihat oleh pembaca.

Validasi dengan Rich Results Test

Setelah breadcrumb aktif, buka Rich Results Test dari Google, tempel URL artikel yang sudah terbit, lalu jalankan tes. Bila semuanya benar, alat tersebut menampilkan “Breadcrumbs” sebagai item yang terdeteksi dengan status valid berwarna hijau. Bila tidak terdeteksi, periksa tiga hal: apakah schema BreadcrumbList memang ada di kode sumber halaman, apakah jumlah ListItem sudah minimal dua, dan apakah ada properti wajib yang hilang. Periksa juga Search Console pada laporan Enhancements bila tersedia, karena laporan tersebut menampilkan error breadcrumb di seluruh situs, bukan hanya satu URL.

Perlu diingat bahwa lolos Rich Results Test tidak berarti breadcrumb langsung muncul di hasil pencarian. Google harus merayapi ulang URL Anda terlebih dahulu, dan keputusan menampilkan breadcrumb tetap berada di tangan Google. Untuk situs yang baru memasang breadcrumb, beri waktu beberapa hari hingga beberapa minggu, lalu periksa kembali melalui pencarian dengan kata kunci yang relevan.

Cara Memilih Jalur Breadcrumb yang Benar

Kesalahan paling umum dalam pemasangan breadcrumb bukan pada teknisnya, melainkan pada pemilihan jalurnya. Google menyarankan jalur yang mencerminkan perjalanan pengguna yang umum, bukan cerminan struktur URL. Perbedaan ini penting untuk situs WordPress yang permalink-nya sering kali tidak mencerminkan hierarki kategori.

Contohnya, sebuah artikel tentang pajak kripto bisa memiliki URL seperti bangekomedia.com/pajak-kripto-2026/ tanpa segmen kategori di dalamnya. Breadcrumb yang meniru URL akan menampilkan jalur pendek Beranda › Pajak Kripto 2026, yang tidak memberi informasi apa pun tentang kategori artikel. Breadcrumb yang mengikuti jalur pengguna akan menampilkan Beranda › Bisnis & Finansial › Pajak Kripto 2026, yang jauh lebih informatif dan membantu pembaca menemukan artikel sejenis.

Untuk artikel yang masuk ke lebih dari satu kategori, pilih satu kategori utama sebagai jalur breadcrumb. Pada Rank Math dan Yoast SEO, kategori utama bisa diatur di editor artikel. Jangan menampilkan dua jalur sekaligus untuk satu artikel, karena Google hanya akan memilih satu, dan pembaca akan bingung melihat dua jalur berbeda di halaman yang sama.

Untuk halaman statis seperti Tentang Kami atau Kontak, breadcrumb biasanya hanya berisi Beranda › Nama Halaman, dan itu sudah cukup. Untuk halaman arsip kategori, jalurnya adalah Beranda › Nama Kategori. Untuk halaman hasil pencarian internal, sebagian plugin menampilkan Beranda › Hasil pencarian untuk “kata kunci”; jalur seperti ini wajar dan tidak perlu dihapus, tetapi halaman pencarian sebaiknya tidak diindeks Google.

Kesalahan Umum dan Cara Memperbaikinya

Kesalahan	Gejala	Perbaikan
Breadcrumb tidak tampil sama sekali	Pengaturan plugin sudah aktif, tetapi tidak ada breadcrumb di halaman	Pastikan kode atau shortcode sudah ditempatkan di template; pengaturan saja tidak menampilkan apa pun
Dua plugin SEO aktif bersamaan	Markup BreadcrumbList ganda, Rich Results Test menampilkan peringatan	Nonaktifkan salah satu plugin SEO dan pertahankan satu saja
Breadcrumb menampilkan kategori yang salah	Jalur artikel menunjukkan kategori yang bukan topik utamanya	Atur kategori utama di editor artikel dan pastikan setiap artikel hanya punya satu kategori utama
Breadcrumb meniru URL, bukan jalur pengguna	Jalur terlalu pendek atau tidak informatif di hasil pencarian	Aktifkan opsi tampilkan kategori pada pengaturan breadcrumb plugin SEO
Markup memakai data-vocabulary.org	Rich Results Test tidak mengenali breadcrumb	Perbarui plugin atau tema; markup lama tersebut sudah tidak memenuhi syarat rich result Google
Breadcrumb tampil di halaman beranda	Jalur “Beranda › Beranda” yang membingungkan	Nonaktifkan breadcrumb untuk halaman beranda di pengaturan plugin atau lewat kondisi di kode
Schema ada, tetapi tidak muncul di Google	Rich Results Test valid, tetapi hasil pencarian tetap menampilkan URL mentah	Tunggu perayapan ulang Google; pastikan halaman terindeks dan bukan halaman yang diblokir robots.txt atau noindex
Breadcrumb terakhir berupa tautan ke halaman itu sendiri	Pembaca mengklik tautan yang mengarah ke halaman yang sedang dibuka	Atur agar item terakhir tampil sebagai teks biasa tanpa tautan, sesuai praktik umum plugin SEO

Checklist Setelah Breadcrumb Aktif

Gunakan daftar periksa berikut sebelum menganggap pemasangan breadcrumb selesai. Setiap poin bisa diperiksa dalam waktu kurang dari satu menit, dan semuanya penting untuk hasil yang konsisten.

1. Breadcrumb tampil di semua jenis halaman: artikel, halaman statis, arsip kategori, dan arsip tag.
2. Jalur yang tampil benar: Beranda › Kategori › Judul Artikel, dengan kategori utama yang tepat.
3. Item terakhir bukan tautan, melainkan teks biasa.
4. Pemisah konsisten di seluruh situs dan tidak mengganggu tampilan di layar kecil.
5. Rich Results Test mendeteksi item Breadcrumb dengan status valid pada beberapa URL contoh.
6. Tidak ada markup BreadcrumbList ganda di kode sumber halaman.
7. Halaman beranda tidak menampilkan breadcrumb yang redundan.
8. Tampilan breadcrumb sudah diperiksa di desktop dan di HP: tidak meluber, tidak menutupi judul, dan tetap terbaca.
9. Setelah beberapa hari, periksa Search Console untuk memastikan tidak ada error breadcrumb baru.

FAQ

Apakah breadcrumb wajib untuk SEO WordPress?

Tidak wajib. Situs bisa mendapat peringkat tanpa breadcrumb. Namun breadcrumb membantu Google memahami struktur situs dan memberi peluang tampilnya jalur navigasi di hasil pencarian desktop, sekaligus membantu pembaca berpindah antar level situs. Untuk situs konten dengan banyak kategori, manfaatnya lebih besar daripada biayanya yang kecil.

Apakah breadcrumb memperlambat situs WordPress?

Dampaknya sangat kecil. Breadcrumb hanya menambahkan beberapa tautan dan sedikit markup JSON-LD pada halaman. Plugin SEO yang sudah terpasang tidak menambah beban berarti dengan mengaktifkan fitur ini. Yang lebih berpengaruh pada kecepatan adalah jumlah plugin secara keseluruhan, bukan fitur breadcrumb itu sendiri.

Mengapa breadcrumb saya tidak muncul di hasil pencarian Google?

Ada beberapa kemungkinan. Pertama, Google harus merayapi ulang halaman Anda setelah breadcrumb dipasang, dan ini membutuhkan waktu. Kedua, Google hanya menampilkan breadcrumb di hasil pencarian desktop sejak Januari 2025, sehingga Anda tidak akan melihatnya di HP. Ketiga, keputusan menampilkan breadcrumb berada di tangan Google; markup yang valid adalah syarat kelayakan, bukan jaminan tampil. Pastikan halaman terindeks, markup valid di Rich Results Test, dan tidak ada error di Search Console.

Apakah saya boleh memakai plugin breadcrumb bersama Rank Math atau Yoast SEO?

Sebaiknya tidak. Plugin SEO tersebut sudah menghasilkan breadcrumb dan schema BreadcrumbList sendiri. Menambah plugin breadcrumb kedua berisiko menghasilkan markup ganda yang membingungkan Google. Pilih satu sumber breadcrumb: bila Anda memakai Rank Math atau Yoast SEO, gunakan fitur bawaannya; plugin khusus seperti Breadcrumb NavXT hanya dipakai bila Anda tidak memakai plugin SEO atau membutuhkan kontrol yang lebih rinci.

Bagaimana cara menampilkan breadcrumb hanya di artikel, bukan di halaman?

Pada Rank Math dan Yoast SEO, penempatan breadcrumb diatur melalui template: letakkan kode atau blok breadcrumb di template Single, bukan di template Page. Pada Breadcrumb NavXT, atur template per jenis halaman di halaman pengaturannya. Pada kode buatan sendiri, bungkus pemanggilan fungsi dengan kondisi is_single() agar hanya berjalan pada artikel.

Apakah breadcrumb berpengaruh pada iklan AdSense?

Tidak secara langsung. Breadcrumb adalah elemen navigasi kecil di bagian atas konten dan tidak bersaing dengan unit iklan. Selama breadcrumb tidak menutupi iklan, tidak mendorong klik iklan yang tidak disengaja, dan tidak melanggar kebijakan penempatan iklan AdSense, pemasangannya aman untuk publisher. Pastikan breadcrumb tidak ditempatkan terlalu dekat dengan unit iklan hingga membingungkan pembaca tentang mana tautan navigasi dan mana iklan.

Kesimpulan

Breadcrumb adalah fitur kecil dengan manfaat ganda: membantu pembaca memahami posisi mereka di situs Anda dan membantu Google memahami struktur situs Anda. Di WordPress, cara termudah adalah memakai blok Breadcrumbs bawaan bila Anda memakai tema blok, atau mengaktifkan fitur breadcrumb di plugin SEO yang sudah terpasang, seperti Rank Math, Yoast SEO, atau All in One SEO. Plugin khusus seperti Breadcrumb NavXT menjadi pilihan bila Anda membutuhkan kontrol lebih rinci, sedangkan kode di child theme hanya layak bila Anda nyaman memelihara kode sendiri.

Apa pun cara yang dipilih, tiga hal menentukan keberhasilan: jalur yang mencerminkan perjalanan pengguna dan kategori utama yang tepat, schema BreadcrumbList yang valid sesuai aturan Google, dan validasi melalui Rich Results Test sebelum menganggap pekerjaan selesai. Pasang breadcrumb sekali dengan benar, lalu biarkan ia bekerja di setiap artikel yang Anda terbitkan berikutnya.

Sumber resmi yang dirujuk

• Google Search Central, “Breadcrumb (BreadcrumbList) structured data”, developers.google.com/search/docs/appearance/structured-data/breadcrumb
• Google Search Central, “General Structured Data Guidelines”, developers.google.com/search/docs/appearance/structured-data/sd-policies
• Google Search Central, “Rich Results Test”, search.google.com/test/rich-results
• Rank Math, dokumentasi Breadcrumbs, rankmath.com/kb/breadcrumbs/
• Yoast SEO, dokumentasi Breadcrumbs, yoast.com/help/breadcrumbs/
• WordPress.org, direktori plugin Breadcrumb NavXT, wordpress.org/plugins/breadcrumb-navxt/
• Schema.org, “BreadcrumbList”, schema.org/BreadcrumbList