Cara Mengatasi Skema data-vocabulary.org Breadcrumb Error di Blogger

NURHADIBACHTIAR - Baru-baru ini telah terjadi permasalahan yang cukup serius didalam dunia blogger, yakni adanya pembaruan jenis breadcrumb oleh google yang mana jika dahulu menggunakan data-vocabulary.org sekarang telah berubah menjadi schema.org.

Hal tersebut banyak ditanyakan oleh para blogger apalagi bagi blogger yang tidak tahu untuk mengatasi solusi dari permasalahan ini, forum-forum blogger diramaikan dengan pertanyaan yang sama yaitu "bagaimana cara mengatasi skema data-vocabulary yang error dan tidak didukung lagi oleh google?".

Pesan lengkap yang muncul dari search console adalah seperti berikut :

skema data-vocabulary.org tidak digunakan lagi dan tidak didukung lagi oleh google. harap migrasikan menggunakan jenis schema.org.

Bahkan saya sendiripun juga merasakan hal yang sama, breadcrumb yang saya terapkan pada blog ini tidak lagi valid ketika di cek menggunakan google testing tools untuk struktur data.

Kemudian sayapun mengikuti diskusi yang ada di forum blogger indonesia, dan munculah mbak Igniel yang merupakan salah satu blogger terkenal Indonesia yang memberikan solusi untuk memperbaiki permasalahan tersebut.

Solusi yang beliau berikan adalah sebagai berikut yang mana telah saya terapkan dan berhasil.

Cara Mengatasi Breadcrumb Skema data-Vocabulary.org yang Error

1. Masuk ke pengaturan edit template di blogger Anda.

2. Kemudian cari kode <b:includable id='breadcrumb' var='posts' ataupun yang hampir mirip dengan itu, dan dibawahnya terdapat urutan breadcrumb.

3. Hapus kode bagian <b:if ... , sampai dengan penutupnya </b:if>. Dan ganti dengan kode berikut ini :

<!-- Breadcrumb Blogger by igniel.com -->
<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; Tidak Ada Kategori
      </b:if>
    </div>
  </b:loop>
</b:if>

4. Simpan perubahan template, dan cek kembali menggunakan Google Valid Testing tools. Dan berikut adalah hasil yang telah berhasil saya dapatkan.

 Penutup

Nahh .. dengan begitu masalah yang baru muncul untuk para blogger yakni skema data-vocabulary.org yang bisa disebut telah kadaluarsa dan digantikan dengan jenis schema.org terbaru dari google sudah berhasil kita atasi. Semoga tutorial kali ini dapat membantu dan bermanfaat untuk kita semua.

Big Thanks to : Igniel.com