Cara Mengatasi Error Breadcrumb Template Blogger

Cara Mengatasi Error Breadcrumb Template Blogger - Baru baru ini kita para blogger dan juga saya mendapatkan email dari google search console (gsc) tentang adanya masalah breadcrumb pada blog, lebih tepatnya 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 :

Error Breadcrumb di Google Search Console

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 di sini saya menggunakan template viomagz buatan mas sugeng.

Cara Mengatasi Error Breadcrumb Template Blogger

1. Buka blogger kalian.
2. Klik menu tema, lalu klik tombol edit html.
3. Kemudian cari kode di bawah ini, tekan CTRL + F agar lebih mudah dan cepat untuk mencari nya.

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

Cara Mengatasi Error Breadcrumb Template Blogger

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

Cara Mengatasi Error Breadcrumb di Google Search Console

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.