Cara Memperbaiki Error Breadcrumb di Webmaster Tools

Beberapa hari yang lalu, saya melihat salah satu postingan blog di facebook yang heboh tentang notifikasi error breadcrumb di Webmaster Tools.  Error tersebut disebabkan oleh masalah data-vocabulary.org schema deprecated.

Error breadcrumb ini banyak terjadi oleh blogger yang menggunakan platform blogspot milik google. Untuk para pengguna wordpress, ada beberapa blog yang terkena masalah error. Mungkin karena, developer plugin seperti Yoast, Rank Math, AIO Seo, dll segera memperbaiki masalah tersebut.

Terdapat 2 pilihan untuk mengatasi masalah ini. Yang pertama, update template blog ke versi terbaru. Yang kedua, tetap menggunakan template blog versi lama, dengan catatan menambahkan sedikit kode script html untuk fix error breadcrumb.

Cara Memperbaiki Error Breadcrumb

Bagi kalian yang terkena masalah ini, bagaimana solusinya? Tenang saja, admin akan membagikan tutorial bagaimana cara memperbaiki error breadcrumb yang muncul di notifikasi webmaster tools. Lakukan tahapan berikut dengan benar agar tidak terjadi masalah-masalah lain yang ditimbulkan.

  1. Masuk ke Dashboard Blogger.
  2. Kemudian masuk ke Pilih Tema.
  3. Selanjutnya klik Edit HTML.
  4. Letakan kursor di dalam HTML dan tekan CTRL + F.
  5. Copy paste kode berikut di kolom pencarian html. <b:includable id=’breadcrumb’ var=’posts’> …sampai dengan penutup … </b:includable>
  6. Lalu ganti kode diatas 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. Klik Simpan Template.

Semoga panduan diatas dapat membantu anda mengatasi masalah error breadcrumb di webmaster tools yang sejak beberapa hari yang lalu membuat panik banyak blogger.