Cara Mengatasi Error Breadcrumb di Google Search Console

Januari 22, 2020
Semalam sewaktu saya menginspeksi url posting yang berjudul Memperbaiki Breadcrumb data-vocabulary.org schema deprecated, muncul 2 pop up error, satu error terdeteksi pada home dan satu lagi pada kategori.


Cara Mengatasi Error Breadcrumb di Google Search Console Blogger


Cara Mengatasi Error Breadcrumb di Search Console Blogger


Untuk kalian yang mengalami masalah error pada breadcrumb ini dikarenakan template yang kalian gunakan masih menggunakan skema data-vocabulary.org yang tidak didukung lagi oleh Google. Jadi dengan penjelasan ini tentu akan mengalami error pada Breadcrumb dan kalian diharuskan untuk migrasi dari skrema data-vocabulary ke schema.org, jadi silahkan ikuti tips Cara Mengatasi Error Breadcrumb di Search Console Blogger berikut ini.

Breadcrumb yang akan saya share kali ini telah menggunakan mark up breadcrumb versi terbaru yaitu schema.org yang direkomendasikan mesin pencari seperti Google Search Console

Pertama buka halaman Blogger lalu Klik menu Tema dan klik tombol Edit HTML

Klik sembarang pada template, lalu klik tombol kombinasi Ctrl+F pada keyboard, maka akan muncul kotak pencarian, dan copy pastekan kode berikut
<b:includable id='breadcrumb' var='posts'>

lalu cari kode berikut

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isPage'>
<div class='breadcrumbs-outer'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span><data:blog.pageName/></span>
</div></div>
<b:elseif cond='data:view.isPost'/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs-outer'><div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a></span> &#8250; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#8250; </b:if> </b:loop>
</div></div>
<b:else/>
<div class='breadcrumbs-outer'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span><b:switch var='data:blog.locale'><b:case value='id'/>Tanpa Kategori<b:default/>No Category</b:switch></span></div></div>
</b:if>
</b:loop>
</b:if>
</b:includable>

dan ganti kode diatas dengan kode dibawah ini

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isPost'>
<b:loop values='data:posts' var='post'>
<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'>
<meta content='1' itemprop='position'/>
<span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
</span>
<b:if cond='data:post.labels'>
<b:loop index='nomor' values='data:post.labels' var='label'> &amp;nbsp;&#8250;&amp;nbsp;
  <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<meta expr:content='data:nomor+2' itemprop='position'/>
<a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' expr:title='data:label.name' itemprop='item' rel='nofollow'>
  <span itemprop='name'><data:label.name/></span>
</a>
  </span>
</b:loop>
<b:else/>
&amp;nbsp;&#8250;&amp;nbsp; <span itemprop='name'><data:blog.pageName/></span>
</b:if>
</div>
</b:loop>
<b:elseif cond='data:view.isPage'/>
<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'>
<meta content='1' itemprop='position'/>
<span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
</span> &amp;nbsp;&#8250;&amp;nbsp; 
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<meta expr:content='data:num+2' itemprop='position'/>
<a expr:href='data:blog.url' expr:title='data:post.url' itemprop='item'>
  <span itemprop='name'><data:blog.pageName/></span>
</a>
</span>
</div>
</b:if>
</b:includable>


Setelah itu, klik Simpan tema.

Lalu buka Google Search Console dan klik gambar lonceng disudut kanan atas, lalu klik pesan 'Masalah Breadcrumb baru terdeteksi untuk situs namadomainanda.com' lalu klik tombol biru bertuliskan 'Perbaiki Breadcrumb Masalah' lalu klik validasi dan selesai.

Cara Mengatasi Error Breadcrumb di Google Search Console Blogger

Cukup mudah bukan, selamat mencoba

Artikel Terkait

Previous
Next Post »