Mudah! Inilah Cara Mengatasi Breadcrumb Error pada Google Search Console
Beberapa waktu lalu banyak keluhan sobat blogger yang bingung bahwa ada masalah atau error di blognya yaitu sobat blogger yang sudah mendaftarkan blognya di webmaster atau google search console
Masalah error ini muncul pada saat blog sudah didaftarkan ke google search console terutama bagi blogger pemula seperti admin ini juga sempat bingung cara mengatasinya, kemungkinan error ini hanya muncul pada template-template blog tertentu saja
Jika sebelumnya admin menulis tutorial tentang cara mengatasi masalah gambar tidak muncul di blog pada kesempatan sekarang admin akan menjelaskan tutorial cara atasi breadcrumb error pada google search console
Pada dasarnya error ini sebenarnya apabila tidak diperbaiki juga tidak masalah, namun mungkin agak sedikit menganggu juga karena mendapatkan notifikasi
Jadi, seperti apa sih cara memperbaik error breadcrumb pada google search console ini? cukup mudah apabila pada saat memperbaikinya penuh dengan ketilitian. Yuk simak penjelasannya di bawah ini
Cara Atasi Breadcrumb Error pada Google Search Console
Langkah-langkah
- Buka halaman blogger ⇒ template ⇒ edit HTML
- Cari kode <b:includable id='breadcrumb' var='posts'> untuk memudahkan mencarinya tekan Ctrl +F pada keyboard lalu copy kode tersebut dan paste
- Kemudian ganti kode berikut ini
<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> › <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> › <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?&max-results=8"' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != "true"'> › </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> › <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>
- Ganti dengan kode HTML yang ada di bawah 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'> &nbsp;›&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 + "?&max-results=8"' expr:title='data:label.name' itemprop='item' rel='nofollow'>
<span itemprop='name'><data:label.name/></span>
</a>
</span>
</b:loop>
<b:else/>
&nbsp;›&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> &nbsp;›&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>
- Apabila tampilan pada google search console sebelum di atasi seperti ini
- Maka tampilan error breadcrumb akan hilang, setelah sobat kembali validasi
Nah itulah sobat ZalrizBlog tutorial mengenai cara atasi breadcrumb error pada google search console cukup mudah bukan caranya? apabila tutorial ini bermanfaat jangan lupa share ya agar sobat lain juga mengetahui cara ini, terima kasih👀