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

Sejak 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:

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

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>

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.

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.

 

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.