Cara Mengatasi Dan Memperbaiki Error Data-Vocabulary.org Schema Deprecated Di Google Console

Pertama kali sempat kaget ketika tiba - tiba ada email masuk dari google search console yang isinya seperti di bawah ini :

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.

Setelah menerima email tersebut terus terang saya belum tahu apa yang mesti dilakukan. Sempat coba untuk googling ternyata juga belum banyak yang membahas tentang hal tersebut karena sepertinya perubahan ini memang baru saja di terapkan oleh google.

Menurut penjelasan tim Google, skema data terstruktur seperti schema.org atau data-vocabulary.org digunakan untuk memberitahukan (kepada search engine) mengenai struktur data di halaman website kita agar mudah dikenali oleh mesin pencari. Google biasanya menampilkan hasil penelusurannya dengan struktur yang rapi, judul artikel dan nama kategori artikel di bawahnya.

Dengan alasan meningkatnya penggunaan dan popularitas schema.org Google kini memutuskan untuk hanya memfokuskan pengembangannya pada structured data (SD) tunggal. Sehingga nantinya pada tanggal 6 April 2020, markup data-vocabulary.org akan sepenuhnya dihilangkan dan tidak lagi memenuhi syarat untuk menikmati fitur Google rich result.

Peringatan yang muncul pada hari ini mungkin adalah bagian dari peringatan kepada semua pemilik website untuk segera mengganti skema data-vocabulary.org dan beralih ke skema data Schema.org sebelum batas penerapannya di tanggal 6 April 2020.

Sebagai contoh, di bawah ini saya sudah melakukan  perbaikan dari semula data-vocabulary.org menjadi schema.org yang valid. Dan setelah dilakukan validasi akhirnya masalah tersebut terselesaikan dengan baik dan tidak ada error lagi.

Berikut ini adalah penampakan email notifikasi peringatan yang saya dapatkan :

1. Sebagai langkah awal, Anda cari kode berikut ini dalam mode HTML template Anda

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

Penampakannya seperti gambar berikut ini :

2. Hapus kode tersebut dan kemudian ganti dengan kode berikut 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>

3. Kemudian Klik Simpan

Kemudian Anda masuk ke dashboard Google Console Anda, lalu klik di bagian menu Breadcrumb, Kemudian klik tombol Validasi Perbaikan.

Tunggu hasilnya dengan sabar apakah berhasil atau tidaknya perbaikan yang kita lakukan, nantinya akan ada email notifikasi jika perbaikan berhasil kita lakukan.

4. Pemberitahuan Email bahwa kita telah sukses memperbaiki error yang terjadi

Dan Berikut adalah penampakan dashborad Google Console Blog saya yang sudah lulus validasi Breadcrumb.

Semoga Artikel ini berguna dan bermanfaat untuk Anda.


Referensi  : sugeng.id, mangaip.com

Share :