Cara Memperbaiki Error Breadcrumb Blogger

Marwanto606.COM - Cara Memperbaiki Error Breadcrumb, Breadcrumb merupakan link navigasi kategori atau label yang ada pada blog baik blogger maupun wordpress. Navigasi ini juga di tampilkan di laman pencarian oleh search engine yang di golongkan juga sebagai Rich Snipet. Agar search engine dapat mendeteksi adanya breadcrumb maka perlu menambahkan markup schema data breadcrumb dari schema.org pada halaman blog kalian.

Error breadcrumb yang baru-baru ini terdeteksi oleh google search console dikarenakan markup data-vocabulary.org sudah usang (deprecated) dan sudah tidak lagi memenuhi syarat untuk fitur Rich Snipet Google. Oleh karena itu google sendiri sudah menuliskan tentang adanya perubahan ini di googleblog https://webmasters.googleblog.com/2020/01/data-vocabulary.html dan menginformasikan untuk mengubah data struktur data-vocabulary.org ke schema.org

Untuk memperbaiki error breadcrumb ini pada template Blogger caranya cukup mudah:

kalian tinggal merubah skema data breadcrumb data-vocabulary.org dengan skemadata breadcrumb dari schema.org.

• Masuk ke Edit html template blog kalian
• Cari code seperti dibawah ini dengan CTRL+F

<b:includable id='breadcrumb' var='posts'> ...code bradcrumb ... </b:includable>

• block dari mulai pembukanya <b:includable id='breadcrumb' var='posts'> samapi degan penutupnya </b:includable>
• Ubah dengan code breadcrumb di bawah ini, Kemudian klik simpan template.

<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>

• Sekarang tinggal kalian test salah satu artikel kalian menggunakan https://search.google.com/structured-data/testing-tool/u/0/

Sumber Code : https://sugeng.id/docs/update-kode-data-terstruktur-breadcrumb-evomagz-viomagz/

Refrensi : https://webmasters.googleblog.com/2020/01/data-vocabulary.html

breadcrumb error validasi
breadcrumb blogger
breadcrumb evomagz
Cara Mengatasi Error Breadcrumb di Search Console Blogger
Cara Memperbaiki Error Breadcrumb Pada Blogger 2020
Cara Memperbaiki Masalah Error Breadcrumb Pada Blog
Cara Mengatasi Error Breadcrumb Blogger di Search Console
Cara Memperbaiki Notif Error Breadcrumbs Markup Di Search Console
Cara Mengatasi Error Breadcrumb Data-Vocabulary.org di Seacrh Console
Cara Mengatasi Error Breadcrumbs Terbaru Pada Blogger
Tutorial Cara Memperbaiki Masalah Markup Breadcrumbs Blogger
Cara Memperbaiki Skema data-vocabulary.org Yang Error di Breadcrumb 2020

Blogger Cara Memperbaiki Error Breadcrumb Blogger