Cara Mengatasi Error Breadcrumb di Template Kode Jarwo
Cara Mengatasi Error Breadcrumb di Template Kode Jarwo

Beberapa dari para pembeli template Kode Jarwo sempat menanyakan ke saya, bagaimana cara mengatasi error di structured data testing tools yang diakibatkan oleh Breadcrumbs untuk pengguna template Kode Jarwo?

Sebelumnya, sudah tau belum apa itu breadcrumbs?

Apa itu Breadcrumb?


Breadcrumb adalah semacam fitur navigasi halaman. Jadi, dari breadcrumb kita bisa melihat dimana kita sedang berada dalam bentuk seperti sub folder. Bedanya, bagi anda yang menggunakan platform Blogger tidak bisa membuat sub folder sehingga yang terbentuk adalah label. Contohnya seperti postingan ini memiliki breadcrumb:

Kode Jarwo / Structured Data / Cara Mengatasi Error Breadcrumb di Template Kode Jarwo

Artinya, anda sekarang berada di postingan yang berjudul "Cara Mengatasi Error Breadcrumb di Template Kode Jarwo", dengan label yang disematkan pada postingan tersebut adalah "Structured Data", dan berada di blog yang berjudul "Kode Jarwo".

Apa fungsi Breadcrumb?


Breadcrumb bukan hanya sebagai hiasan saja...

Selain untuk membantu pengunjung untuk mengetahui label postingannya, breadcrumb juga berfungsi untuk memberitahu mesin pencari label atau sub apa yang diberikan untuk halaman tersebut. Dengan kata lain, breadcrumb sangat mempengaruhi SEO dan tentu saja mempengaruhi tampilan hasil pencarian juga.

Contoh tampilan breadcrumb di mesin pencari Google

Contohnya pada gambar di atas bisa dilihat artikel pertama dan ketiga memiliki masing-masing 1 dan 2 label. Sedangkan pada artikel kedua bukan tidak memiliki label, tetapi artikel tersebut tidak memiliki breadcrumb atau tidak terindeks breadcrumb nya sehingga mesin pencari tidak bisa menampilkannya.

Bagaimana cara mengatasi error breadcrumb di template buatan Kode Jarwo?


Kembali ke topik awal, error ini muncul semenjak Google memberlakukan peraturan baru untuk struktur datanya terutama dalam hal breadcrumb. Jadi, semua template yang saya buat sebelum peraturan baru ini atau belum saya update akan mendapatkan masalah error ketika dicek di structured data testing tool buatan Google.

Untuk solusinya, silakan ikuti panduan berikut.
  • Pertama, silakan buka Blogger > Tema > Edit HTML
  • Lalu, cari kode breadcrumb yang terdapat di dalam widget Blog1, kurang lebih tampilannya seperti berikut ini:

Kode breadcrumb di HTML template Kode Jarwo

  • Hapus semua dari <b:includable sampai <b:includable>
  • Lalu ganti dengan kode berikut:

<b:includable id='breadcrumb'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:loop values='data:posts' var='post'>
  <b:if cond='data:post.labels'>
   <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
    <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
     <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'><span itemprop='name'>Home</span></a>
     <meta content='1' itemprop='position'/>
    </span>
/
    <b:loop index='num' values='data:post.labels' var='label'>
     <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
      <a expr:href='data:label.url + &quot;?&amp;max-results=4&quot;' expr:title='data:label.name' itemprop='item'>
       <span itemprop='name'><data:label.name/></span>
      </a>
      <meta expr:content='data:num+2' itemprop='position'/>
     </span>
     <b:if cond='data:label.isLast != &quot;true&quot;'>
/
     </b:if>
    </b:loop>
/
    <span><data:post.title/></span>
   </div>
  </b:if>
 </b:loop>
</b:if>
     </b:includable>

  • Simpan tema

Selesai, sekarang silakan anda cek lagi apakah error breadcrumb masih muncul atau tidak di structured data. Saya yakin sudah tidak muncul lagi. Cara diatas juga aman, tidak mempengaruhi tampilan, serta tidak mempengaruhi kecepatan loading blog.

Semoga bermanfaat dan jangan lupa untuk melaporkan segala masalah yang ada di template buatan Kode Jarwo kepada saya melalui halaman kontak atau berkomentar di salah satu postingan.