Cara Mengatasi Error Breadcrumb Pada Blog
25 Januari 2020
Tambah Komentar
Baru baru ini kita para blogger dan juga saya mendapatkan email dari google search console tentang adanya masalah breadcrumb pada blog, lebih tepat nya adalah "data-vocabulary.org schema deprecated", memang tidak semua yang mendapatkan email tersebut, hanya sebagian saja, mereka yang menggunakan template blog dengan data terstruktur data-vocabulary.org, yang harus kita ganti dengan schema.org, karena google akan menghentikan penggunaan data-vocabulary.org mulai april tahun 2020. Nah, untuk email dari pihak google search console sendiri, pesan nya berisi seperti ini :
Nah, dari email tersebut kita bisa mengetahui bahwa kita diperintahkan untuk memperbaiki error pada struktur data yang ada di blog kita. Untuk mengatasi hal ini, saya telah dapat tutorial nya dari blog mas sugeng, karena disini saya menggunakan template viomagz buatan mas sugeng.
1. Buka blogger kalian.
2. Klik menu tema, lalu klik tombol edit html.
3. Kemudian cari kode dibawah ini, tekan CTRL + F agar lebih mudah dan cepat untuk mencari nya.
<b:includable id='breadcrumb' var='posts'> ...sampai dengan penutup ... </b:includable>
<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>

Breadcrumb masalah terdeteksi di nyamukkurus.com
Yang terhormat pemilik nyamukkurus.com :
Search Console telah mengidentifikasi bahwa situs Anda terpengaruh oleh 1 Breadcrumb masalah:
Peringatan Teratas
Peringatan merupakan saran untuk penyempurnaan. Sebagian peringatan dapat meningkatkan tampilan Anda di Penelusuran; sebagian lagi dapat menjadi error di masa mendatang. Peringatan berikut ditemukan di situs Anda:
data-vocabulary.org schema deprecated
Sebaiknya perbaiki masalah tersebut jika memungkinkan agar situs Anda dapat memberikan cakupan dan pengalaman terbaik di Google Penelusuran.
Nah, dari email tersebut kita bisa mengetahui bahwa kita diperintahkan untuk memperbaiki error pada struktur data yang ada di blog kita. Untuk mengatasi hal ini, saya telah dapat tutorial nya dari blog mas sugeng, karena disini saya menggunakan template viomagz buatan mas sugeng.
Cara Mengatasi Error Breadcrumb Pada Blog
1. Buka blogger kalian.
2. Klik menu tema, lalu klik tombol edit html.
3. Kemudian cari kode dibawah ini, tekan CTRL + F agar lebih mudah dan cepat untuk mencari nya.
<b:includable id='breadcrumb' var='posts'> ...sampai dengan penutup ... </b:includable>

4. Jika sudah ketemu, hapus kode tersebut dari <b:includable id='breadcrumb' var='posts'> sampai </b:includable>, lalu 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'> &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>

5. Kalau sudah, tinggal kita klik saja Simpan Tema.
6. Setelah itu kita buka google search console/webmaster, kemudian klik pada menu breadcrumb nya, kita lakukan validasi perbaikan, seperti gambar dibawah ini :



7. Langkah selanjutnya adalah kita tinggal menunggu saja proses validasi nya, yang memerlukan waktu dalam beberapa hari, pantau terus proses nya melalui Google Search Console, dan tunggu email balasan nya dari google.

Demikianlah tentang langkah langkah cara mengatasi error breadcrumb pada blog nya, semoga dapat bermanfaat ya :)
Belum ada Komentar untuk "Cara Mengatasi Error Breadcrumb Pada Blog"
Posting Komentar