Cara Mengatasi Error Breadcrumbs data-vocabulary.org schema deprecated

Cara Mengatasi Error Breadcrumbs EVOMAGZ & VIOMAGZ

Halo sobat blogger, apa kabar? Semoga sehat selalu ya.

Cara Mengatasi Error Breadcrumbs data-vocabulary.org schema deprecated

Beberapa hari yang lalu sejak Januari 2020 Google telah mengubah struktur pada breadcrumbs. Akibatnya banyak para blogger yang menerima e-Mail berisi New Breadcrumbs issue detected. Yang mana isinya adalah:

Search Console has identified that your site is affected by 1 Breadcrumbs issues:

Top Warnings

Warnings are suggestions for improvement. Some warnings can affect your appearance on Search; some might be reclassified as errors in the future. The following warnings were found on your site:

data-vocabulary.org schema deprecated

We recommend that you fix these issues when possible to enable the best experience and coverage in Google Search.

Dari email tersebut dijelaskan bahwa ada error pada kode schema untuk breadcrumb data-vocabulary.org . Yang mana kita harus mengubah kode schema tersebut pada template HTML dengan kode schema yang baru yaitu https://schema.org/BreadcrumbList dan untuk list label nya dengan kode https://schema.org/ListItem.

Namun untuk menggantinya tentu saja setiap template berbeda-beda. Nah, pada postingan kali ini saya akan berbagi tips atau trik khusus untuk memperbaiki masalah breadcrumb tersebut pada platform blogger saja terutama untuk yang menggunakan template dari mas sugeng.id yaitu evomagz dan viomagz.

Untuk memulai mengatasi error tersebut sobat bisa mendownload template versi terbaru dari mas sugeng pada member area. Namun jika sobat tidak mau mengupdate template, sobat bisa menggunakan kode di bawah ini untuk dimasukkan ke dalam kode HTML Blogger sobat.

Caranya,
1. Sobat buka blogger.com nya
2. Kemudian masuk ke menu THEME
3. Lalu klik tombol Edit HTML.
4. Sobat klik sembarang pada kode kemudian cari kode dibawah ini, dengan menekan tombol CTRL+F pada keyboard.

b:includable id='breadcrumb' var='posts'

5. Setelah ketemu, sobat hapus kode:

<b:includable id='breadcrumb' var='posts'> ... Terus kebawah sampai penutupnya yaitu... </b:includable>

6. Ganti dengan kode berikut 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>

7. Kemudian Save Theme. Selesai.

Untuk memulai memperbaiki di Google Search Console sobat bisa Klik Tombol VALIDASI PERBAIKAN dan tunggu beberapa hari sampai status menjadi PASSED.

Terimakasih Semoga Ngeblog nya Lancar :)