Widget HTML Atas

Cara Mengatasi Breadcrumb - Pada Google Search Console


Beberapa hari lalu dapet pesan di google search console, bahwa website dem.my.id mengalami masalah breadcrumb. Awal lihat pesan tersebut agak panik, karena di dalam keterangan kayaknya menghawatirkan banget.


Cara Mengatasi Breadcrumb - Pada Google Search Console

Bunyinya seperti ini dalam pesanya :


Peringatan merupakan saran untuk penyempurnaan. Sebagian peringatan dapat meningkatkan tampilan Anda di Penelusuran; sebagian lagi dapat menjadi error di masa mendatang. Peringatan berikut ditemukan di situs Anda:
Skema data-vocabulary.org telah dihentikan
Sebaiknya perbaiki masalah tersebut jika memungkinkan agar situs Anda dapat memberikan cakupan dan pengalaman terbaik di Google Penelusuran.
Karena penasaran akhirnya ku searching, apa si sebenarnya breadcrum?

Breadcum sendiri artinya alat bantu navigasi yang memungkinkan pengunjung memahami sebuah lokasi dalam website.

Pada intinya breadcrumb merupakan elemen penting dari sebuah website yang berguna untuk menunjukan bagian spesifik dari website tersebut.

bagaimana cara memerbaiki breadcrum pada search console kita ?

Cara memperbaiki masalah breadcrum yang akan demmy bagi ini digunakan untuk template blogger viomagz dan terbukti manjur untuk template lain demmy belum pernah nyoba.

caranya gini sob.

Pertama silahkan sobat cari kode dibawah ini, dengan cara buka edit html di blogger sobat dan pencet aja di keyboard sobat " CTRL+F " menampilkan search, lalu cari kode ini..

<b:includable id='breadcrumb' var='posts'> ...sampai dengan penutup ... </b:includable>
Kemudian hapus kode tersebut dan ganti dengan kode di bawah ini sob..


<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isPost'>
 <b:loop values='data:posts' var='post'>
  <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
   <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
   <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
   <meta content='1' itemprop='position'/>
   <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
   </span>
   <b:if cond='data:post.labels'>
   <b:loop index='nomor' 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:nomor+2' itemprop='position'/>
    <a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' expr:title='data:label.name' itemprop='item' rel='nofollow'>
      <span itemprop='name'><data:label.name/></span>
    </a>
     </span>
   </b:loop>
   <b:else/>
   &amp;nbsp;&#8250;&amp;nbsp; <span itemprop='name'><data:blog.pageName/></span>
   </b:if>
  </div>
 </b:loop>
<b:elseif cond='data:view.isPage'/>
 <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
  <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
  <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
  <meta content='1' itemprop='position'/>
  <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
  </span> &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:blog.url' expr:title='data:post.url' itemprop='item'>
    <span itemprop='name'><data:blog.pageName/></span>
  </a>
  </span>
 </div>
</b:if>
</b:includable>

Kalau sudah klik simpan, beres deh, lanjut masuk ke search console sobat..

Validasi permasalah breadcrum disana, dan tunggu aja, beres deh.