Cara Mengatasi Breadcrumb yang Error 

Breadcrumb adalah satu dari beberapa Elemen penting yang harus ada di sebuah website, bahkan mungkin sangat penting karena memiliki kemampuan mendongkrak SEO sebuah website dalam sebuah Mesin Penelusuran salah satunya Google.com

Beberapa hari yang lalu kita semua diguncang dengan beberapa Update Algoritma yang dirilis dan menyebabkan bangak website mengalami Error Breadcrumb yang disebabkan Oleh "Data Vocabulary" Yang sudah tidak valid lagi Google Webmaster.

Pertanyaan sekarang adalah lalu "Bagaimana Cara Mengatasi data-vocabulary.org schema deprecated ?". Sebelum itu sebagai informasi tambahan kita simak dulu apa sih itu Breadcrumb dan Fungsinya untuk sebuah website.

Apa Itu Breadcrumb ?

Breadcrumb adalah sebuah Elemen Navigasi atau yang biasa disebut sebagai alat Bantu Navigasi sebuah website di mesin penelusuran yang tujuannya adalah menginformasikan pengunjung agar memahami lokasi, konteks, atau Kategori apa yang ia Searching di Google.

Sederhananya Breadcump adalah sebuah Element untuk membantu pengunjung mengetahui Kategori yang ia temukan di penelusuran setelah menggunakan Keyword - Keyword tertentu.

Fungsi Breadcrumb

Selanjutnya apa sih Fungsi dari Element Breadcrumb itu sendiri ? Salah satu Fungsi sebuah Element Breadcrumb dalam sebuah website yakni; dipercayai membantu Mendongkrak SEO sebuah website.

"Dalam sebuah riset yang telah saya lakukan "Breadcrumb" sendiri telah banyak digunakan dan dianjurkan oleh Google sebagai salah satu Teknik SEO lama yang dipercaya mampu mendongkrak posisi SERP di Penelusuran Google" Di kutip dari Buku Panduan Google yang terbit di Tahun 2010.

Jadi, intinya Breadcrumb merupakan salah satu element penting yang juga merupakan salah satu Teknik SEO lama yang sudah diterapkan sejak 10 Tahun lebih terhitung dari Tahun 2010 hingga 2020.

Lalu Bagaimana jika Breadcrumb tersebut Error atau tidak valid yang merupakan akibat dari Update Algoritma Google ditahun 2020 ? Berikut adalah penjelasannya.

Cara Mengatasi Breadcrumb Error Data Vocabulary Schema Deprecated

Berikut ini adalah cara dan panduan lengkap cara mengatasi Breadcrumb yang Error, tapi sebelum itu Backup terlebih dahulu template yang anda gunakan sebagai Antisipasi Kesalahan.
  1. Buka Dashboard Blogger.com
  2. Selanjutnya klik Theme, lalu Klik Edit HTML.
  3. Selanjutnya gunakan CTRL + F Cari Kode dibawah ini lalu Blok Kode dibawah ini.
    <div itemscope itemtype='http://data-vocabulary.org/Breadcrumb'>
    <a href='http://example.com/dresses' itemprop='url'>
    <span itemprop='title'>Dresses</span>
    </a>
    </div>
    <div itemscope itemtype='http://data-vocabulary.org/Breadcrumb'>
    <a href='http://example.com/real' itemprop='url'>
    <span itemprop='title'>Real Dresses</span>
    </a>
    </div>
  4. Lalu Ganti dengan Kode dibawah ini.
    <ol itemscope itemtype='http://schema.org/BreadcrumbList'>
    <li itemprop='itemListElemen" itemscope itemtype='http://schema.org/ListItem'>
    <a itemprop='item' href='https://example.com/dresses'>
    <span itemprop='name'>Dresses</span></a>
    <meta itemprop='position' content='1'/>
    </li>
    <li itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'>
    <a itemprop='item' href='http://example.com/dresses/real'>
    <span itemprop='name'>Real Dresses</span></a>
    <meta itemprop='position' content='2'/>
    </li>
    </ol>
  5. Selanjutnya klik Save.
Sebenarnya inti dari Error Breadcrumb diatas adalah Karena perubahan Schema Element dari Data Vocabulary dalam sebuah Template yakni "data-vocabulary.org/Breadcrumb" yang tidak valid lagi, dan harus diganti dengan Elemen Breadcrumb terbaru yakni "schema.org/BreadcrumbList".

Nah, jika panduan diatas masih belum bisa menyelesaikan Error Breadcrumb anda atau Element yang dicari tidak sesuai dengan Element yang ditetapkan maka mungkin anda menggunakan Theme buatan beberapa suhu seperti Sugeng dll yakni: Viomagz atau Evomagz dan lainnya.

Lalu Bagaimana Cara Mengatasi Error Breadcrumb yang masih berlanjut di Theme Blogger anda setelah di Submit ke Google Webmaster atau Google Search Console, berikut adalah penjelasannya.

Cara Mengatasi Breadcrumb Error Plant B

  1. Pertama carilah Kode dibawah ini.
    <b:includable id='breadcrumb' var='posts'>
  2. Selanjutnya ganti data-vocabulary.org sampai /Breadcrumb dengan Schema Breadcrumb List.
  3. Jika anda kesulitan maka anda bisa blok Element dibawah ini.
    <b:includable id='breadcrumb' var='posts'> hingga </b:includable> 
  4. Lalu ganti dengan Elemen Baru 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>
  5. Terakhir Klik Save.
Selanjutnya jika anda bisa mengecek Artikel tersebut didata Testing url untuk mengetahui apakah Breadcrumb valid atau tidaknya.

Cara Mengecek Breadcrumb Valid di Google Testing Url

  1. Pertama silahkan kunjungi halaman Testing Data Struktur.
  2. Selanjutnya Paste Url Artikel di Kotak Yang Telah disediakan.
  3. Terakhir Klik Cek.
  4. Tunggu beberapa saat dan lihat hasilnya.
Jika perubahan Breadcrumb yang anda lakukan Valid maka akan terlihat seperti gambar dibawah ini.


Demikian adalah tutorial kita kali ini tentang cara mengatasi Breadcrumb yang Error Tips, Saran dipersilahkan jika ada beberapa pertanyaan yang berkaitan dengan Tema artikel kita hari ini.

  • Sijeems - Pengunjung - 17 Mei 2020 07.54

    Makasih Om Akhirnya Fix Juga. Btw ini aku solve pakai cara om di toko onlineku om, breadcumnya error mulu di GWM. Thank you om skli lg :D

  • Anekatorial - Pengunjung - 1 Juli 2020 05.33

    Thanks infonya