Cara Mudah Mengatasi Error breadcrumb Skema Data Vocabulary


Infosalapan.com - Breadcrumb merupakan sebuah alat bantu navigasi yang dapat memungkinkan pengunjung sebuah web atau blog untuk memahami lokasi mereka saat ini dalam konteks wadah sebuah website. Dengan kata lain, breadcrumb juga dapat dikatan sebagai sebuah petunjuk sederhana terhadap sebuah artikel yang berkaitan dengan kategori dan halaman situs sebuah artikel yang terdapat di dalam sebuah blog.
Dalam beberapa bulan ini banyak para blogger pada kebingungan ketika melakukan test URL di web master tools yang tiba-tiba muncul peringatan “skema data-vocabulary.org terhenti”. Hal tersebut disebabkan karena adanya pembaharuan breadcrumb yang dilakukan oleh google. Sebelum pembaharuan dilakukan google menerapkan skema data-vocabulary.org dan ketika sudah diperbaharui berubah menjadi schema.org.
Ketika mengalami hal tersebut tentu sangat kewalahan untuk mengatasinya jika tidak mengerti maksud dari error breadcrumb skema data-vocabulary.org  tersebut. Untuk mengatasinya dapat dilakukan seperti berikut ini.
Langkah pertama masuk ke menu pengaturan blogger sobat, lalu pilih menu Tema dan pilih Edit HTML. Ketika sudah terbuka menu edit HTML Template blognya, lalu cari kode <b:includable id='breadcrumb' var='posts'  atau kata sejenis yang mencerminkan susunan kode breadcrumb.


Setelah ketemu kode diatas, hapus kode <b:if ... sampai ke kode </b:if> penutup. Setelah itu langkah selanjutnya, menggantikan kode yang sudah dihapus di template blog sobat 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>

Setelah kode diatas dicopy ke template blog sobat, lalu simpan templatenya. Sesudah itu, silahkan coba ujia kembali URL yang ingin di uji di Google Web Master Tolls dan pesan error data-vocabulary.org tidak akan muncul lagi.


SELAMAT MENCOBA

Berlangganan update artikel terbaru via email:

3 Responses to "Cara Mudah Mengatasi Error breadcrumb Skema Data Vocabulary"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

loading...