Cara Memperbaiki Breadcrumb Yang Error Di Google Search Console

Cara memperbaiki breadcrumb yang eror di google search console. Breadcrumb sendiri adalah fitur baru dari Google Search Console yang berfungsi untuk m
Breadcrumb sendiri adalah fitur baru dari Google Search Console yang berfungsi untuk memberitahu sekaligus membantu para pengunjung blog untuk mengetahui lokasi mereka dalam website atau blog tersebut. Atau lebih jelasnya adalah label yang digunakan pada sebuah artikel diblog yang sedang dibaca oleh pengunjung. 

Kalau kamu sudah ngeblog lama dan menggunakan template yang agak lawas, pasti kamu pernah mendapatkan notifikasi dari Google Search Console mengenai eror yang ada pada breadcrumb blog. Hal ini disebabkan karena ada pembaruan markup data struktur pada schema.org. 

Kalau kamu menggunakan template viomagz buatan mas sugeng dan melihat perubahan markup yang ada di versi terbaru, kamu akan melihat ada beberapa perbaikan pada versi terbarunya. Breadcrumb yang awalnya adalah data-vocabulary.org menjadi schema.org. Tapi setiap template pasti berbeda-beda. Tergantung orang yang membuat template. 

Perubahan markup yang ada di template viomagz versi terbaru ini bertujuan agar tidak terjadi error breadcrumb saat Google mengindeks artikel blog. Ada dua cara untuk memperbaiki breadcrumb yang eror di Google Search Console ini. Mau tau apa aja? Simak penjelasannya dibawah ini.

Cara Memperbaiki Error Breadcrumb Di Google Search Console Terbaru

Gambar Cara Memperbaiki Breadcrumb Yang Error Di Google Search Console

1. Memperbaiki Error Breadcrumb Dengan Mengganti Template Ke Versi Terbaru

Cara pertama yang dilakukan untuk memperbaiki eror breadcrumb ini adalah dengan mengganti template dari versi lawas ke versi yang terbaru. Mungkin cara ini sedikit berat bagi sebagian blogger. Hal ini karena sudah nyaman dengan template yang sudah digunakan sejak lama sebelum terjadi eror breadcrumb. Malah kalau kita mengganti template, harus mengedit dan mengatur kembali semua menu navigasi dan link yang ada. Dan ini pasti memakan waktu yang lama.

Tapi tenang saja, selain dengan cara mengganti template ke versi terbaru, masih ada cara lain untuk memperbaiki error breadcrumb pada Google Search Console ini. Hanya perlu sedikit perbaikan dengan cara mengganti breadcrumb lama pada markup HTML blog ke breadcrumb versi terbaru. Untuk cara menggantinya kamu bisa ikuti langkah-langkah berikut ini.

Cara Memperbaiki Error Breadcrumb Di Google Search Console Dengan Cara Mengedit Markup HTML Blog


  • Masuk ke dashboard blogger kamu.
  • Masuk ke menu Theme >> Edit HTML.
  • Kemudian ganti breadcrumb lama yang ada di template kamu dengan breadcrumb versi terbaru dibawah ini.
  • Kode breadcrumb lama biasanya seperti ini:

<b:includable id='breadcrumb' var='posts'>
   
   ...Ada beberapa baris kode disini...
   

</b:includabe>
  • Cari saja kode yang mirip dengan itu lalu hapus dan ganti dengan breadcrumb versi terbaru dibawah ini.
<b:includable id='breadcrumb' var='posts'>
<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'>
<svg viewBox='0 0 24 24'><path d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z' fill='#000000'/></svg>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' title='Home' itemprop='item'>
<span itemprop='name'>Home</span></a>
<meta content='1' itemprop='position'/>
</span>
<svg viewBox='0 0 24 24'><path d='M5.5,9A1.5,1.5 0 0,0 7,7.5A1.5,1.5 0 0,0 5.5,6A1.5,1.5 0 0,0 4,7.5A1.5,1.5 0 0,0 5.5,9M17.41,11.58C17.77,11.94 18,12.44 18,13C18,13.55 17.78,14.05 17.41,14.41L12.41,19.41C12.05,19.77 11.55,20 11,20C10.45,20 9.95,19.78 9.58,19.41L2.59,12.42C2.22,12.05 2,11.55 2,11V6C2,4.89 2.89,4 4,4H9C9.55,4 10.05,4.22 10.41,4.58L17.41,11.58M13.54,5.71L14.54,4.71L21.41,11.58C21.78,11.94 22,12.45 22,13C22,13.55 21.78,14.05 21.42,14.41L16.04,19.79L15.04,18.79L20.75,13L13.54,5.71Z' fill='#000000'/></svg>
<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=16&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;'>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>
</b:if>
</b:loop>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>
  • Setelah itu klik simpan temanya dan mulai validasi perbaikan pada eror breadcrumb di Google Search Console. 
  • Tunggu saja hingga beberapa jam atau beberapa hari ke depan. Biasanya proses ini sedikit lama.

Itulah tutorial cara memperbaiki error breadcrumb data-vocabulary.org di Search Console yang bisa saya sampaikan di artikel kali ini. Semoga solusi ini bisa membantu blog kamu.

There are many unique things in the world that you haven't seen

Tulis Komentar

1. Centang kotak "Notify Me" sebelum anda berkomentar.
2. Hindari berkomentar diluar pembahasan artikel diatas.
3. Dilarang memasukan link aktif!
4. Gunakan <i>comment</i> untuk menuliskan kode.
5. Gunakan <em> untuk menuliskan kode yang lebih panjang atau URL.
6. Jika ingin memasukan kode, parse terlebih dahulu (Terutama JavaScript dan HTML).
7. Dilarang mempromosikan produk atau situs apapun di kolom komentar!