Cara Membuat Breadcrumbs yang Valid Rich Results Google (Panduan Lengkap)

296 Blog - Pernahkah kamu masuk ke sebuah blog dan langsung tahu sedang berada di kategori apa tanpa perlu melihat menu utama? Atau, saat kamu googling, melihat struktur teks kecil rapi di atas judul artikel pada hasil pencarian?

Nah, struktur navigasi itu dinamakan breadcrumbs.

Bagi sebuah blog, breadcrumbs bukan sekadar hiasan. Fitur ini adalah kompas yang membantu pengunjung maupun robot Google memahami peta situs kamu.

Sayangnya, banyak blogger pembuat kode breadcrumbs secara asal-asalan, sehingga memicu eror di Google Search Console. Yuk, simak panduan membangun navigasi breadcrumbs yang valid validasi Rich Results Google berikut ini agar blog kamu makin kece dan ramah SEO!

Apa Itu Breadcrumbs dan Mengapa Penting untuk SEO?

Secara harfiah, breadcrumbs berarti remah-remah roti. Istilah ini diambil dari dongeng Hansel dan Gretel yang meninggalkan remah roti agar tidak tersesat di dalam hutan.

Di dunia blogging, breadcrumbs adalah navigasi teks kecil yang biasanya terletak di bagian atas artikel. Contoh strukturnya seperti ini:

Home > Gadget > Review Android > Samsung Galaxy S24

Manfaat Utama Memasang Breadcrumbs:

• Menurunkan Bounce Rate: Pengunjung bisa dengan mudah menjelajahi kategori lain jika mereka selesai membaca satu artikel.

• Meningkatkan Pengalaman Pengguna (UX): Pembaca tidak akan tersesat di dalam blog kamu.

• Disukai oleh Google: Google menggunakan struktur ini untuk menampilkan cuplikan navigasi yang rapi di halaman hasil pencarian (Rich Results).

Mengapa Breadcrumbs Harus Lolos Validasi Rich Results Google?

Google sangat menyukai data yang terstruktur dengan jelas. Agar breadcrumbs blog kamu muncul dengan indah di hasil pencarian, kamu harus menggunakan skema data (Schema Markup) yang sesuai dengan standar Schema.org.

Jika ada kesalahan kode sedikit saja, Google akan mengirimkan peringatan eror "Breadcrumbs invalid" di Google Search Console kamu. Dampaknya? Tampilan artikel kamu di Google jadi kurang menarik dan berpotensi menurunkan minat klik (CTR) dari calon pengunjung.

Panduan Membangun Navigasi Breadcrumbs yang Valid Validasi Rich Results Google

Berikut adalah langkah praktis untuk menerapkan breadcrumbs yang valid, baik untuk pengguna WordPress maupun Blogger (Blogspot).

1. Cara Memasang Breadcrumbs di WordPress (Sangat Mudah)

Bagi pengguna WordPress, kamu beruntung karena tidak perlu menyentuh kode HTML yang rumit. Kamu bisa memanfaatkan plugin SEO populer seperti Yoast SEO atau Rank Math.

Langkah-langkah menggunakan Rank Math:

1. Masuk ke Dashboard WordPress kamu.

2. Install dan aktifkan plugin Rank Math.

3. Buka menu Rank Math > General Settings > Breadcrumbs.

4. Aktifkan opsi Enable Breadcrumbs function.

5. Atur karakter pemisah (misalnya menggunakan tanda > atau /).

6. Secara otomatis, Rank Math akan menyuntikkan Schema Markup yang valid ke tema website kamu.

Tips Tambahan: Jika tema WordPress kamu tidak mendukung penempatan otomatis, kamu hanya perlu menyalin kode shortcode yang disediakan oleh Rank Math (biasanya [rank_math_breadcrumb]) lalu tempelkan di file header.php atau single.php tema kamu.

2. Cara Memasang Breadcrumbs di Blogger / Blogspot (Valid HTML5)

Untuk pengguna Blogger, kita harus memasukkan kode secara manual ke dalam template. Namun jangan khawatir, kode di bawah ini sudah disesuaikan menggunakan format JSON-LD yang sangat direkomendasikan oleh Google untuk kelolosan uji Rich Results.

Langkah-langkahnya:

1. Login ke akun Blogger.com.

2. Masuk ke menu Tema > klik tanda panah ke bawah di sebelah "Sesuaikan" > pilih Edit HTML.

3. Cari kode <b:includable id='main' var='top'> atau kode artikel kamu.

4. Letakkan kode script JSON-LD berikut tepat di atas judul artikel (<data:post.title/> atau <h1 class='post-title'>):

HTML

<script type='application/ld+json'>
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "Home",
    "item": "<data:blog.homepageUrl/>"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if></b:loop></b:if>",
    "item": "<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.url/><b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if></b:loop></b:if>"
  },{
    "@type": "ListItem",
    "position": 3,
    "name": "<data:post.title/>",
    "item": "<data:post.url/>"
  }]
}
</script>

5. Klik Simpan (ikon disket di pojok kanan atas).

Catatan: Kode di atas bertugas menyusun skema data di balik layar agar dibaca secara akurat oleh robot crawler Google.

Cara Menguji Validasi Breadcrumbs di Google Rich Results

Setelah kode terpasang, jangan langsung santai dulu! Kamu wajib menguji apakah struktur data breadcrumbs tersebut sudah benar-benar valid atau belum.

1. Buka alat resmi dari Google bernama Rich Results Test (Uji Hasil Kaya).

2. Masukkan URL salah satu artikel blog kamu yang sudah dipasang breadcrumbs.

3. Klik tombol Test URL.

4. Tunggu beberapa detik hingga proses analisis selesai.

5. Jika berhasil, kamu akan melihat tanda centang hijau dengan tulisan "Breadcrumbs Valid" atau "Detected: Breadcrumbs".

Jika muncul indikator berwarna merah atau kuning, periksa kembali apakah ada tanda koma, tanda kutip, atau struktur kategori yang rusak pada pengaturan postingan blog kamu.

FAQ: Pertanyaan Seputar Breadcrumbs SEO

Apakah breadcrumbs wajib ada di setiap blog? Secara teknis tidak wajib, namun sangat direkomendasikan demi performa SEO yang optimal dan kemudahan navigasi bagi pengunjung.

Mengapa struktur breadcrumbs saya tidak langsung muncul di Google? Google membutuhkan waktu beberapa hari hingga minggu untuk melakukan crawling ulang pada artikel kamu sebelum memperbarui tampilan Rich Results di halaman pencarian mereka.

Bagaimana jika satu artikel memiliki banyak label/kategori? Disarankan untuk fokus pada satu atau maksimal dua kategori utama saja agar struktur data ListItem pada skema breadcrumbs kamu tidak membingungkan robot Google.

Kesimpulan

Menerapkan panduan membangun navigasi breadcrumbs yang valid validasi Rich Results Google ini adalah investasi jangka panjang untuk kesehatan SEO blog kamu. Tidak hanya membuat blog terlihat lebih profesional di mata pembaca, langkah ini juga memberi kepastian bahwa struktur situs kamu terbaca sempurna oleh mesin pencari.

Jadi, tunggu apa lagi? Cek blog kamu sekarang, pasang kodenya, dan pastikan sudah lolos uji validasi Google! Jika ada langkah yang membingungkan, jangan ragu untuk menulis pertanyaanmu di kolom komentar, ya! Selamat blogging!

Bagikan Artikel ini