Mengatasi Breadcrumbs "data-vocabulary.org schema deprecated" Warning di Search Console
fathurhoho

Mengatasi Breadcrumbs "data-vocabulary.org schema deprecated" Warning di Search Console

Published by:
fix breadcrumb data-vocabulary.orgSejak awal Januari 2020, Google mengumumkan tidak akan mensupport penggunaan markup untuk struktur aplikasi/web menggunakan data-vocabulary.org, katanya sudah usang. Sebagai blogger, penggunaan data-vocabulary.org akan memberi efek pada hasil pencarian terhadap blog kita.

Terutama pada rich results search google, yang menampilkan struktur blog berdasarkan label/category. Karena data-vocabulary.org ini digunakannya pada breadcrumb. Rich search feature yang saya maksud adalah seperti ini:

rich results search google
Nah ini bermanfaat sekali untuk menstrukturkan hasil pencarian blog/web kamu di penelusuran google. Apalagi kalau blognya kaya akan struktur, banyak kategori/label dan static page nya. 

Agar nantinya rich results tersebut tidak terganggu, kita disarankan untuk tidak lagi menggunakan skema data-vocabulary.org dan menggantinya dengan schema.org. 

Warning penggunaan data-vocabulary.org di Search Console

Harusnya, di Bulan january, setiap pengguna search console pasti dikirimkan email oleh google mengenai penggunaan data-vocabulary.org yang deprecated, alias usang. Saya udah noticed mengenai update ini, tapi masih males ngurusin blog. 

Baru lihat sekarang. Haha. Nih hasil inspect halaman blog fathurhoho.id di search console.

data-vocabulary.org schema deprecated
data-vocabulary.org schema deprecated
Warning untuk semua halaman. Okay saya coba perbaiki dengan cara berikut.

Mengganti skema breadcrumbs blog dari data-vocabulary.org ke schema.org

Oh iya, setiap blog mungkin punya cara yang berbeda-beda mengatur skema breadcrumb mereka, jadi code yang kamu lihat di blog ini mungkin berbeda dengan code di blog kamu. Intinya, ganti saja data-vocabulary.org menjadi schema.org, seperti ini:

Kita akan mengganti semua code breadcrumbnya. Diawali dari <b:includable id='breadcrumb' var='posts'> ..... sampai dengan </b:includable>

breadcrumb dengan data-vocabulary.org

Replace atau ganti semuanya dengan code berikut ini:
<b:includable id="breadcrumb" var="posts">
<b:if cond="data:blog.pageType == &quot;item&quot;">
<b:loop values="data:posts" var="post">
<b:if cond="data:post.labels">
<div class="breadcrumbs" itemscope="itemscope" itemtype="https://schema.org/BreadcrumbList">
<svg viewbox="0 0 24 24"><path d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" fill="#000000"></path></svg>
<span itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem">
<a expr:href="data:blog.homepageUrl" itemprop="item" title="Home">
<span itemprop="name">Home</span></a>
<meta content="1" itemprop="position"></meta>
</span>
<svg viewbox="0 0 24 24"><path d="M5.5,9A1.5,1.5 0 0,0 7,7.5A1.5,1.5 0 0,0 5.5,6A1.5,1.5 0 0,0 4,7.5A1.5,1.5 0 0,0 5.5,9M17.41,11.58C17.77,11.94 18,12.44 18,13C18,13.55 17.78,14.05 17.41,14.41L12.41,19.41C12.05,19.77 11.55,20 11,20C10.45,20 9.95,19.78 9.58,19.41L2.59,12.42C2.22,12.05 2,11.55 2,11V6C2,4.89 2.89,4 4,4H9C9.55,4 10.05,4.22 10.41,4.58L17.41,11.58M13.54,5.71L14.54,4.71L21.41,11.58C21.78,11.94 22,12.45 22,13C22,13.55 21.78,14.05 21.42,14.41L16.04,19.79L15.04,18.79L20.75,13L13.54,5.71Z" fill="#000000"></path></svg>
<b:loop index="num" values="data:post.labels" var="label">
<span itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem">
<a expr:href="data:label.url + &quot;?&amp;max-results=6&quot;" expr:title="data:label.name" itemprop="item">
<span itemprop="name"><data:label .name=""></data:label></span>
</a>
<meta expr:content="data:num+2" itemprop="position"></meta>
</span>
<b:if cond="data:label.isLast != &quot;true&quot;">
<svg viewbox="0 0 24 24"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" fill="#000000"></path></svg>
</b:if>
</b:loop>
<svg viewbox="0 0 24 24"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" fill="#000000"></path></svg>
<span><data:post .title=""></data:post></span>
</div>
</b:if>
</b:loop>
</b:if>
  </b:includable>
Dah, gitu aja. Kita ikutin maunya google. 

Validate Fix data-vocabulary.org di Search Console

Setelah mengganti penggunaan data-vocabulary.org ke schema.org, jangan lupa validate fix di search console.

validate fix data-vocabulary.org

Hasilnya tidak akan realtime. Kamu perlu menunggu beberapa hari untuk melihat perubahaanya. Google juga akan mengirimkan email terkait perubahan ini dan kamu bisa memantau progressnya.
 
fix breadcrumb data-vocabulary.org schema

Saya juga belum bisa memastikan cara ini berhasil atau tidak, kita lihat saja nanti. Semoga bermanfaat. 

Kamu bisa bergabung ke group Blogger Indonesia di Telegram untuk ngobrol-ngobrol terkait blogging. Kamu juga bisa join channel telegram saya untuk meninggalkan komentar.

3 comments:

  1. Error bang pas di replace eror element data:label

    ReplyDelete
    Replies
    1. Mungkin replace breadcrumb nya kurang pas

      Delete
  2. Hasilnya kurang rapih semua label malah muncul di atas artikel

    ReplyDelete

Berkomentarlah dengan bijak