Cara Memperbaiki Masalah Breadcrumb Di Search Console - Breadcrumbs merupakan sebuah navigasi yang ada pada suatu website untuk membantu pengunjung mengetahui lokasi saat mengunjungi website tersebut.
Breadcrumb berfungsi untuk menyempurnakan navigasi yang ada pada blog seperti halnya homepage (halaman utama), kategori, tag, ataupun yang lainnya.
Jadi misalnya kita sedang membaca sebuah artikel di blog, maka breadcrumb inilah yang menunjukan kita sedang berada di dalam kategori apa, tag apa ataupun yang lainnya.
Berikut contoh breadcrumb yang ada di blog saya.
Contoh Breadcrumbs di Blog Saya |
Setelah kita memahami apa itu breadcrumb barulah saya akan membahas tentang masalah yang terjadi.
Baru-baru ini banyak sekali kawan blogger yang mengalami masalah yang sama yaitu mendapat email dari search console bahwa terdeteksi kesalahan di breadcrumb.
Berikut email yang saya dapat.
Email dari search console |
Untuk mengatasi masalah tersebut cukup mudah. Kita hanya perlu mengedit bagian breadcrumbs yang ada di template blog.
Masuk ke menu template kemudian pilih edit HTML.
Cari kode berikut.
<b:includable id="breadcrumb" var="posts"> ...sampai dengan penutup ... </b:includable>
Kemudian hapus dan ganti dengan kode berikut.
<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>
Jika sudah jangan lupa simpan template.
Langkah terakhir yaitu masuk ke webmaster / search console. Kemudian pilih validasi perbaikan pada masalah breadcrumb.
Validasi Perbaikan Breadcrumb |