Cara Memperbaiki Breadcrumb di Blog

 Print This Page

Breadcrumb adalah elemen yang sangat penting pada blog atau website yang harus dipasang khususnya yang berplatform blogspot (blogger). Breadcrumb berfungsi sebagai petunjuk yang membuat pengunjung blog mengetahui dimana mereka saat ini ketika membuka blog atau website.

Breadcrumb sangat penting karena berhubungan dengan SEO dan struktur data sehingga blog mempuyai navigasi yang jelasdalam halaman pencarian Google. Isi dari breadcrumb berupa link yang terstruktur mulai dari halaman utama, kategori atau label sampai halaman artikel yang dibuka, secara umum seperti ini : 

Home > Blogger > Tips & Triks > Artikel sekarang

Dimana masing-masing dari teks tersebut merupakan link aktif yang berfungsi sebagai jejak bagi pengunjung (kecuali teks yang terakhir), yang ketika diklik akan kembali cepat ke halaman sebelumnya.

Cara memasang breadcrumb pada blog:

Cari kode: <data:post.body/>

Tambahkan script berikut dibawah kode <data:post.body/>

<!-- Breadcrumb Blogger -->

<script type='application/ld+json'>{

  "@context": "https://schema.org",

  "@type": "BreadcrumbList",

  "itemListElement": [

    {

      "@type": "ListItem",

      "position": 1,

      "name": "Home",

      "item": "<data:blog.homepageUrl.canonical/>"

    <b:if cond='!data:post.labels'>}<b:else/>},<b:loop index='i' values='data:post.labels' var='label'>

    {

      "@type": "ListItem",

      "position": <b:with value='data:i + 2' var='num'><b:eval expr='data:num'/></b:with>,

      "name": "<data:label.name/>",

      "item": "<data:label.url.canonical/>"

      <b:if cond='data:post.labels.size != data:i + 1'>},<b:else/>}</b:if></b:loop></b:if>

  ]

}</script>

Setelah pemasangan selesai tunggu beberapa hari dan cek di GSC, kalau breadcrumb valid laporan akan tampil tepatnya dibawah Enchacements, pastikan tidak ada kesalahan.

Demikian cara memperbaiki breadcrumb di blog, mudah-mudahan bermanfaat bagi Sobat blogger semua. Selamat bekerja.

Berbagi :