Cara Memperbaiki Masalah Breadcrumb untuk Skema data-vocabulary.org yang telah Dihentikan dengan Mudah dan cepat

Breadcrumb adalah sebuah navigasi pada blog yang membantu viewer (pengunjung) mengetahui dimana posisi saat sedang berkunjung di sebuah situs (blog/web). Breadcrumb ini menjadi penyempurna navigasi blog, seperti arsip, tag, label, homepage situs. Untuk lebih mudah melihatnya, di bawah ini contoh dari breadcrumb tersebut;
contoh breadcrumb blog

Dari gambar di atas, terlihat; Beranda > Bisnis > Judul, merupakan contoh dari breadcrumb.

Tidak lama ini, banyak pemilik blog yang mendapatkan peringatan permasalahan yang terjadi pada breadcrumb. Permasalahan tersebut disebabkan penghentian dari Skema data-vocabulary.org. Pemberitahuan kepada pemilik blog pun di dikirim melalui email masing-masing. Cek email pemberitahuan masalah breadcrumb seperti ini;

Bagi yang terkena peringatan yang sama, silahkan cek di webmaster Anda, lalu lakukan perbaikan. Cara memperbaiki masalah breadcrumb untuk skema data-vucabulary.org yang telah dihentikan dengan mudah dan cepat dapat dilakukan hanya satu langkah saja, yaitu mengganti kode yang terkait dengan breadcrumb tersebut.

Ikuti langkah mudah dan cepat berikut ini untuk memperbaiki masalah breadcrumb pada blog Anda;
1. Masuk ke akun blog, lalu pilih tema dan klik edit html.
2. Cari kode berikut ini dan hapus kode tersebut;
<b:includable id='breadcrumb' var='posts'> ...</b:includable>
Tanda titik 3 merupakan isi kode secara lengkapnya, yang setiap blog mungkin berbeda beda. Nah, bila sudah ditemukan <b:includable id='breadcrumb' var='posts'>, cek saja sampai batas </b:includable>

Pada contoh blog saya, kode lengkapnya seperti berikut;
<b:includable id='breadcrumb' var='posts'>
      <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <div class='breadcrumbs'><span class='breadhome'><a expr:href='data:blog.homepageUrl' rel='tag'>Home </a> &gt; </span><span class='breadlabel'><data:blog.pageName/></span></div>
      <b:else/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <!-- breadcrumb for the post page -->
      <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.labels'>
      <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
      <span class='breadhome' typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a> / </span>
      <b:loop values='data:post.labels' var='label'>
      <span class='breadlabel' typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a> / </span>
      </b:loop>
      <span class='breadlabel'><data:post.title/></span>
      </div>
      <b:else/>
      <div class='breadcrumbs'><span class='breadhome'><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> / </span><span class='breadlabel'>Unlabelled</span> / <span class='breadlabel'><data:post.title/></span></div>
      </b:if>
      </b:loop>
      <b:else/>
      <b:if cond='data:blog.pageType == &quot;archive&quot;'>
      <!-- breadcrumb for the label archive page and search pages.. -->
      <div class='breadcrumbs'>
        <span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home </a> / </span><span>Archives for <data:blog.pageName/></span>
      </div>
      <b:else/>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <div class='breadcrumbs'>
      <b:if cond='data:blog.pageName == &quot;&quot;'>
        <span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home</a> / </span><span class='breadlabel'>All posts </span>
      <b:else/>
        <span class='breadhome'> <a expr:href='data:blog.homepageUrl'>Home</a> / </span><span class='breadlabel'>Posts filed under <data:blog.pageName/></span>
      </b:if>
      </div>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:includable>
3. Setelah dihapus, lalu ganti dengan kode di bawah 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>
4. Klik save
5. Pergi ke webmaster. Klik breadcrumb dan klik bagian yang bermasalah. Kemudian klik mulai validasi. Tunggu hingga selesai dan masalahpun akan segera terselesaikan. Selamat mencoba!

4 Responses to "Cara Memperbaiki Masalah Breadcrumb untuk Skema data-vocabulary.org yang telah Dihentikan dengan Mudah dan cepat"

  1. kok saya gaada ya di search breadcrumb di html template

    ReplyDelete
  2. Apakah di webmaster ada masalah breadcrumbnya mas?

    ReplyDelete
  3. Lagi pusing nyari artikel cara memperbaiki skema vocobalary.org.Nihil pengetahuan html,cuma bisa buka dan baca blog dan copypaste kode.Sampai sekarang belum juga berhasil.Meskipun blog yang memberikan materi valid jika di uji, kadang kode yang di sampaikan tidak sesuai dengan html template.Ada juga yang menulis tentang skema vocabulary.org, tetapi jika blognya di tes masih warning dan belum valid.Entahlah schema.org yang di keluarkan oleh google itu penting apa tidak saya kurang tahu.

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel