Cara Mengatasi data-vocabulary.org Schema Deprecated

KURAZONE ~ Sebagai Webmaster yang mengelola Blog dengan sangat serius dan selalu perhatian terhadap Blognya, tentu saja masalah kecil seperti terjadinya ketidakvalidan pada Schema sangat mengganggu pikiran. Karena ketidakvalidan ini juga berdampak kurang bagus untuk blog di mesin penelusuran.

Pada kesempatan kali ini saya bagikan informasi mengenai Schema data-vocabulary.org yang pada bulan Januari 2020 sudah diklaim oleh Google bahwa Schema tersebut sudah usang dan tidak akan digunakan kembali hingga April 2020. Sehingga kita sebagai Webmaster blog alangkah baiknya membenahi hal tersebut.

Jika kalian sering berkunjung ke Google Search Console maka kalian akan menjumpai statistik pada bagian breadcrumb seperti dibawah ini : (terdapat schema yang valid namun dengan peringatan)

Sebenarnya, masalah data-vocabulary.org ini sudah banyak sekali yang mempostingnya di blog, namun pada penyelesaian kasus kali ini saya mempostingnya khusus bagi kalian yang menggunakan schema breadcrumb seperti dibawah ini : (jika schema dibawah ini tidak kalian temukan pada template kalian, berarti schema kita berbeda, silakan cari tutor di blog lain)

<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
    <span typeof='v:Breadcrumb'><a class='bhome' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span> <brc>/</brc>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.labels'>
      <b:loop values='data:post.labels' var='label'>
        <span typeof='v:Breadcrumb'>
        <a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
        <b:if cond='data:label.isLast != &quot;true&quot;'><brc>/</brc></b:if>
      </b:loop>
      <b:else/>
         Unlabelled
      </b:if>
      <brc>/</brc> <span><data:post.title/></span>
    </b:loop>
  </div>

Schema diatas merupakan schema breadcrumb yang pernah saya pakai, sehingga untuk membenahinya pun cukup menindihnya dengan kode schema dibawah ini :

  <b:if cond='data:view.isPost'>
  <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; Unlabelled
      </b:if>
   &amp;nbsp;&#8250;&amp;nbsp;<span><data:post.title/></span>
    </div>
  </b:loop>
</b:if>

Jika kalian ingin mengubah warna pada breadcrumb nya tinggal tambahkan CSS breadcrumb atau benahi CSS breadcrumb yang sudah ada di template kalian. Misalnya

.breadcrumb{color:red}
.breadcrumb a{color:blue}

1. .breadcrumb : untuk mengedit ikon penghubung breadcrumb / teks pada breadcrumb yang tidak memiliki link
2. .breadcrumb a : untuk mengedit link breadcrumb

Nah, masalah tampilan silakan kalian sesuaikan sendiri dengan selera kalian.

Dengan cara diatas diharapkan dapat mengatasi permasalahan data-vocabulary.org pada blog kalian, jangan lupa untuk melakukan validasi perbaikan, caranya adalah sebagai berikut :

Klik jenis schema yang sedang bermasalah

Klik Validasi Perbaikan

Sisanya tinggal menunggu hasilnya saja, dengan begini setiap schema breadcrumb yang bermasalah akan segera diperbaiki. Status Breadcrumb pada hasil ujicoba struktur data akan berubah menjadi BreadcrumbList



Itulah informasi mengenai "Cara Mengatasi data-vocabulary.org Schema Deprecated", selamat mencoba dan semoga bermanfaat. Goodluck!!