Cara Mengatasi data-vocabulary.org schema deprecated di Webmaster

Imamkunblog.com | Cara Mengatasi Masalah data-vocabulary.org schema deprecated di Blogger - Hallo sobat semuanya pada kesempatan kali ini saya akan membahas sebuah masalah yang saya dapatkan dari email yang berisikan "data-vocabulary.org schema deprecated". Pada saat mendapatkan email tersebut saya sedikit merasa binggung kok bisa begini.

Munculnya error di Search Console terletak pada masalah Breadcrumbs. Masalah ini akan timbul apabila template yang anda gunakan masih menggunakan Breadcrumb dari data-vocabulary yang sudah tidak eligible lagi buat munculin result di SERP. Saat ini Google akan memfokuskan diri untuk menggunakan data skema buatan sendiri.

Sesuai pernyataan yang dibuat oleh Google Webmaster di akun resminya di Twitter yang menyatakan bahwa:

"Dengan meningkatnya penggunaan dan popularitas http://schema.org kami memutuskan untuk memfokuskan pengembangan kami pada satu skema tunggal. Pada 6 April 2020, http://data-vocabulary.org markup tidak lagi memenuhi syarat untuk fitur hasil kaya Google".

With the increasing usage and popularity of https://t.co/hGrr8MSS40 we decided to focus our development on a single scheme. As of April 6, 2020, https://t.co/N98EXBIRJ6 markup will no longer be eligible for Google rich result features. Read more at https://t.co/n8qsmdLgxE pic.twitter.com/JIg9yqMxRB

— Google Webmasters (@googlewmc) January 21, 2020

Selain itu juga, Search Console akan mengeluarkan peringatan untuk halaman yang masih menggunakan skema data-vocabulary.org sehingga anda dapat mempersiapkannya dengan segera. Hal inilah yang sedang saya alami dan saya dapatkan di email saya yang menyatakan harus mengubah data-vocabulary.org di template yang saya gunakan.

Disini saya menggunakan Template Viomagz versi 2.4 dan di template versi ini masih menggunakan data lama yaitu masih menggunakan skema data-vocabulary.org sehingga untuk mengatasi msalah tersebut saya menggunakan dua cara yaitu cara mengubah data-vocabulary.org dengan schema dan menambahkan Breadcrumbs versi terbaru yang valid.

Cara Mengatasi data-vocabulary.org di Google Webmaster

Bagi kamu yang tidak mendapatkan email mengenai masalah Breadcrumbs sebaiknya tutup saja artikel ini, dan bagi kamu yang mendapatkan emial mengani masalh ini kamu cukup mengikuti tutorial cara mengatasi data-vocabulary.org error di webmaster berikut ini;

1. Mengubah data-vocabulary.org dengan Schema.org

Langkah atau cara yang pertama adalah dengan cara mengubah data-vocabilary.org dengan schema.org di template blog anda, berikut caranya;

1. Login ke Blogger.com dan pilih menu Template > Edit HTML
2. Cara kode data-vocabulary.org (Gunakan CTRL+F Untuk mempermudah pencarian)
3. Kemudian, ubah data-vocabulary dengan schema.org (Ditemplate blog saya ada dua kode tersebut maka ubah juga kedua kode tersebut)
4. Save Template!

Selanjutnya adalah melakukan validasi di Google Webmaster, melakukan validasi dilakukan untuk melakukan perbaikan terhadap breadcrumbs yang baru saja diubah dan silahkan lakukan validasi di Google Webmaster dengan cara;

1. Login ke Google Search Console.
2. Pada bagian "Enhancements" pilih "Breadcrumbs" Pilih "data-vocabulary.org schema deprecated"
3. Klik Start Validasi
4. Tunggu hingga selesai dan nanti akan ada email masuk apabila telah selesai.

Google Webmaster

Untuk cara yang pertama seperti itu, dan cara ini sangat sukses dilakukan oleh saya dan untuk berjaga-jaga alangkah baiknya kita melakukan update atau memasang Breadcrumbs di Template Blogger anda berikut caranya;

2.  Cara Memasang Breadcrumbs di Template Blogger Menggunakan J-SON LD

Cara mengatasi data-vocabulary error di webmaster yang kedua adalah dengan menambahkan script data J-SON LD. Script ini memang kurang banyak dilakukan oleh pemiliki blog, namun memiliki manfaat yang baik untuk blog terutama mengatasi masalah ini.

1. Login ke Blogger.com klik Template > Edit HTML
2. Cari kode <data:post.body/>
3. Copy dan pastekan kode dibawah ini tepat dibawah kode <data:post.body/>

<!-- Breadcrumb Blogger by igniel.com -->
<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>

Terkhir klik Simpan Template!

3. Update! Cara Mengatasi data-vocabulary.org di Template Viomagz semua Versi

Silahkan kamu login ke blogger dan pada dashboard pilih Template/tema dan pilih Edit HTML kemudian cari kode dibawah ini di dalam template.

<b:includable id="breadcrumb" var="posts"> ...sampai dengan kode penutup ... 

Jika sudah ketemu hapus semua kode tersebut dan 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>

Simpan template!

Dengan melakukan langkah diatas maka malasah data-vocabulary.org akan segera teratasi dan anda tidak perlu khawatir lagi mengenai masalah tersebut. Nah, bagaiman mengenai artikel ini apakah malasahnya sudah fix atau belum? 

Baca Juga: Cara Membuat Breadcrumbs Responsive mudah di Index

Demikianlarh artikel kali ini mengenai Cara Mengatasi Masalah Webmaster data-vocabulary.org. Semoga artikel ini bermanfaat untuk semuanya, dan jangan lupa nantikan artikel menarik lainnya di imamkunblog.com

Happy Blogging!!

Referensi:

https://webmasters.googleblog.com/2020/01/data-vocabulary.html

https://www.igniel.com/2019/11/breadcrumb-blogger.html
https://sugeng.id/docs/update-kode-data-terstruktur-breadcrumb-evomagz-viomagz/

Share this post