Cara Mengatasi Error Breadcrumb Pada Blogger Terbaru 2020

Cara Mengatasi Error Breadcrumb Pada Blogger Terbaru 2020 - Assalamualaikum, halo sobat blogger droid purbalingga, kemarin saya mendapatkan email pemberitahuan dari pihak Google Search Console pada tanggal 25 April 2020. Dalam email yang saya dapatkan berisi informasi mengenai kesalahan breadcrumb pada blog Droid Purbalingga ini.
Cara Mengatasi Error Breadcrumb Pada Blogger Terbaru 2020
Kurang lebih isi emailnya seperti ini:

Breadcrumb masalah terdeteksidi https://droidpurbalingga.blogspot.com/


Yang terhormat pemilik https://droidpurbalingga.blogspot.com/:

Search Console telah mengidentifikasi bahwa situs Anda terpengaruh oleh 1 Breadcrumb masalah:

Error Teratas

Error dapat menyebabkan halaman atau fitur Anda tidak muncul di Hasil penelusuran. Error berikut ditemukan di situs Anda:

Kolom "position" tidak ada

Sebaiknya perbaiki masalah tersebut jika memungkinkan agar situs Anda dapat memberikan cakupan dan pengalaman terbaik di Google Penelusuran.

Back to the topic, sebenarnya apa itu breadcrumb? apakah berpengaruh besar jika terjadi kesalahan pada breadcrumb di blog kita? berikut penjelasan mengenai breadcrumb.

Pengertian Breadcrumb

Breadcrumb merupakan sebuah navigasi blog yang membantu para visitor dalam memahami lokasi mereka saat berada pada sebuah halaman website. Artinya, breadcrumb ini menyempurnakan navigasi homepage, tag, kategori, dan juga arsip blog.

Fungsi Breadcrumb

Breadcrumb sebenarnya memiliki fungsi sebagai navigasi atau penunjuk website yang akan memudahkan mesin pencari dalam melakukan crawl atau perayapan sehingga akan menemukan website kita lebih mudah. Jika dipandang dari segi SEO, breadcrumb bagus dalam mendorong tingkat SEO pada blog kita.

Lalu bagaimana cara memperbaiki masalah breadcrumb pada blog? oke berikut ini adalah langkah-langkah dalam mengatasi error pada breadcrumb.

Cara Mengatasi Error Breadcrumb Pada Blog Terbaru 2020

1. Pertama login pada blogger.com kalian.

2. Selanjutnya buka menu Tema dan masuk ke Edit HTML, untuk berjaga-jaga silahkan backup terlebih dahulu template kalian jika terjadi error.

3. Tekan CTRL + F dan cari kode dibawah ini
<b:includable id='breadcrumb' var='posts'> ...sampai dengan... </b:includable>
4. Jika sudah ketemu, silahkan hapus kode tersebut dan ganti 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>
5. Selanjutnya save template, lalu lakukan pengecekan kesalahan lagi menggunakan tools structured data checker dari google disini.

6. Jika sudah tidak ada kesalahan akan muncul tampilan seperti gambar dibawah ini.
Cara Mengatasi Error Breadcrumb Pada Blogger Terbaru 2020
7. Langkah terakhir adalah buka Google Search Console, lalu buka menu breadcrumb dan klik validasi perbaikan. Tunggu google memvalidasi kurang lebih satu hingga dua hari.

Oke mungkin itu saja dulu artikel kali ini mengenai cara mengatasi error breadcrumb pada blog, cara memperbaiki masalah breadcrumb kolom position tidak ada dan cara memperbaiki error breadcrumb data-vocabulary.org schema deprecated. Jika ada yang perlu ditanyakan silahkan bertanya melalui kolom komentar dibawah. Terima kasih dan selamat mencoba, akhir kata Wassalamualikum Wr. Wb.

Artikel Terkait


EmoticonEmoticon