Cara Mengatasi Error Breadcrumb Pada Blog

Baru baru ini kita para blogger dan juga saya mendapatkan email dari google search console tentang adanya masalah breadcrumb pada blog, lebih tepat nya 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 :

Cara Mengatasi Error Breadcrumb Pada Blog 

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

Cara Mengatasi Error Breadcrumb Pada Blog


1. Buka blogger kalian.
2. Klik menu tema, lalu klik tombol edit html.
3. Kemudian cari kode dibawah 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 Pada Blog 

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

Cara Mengatasi Error Breadcrumb Pada Blog 

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 dibawah ini :

Cara Mengatasi Error Breadcrumb Di Google Search Console 

Cara Mengatasi Error Breadcrumb Di Google Search Console 

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.

Cara Mengatasi Error Breadcrumb Pada Blog 

Demikianlah tentang langkah langkah cara mengatasi error breadcrumb pada blog nya, semoga dapat bermanfaat ya :)

Belum ada Komentar untuk "Cara Mengatasi Error Breadcrumb Pada Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel