Cara Mengatasi Masalah Breadcrumb Pada Google Console

 

Kali ini kita akan membahas suatu topik yang saya yakin pasti setiap blogger pernah mengalami masalah ini, masalah tersebut adalah breadcrumb yang error, sebelum kita membahas cara mengatasinya ada baiknya kita mengetahui terlebih dahulu apa sih itu breadcrumb?

Pengertian Breadcrumb

Breadcrumb adalah suatu elemen navigasi yang dapat memberi tahu pengunjung untuk memehami lokasi mereka saat ini di dalam suatu website

Fungsi Breadcrumb

fungsi breadcrumb adalah untuk membantu pengunjung memahami lokasi mereka saat ini di dalam suatu website

Cara Mengatasi Masalah Breadcrumb

   cara mengatasi breadcrumb bisa dibilang mudah mudah sulit, bisa dibilang mudah jika kalian sudah pernah edit HTML dan bisa dibilang sulit jika kalian belum pernah edit HTML, oke langsung saja ke pembahasannya

1. login ke dasboard blogger
2. pilih tema > edit HTML
3. Ctrl F > salin kode berikut

<b:includable id='breadcrumb' var='posts'> ...sampai dengan penutup ... </b:includable>

4. ganti kode diatas dengan kode dibawah ini

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

5. simpan tema
6. login ke dashboard google console kalian
7. validisasi masalah bradcrumb


itulah cara mudah memperbaiki masalah breadcrumb yang eror pada blog anda, cara ini sangat mudah ditiru dan terbukti berhasil,semoga artikel ini bermanfaat.

Share this post