Cara Mangatasi Error Data-Vocabulary.org Schema Deprecated Di Blog

Assalamu'alaikum Wr. Wb.

Mulai dari tanggal 20 Januari 2020 sampai hari ini tanggal 22 Januari 2020 banyak yang mendapatkan notifikasi dari Google Search Console mengenai error breadcrumb. Saya pun mendapatkan notifikasi tersebut.

Pesan errornya minimal seperti ini "Data-Vocabulary.org Schema Deprecated" . Yup kalau kalian mendapatkan notif seperti ini, waktunya untuk mengganti struktur data dari schema.org. Schema Vocabulary tidak akan dipakai oleh lagi Google.

Cara Memperbaiki Data-Vocabulary.org Schema Deprecated Menggunakan Microdata HTML
Untuk memperbaiki error data vocabulary schema caranya silahkan ikuti panduan dibawah ini.

1. Masuk ke akun blogger kalian

2. Pilih Tema, selanjutny pilih Edit HTML

3. Cari kode seperti dibawah ini

Code:

<b:includable id='breadcrumb' var='post'> <b:loop values='data:posts' var='post'> <div class='breadcrumbs'> ............................. ............................. ............................. </div> </b:loop> </b:includable>

4. Kemudian ganti dengan kode dibawah ini.

Code:

<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. Atau Dengan Kode Dibawah Ini.

Code:

<b:loop values='data:posts' var='post'> <div class='breadcrumb' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl.canonical' title='Home' itemprop='item'> <meta content='1' itemprop='position'/> <span itemprop='name'>Home</span></a> </span> <b:if cond='data:post.labels'> <b:loop index='num' 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:num+2' itemprop='position'/> <a expr:href='data:label.url.canonical' expr:title='data:label.name' itemprop='item'> <span itemprop='name'><data:label.name/></span> </a> </span> </b:loop> <b:else/> &amp;nbsp;&#8250;&amp;nbsp; Tidak Ada Kategori </b:if> </div> </b:loop>

6. Simpan.

Setelah itu silahkan untuk melakukan validasi perbaikan di Google Search Console. Tunggu sampai ada pemberitahuan dari google.

Cara Mengatasi Data-Vocabulary.org Schema Deprecated Menggunakan JSON-LD
Caranya hampir sama dengan penerapan schema dari Microdata HTML, perbedaannya JSON-LD menggunakan Script bukan html lagi. Silahkan masuk ke menu Edit HTML di tema blog kalian

Cari kode dibawah ini

Code:

<data:post.body/>

Kemudian letakan kode script dibawah ini dibawah kode diatas tadi

Code:

<script type='application/ld+json'>{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "<data:blog.homepageUrl.canonical/>" <b:if cond='!data:post.labels'>}<b:else/>},<b:loop index='i' values='data:post.labels' var='label'> { "@type": "ListItem", "position": <b:with value='data:i + 2' var='num'><b:eval expr='data:num'/></b:with>, "name": "<data:label.name/>", "item": "<data:label.url.canonical/>" <b:if cond='data:post.labels.size != data:i + 1'>},<b:else/>}</b:if></b:loop></b:if> ] }</script>

Kesimpulan
Apabila masih menggunakan schema dari vocabulary maka sekarang saatnya beralih menggunakan schema dari schema.org. Untuk pengguna wordpress, tinggal tunggu update dari plugin Yoast SEO.

Silahkan baca panduan lengkapnya mengenai Cara Mengatasi Warning Data-Vocabulary.org Schema Deprecated Semoga bermanfaat

 

mantap sekali gan, kalo misalkan buat dual bahasa dengan wordpress gmn gan, tp dengan tepat gitu, soalnya kalo plugin kadang masih acak acakan.

 

Kalau boleh tanya, beda kode nomor 4 dan nomor 5 di bagian mananya ya?

 

pantesan ane cek di Structured Data Testing Tool malah gak kebaca

 

Intinya
Skema data-vocabulary.org tidak digunakan lagi dan tidak didukung lagi oleh Google. Untuk itu, migrasikan menggunakan jenis schema.org.

 

seberapa pengaruhnya terhadap SEO?
Saya dulu tidak begitu memperhatikan hal-hal seperti itu, tapi web saaya aman-aman saja