Cara perbaiki Error Breadcrumb pada template Viomagz Terbaru

INCREINDO - Setelah melakukan inspek URL di Webmaster tools, saya mendapatkan email dari Webmaster yang berisi "Masalah breadcrumb baru terdeteksi untuk situs Mualmubi.blogspot.com." Sontak ini membuat saya bingung padahal saya merasa tidak melakukan kesalahan apa-apa.

Ternyata masalah ini sudah beberapa hari yang lalu muncul notif error breadcrumb di Webmaster Tools yang dikirimkan ke email webmaster ataupun admin blog. Ternyata notif tersebut adalah fitur baru yang di perbarui oleh Google Console untuk data terstruktur untuk breadcrumb.

Setelah saya mengetahui bahwa itu adalah fitur pembaruan, langkah yang saya lakukan mengganti kode HTML breadcumb dengan kode yang sudah di perbarui. "data-vocabulary.org schema deprecated" ini merupakan breadcrumb lama yang harus di perbarui.

Nah bagi kalian pengguna template viomagz terutama saya juga jangan kawatir, di sini saya akan membuatkan tutorialnya untuk memperbaiki masalah tersebut. Pemilik template viomagz yakni Mas Sugeng sudah melakukan pembaruan pada template buatannya.

Ada dua cara mengatasinya yaitu melakukan pembaruan template dan kedua merubah script lama menjadi baru pada kode HTMLnya, silahkan kalian login terlebih dahulu ke akun blog kalian, kemudian masuk ke menu edit HTML setelah itu cari kode di bawah ini :

<b:includable id='breadcrumb' var='posts'> ...sampai dengan penutup ... </b:includable>

Silahkan kalian hapus semua kode diatas 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>

Setelah itu klik simpan. Langkah selanjutnya silahkan kalian login ke Webmasters untuk melakukan validasi perbaikan. Cukup sekian semoga artikel ini bisa membantu dan bermanfaat.