Trik Agar Seluruh Label Breadcrumbs Terindex Google

Contoh Breadcumbs

Terlepas dari perdebatan antara bagus-tidaknya blog kita diberikan unsur Breadcumbs terhadap SEO, pada malam ini saya hanya ingin berbagi sebuah model Breadcumbs yang saya temukan setelah lama menghilang dari bookmark. Breadcumbs ini saya katakan berbeda karena Breadcumbs itu banyak jenisnya dan juga cara dan bentuknya, ada yang hanya di halaman, namun tidak untuk di-index google, ada yang terindeks hanya sebagian, sedangkan yang ini keseluruhan dari label pada artikel kita dapat terindeks Google.

Contoh..

Contoh Breadcumbs yang lebih banyak label

Caranya tidak rumit, sama seperti biasa. Baiklah, kita mulai..

1. Log in Ke Blogger.
2. Klik template » Edit HTML » centang Expand Template Widget.
3. Hapus Breadcumbs lama jika ada. Caranya dengan menghapus semua yang berkaitan dengan Breadcumbs pada penelusuran isi template (CTRL+F).
4. Cari kode ]]></b:skin> dan letakkan CSS ini di atasnya.

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}



5. Cari kode <b:includable id='main' var='top'> dan ganti dengan kode dibawah ini :
   
   
   <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><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><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 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'>
   &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
   </b:loop>
   &#187; <span><data:post.title/></span>
   </div>
   <b:else/>
   <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><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><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <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><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
   <b:else/>
   <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
   </b:if>
   </div>
   </b:if>
   </b:if>
   </b:if>
   </b:if>
   </b:if>
   </b:includable>
   <b:includable id='main' var='top'>
   <b:include data='posts' name='breadcrumb'/>

Simpan Template anda dan lihat hasilnya...

Untuk mengecek Breadcumbs anda dapat menuju langsung kesini :

www.google.com/webmasters/tools/richsnippets

Semoga berhasil ya sobat.. :)