Adsense

Cara Mengatasi Masalah Breadcrumb data-vocabulary.org Schema Deprecated

breadcrumb data-vocabulary.org
Bangun tidur tiba-tiba saya dikejutkan dengan notifikasi email dari Google Search Console yang mengatakan bahwa situs saya sedang mengalami masalah penting tentang markup data-vocabulary.org yang sudah deprecated atau kadaluarsa. Artinya google sudah tidak menggunakan markup jenis ini lagi dan anda harus menggantinya dengan markup schema.org.

Sebenarnya apa sih kegunaan markup ini? ya markup ini sangat vital, karena berkaitan dengan kinerja website anda di search engine, markup schema berguna untuk memberitahu robot google struktur website anda sehingga mudah untuk di crawl dan tampil di search result page. Istilah htmlnya adalah breadcrumb, biasanya di search result muncul sperti panah ">" yang menunjukkan lokasi halaman situs. Misalnya seperti ini Home > desain > Grafis > Lain-Lain

Saya sudah coba sana sini dan berkesperimen sendiri dan menghasilkan hasil yang menakjubkan. Saya telah berhasil mengatasi masalah ini, saya test di Alat Uji Coba Data Terstruktur Google dan telah lulus uji.

Bagi kamu yang ingin tahu cara megatasinya, yuk langsung simak pemaparannya dibawah ini.


  1.  Login ke blogger kalian, pilih blogmu. Langsung pilih menu Tema > Edit HTML 
  2. Klik di dalam text field lalu pencet CTRL + F dan masukkan kata kunci "data-vocabulary.org"
  3. Contoh hasil yang saya temukan dari blog saya <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> &#8250; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#8250; </b:if> </b:loop></div>
  4. Langsung saja ganti  value itemtype tersebut (stabilo hijau) dengan url ini http://schema.org/WebPage
  5. Lalu ganti juga value itemprop='title' (stabilo kuning) ganti 'title' dengan 'breadcrumb'
  6. Sehingga hasil akhirnya seperti ini: <div class='breadcrumbs'><span itemscope='' itemtype='http://schema.org/WebPage'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='breadcrumb'>Home</span></a></span> &#8250; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://schema.org/WebPage'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='breadcrumb'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#8250; </b:if> </b:loop></div>
  7. Jika sudah ok langsung save dan test di https://search.google.com/structured-data/testing-tool/u/0/ Masukkan url salah satu postingan situsmu disana lalu klik Jalankan Pengujian
  8. Jika hasilnya sperti ini maka bisa dipastikan situs kamu telah lulus pengujian dan tidak ada masalah lagi.lulus

selamat mencoba!!

Baca juga Cara Mengatasi Internet yang sangat Lemot

1 Response to "Cara Mengatasi Masalah Breadcrumb data-vocabulary.org Schema Deprecated"

  1. makasih Mas Vian untuk tutorialnya.. kebetulan saya mengalami masalah ini dan setelah mengikuti langkah-langkah dari Mas Vian ternyata berhasil.

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel