Cara Membuat Breadcrumbs yang Dapat Terindex oleh Google

Apa itu Breadcrumbs? Breadcrumbs ialah sebuah link berdasarkan label tertentu yang berfungsi menghubungkan antara artikel dengan artikel lainnya yang sejenis dan biasanya diletakkan di atas judul postingan.

Breadcrumbs memang sangat ampuh untuk menunjang SEO blog kita, sehingga pengunjung dengan mudah menemukan artikel lain yang terkait dan tidak langsung pergi meninggalkan blog anda. Dan saya pun sudah merasakan manfaatnya. Tutorial kali ini saya dapatkan setelah saya keliling di google dengan maksud untuk blogwalking tanpa sengaja saya mendapat suatu trik yang sangat menarik yaitu Cara Agar Semua Label Breadcrumbs Terindex Google. Mungkin sobat belum memasang kode breadcrumbs yang langsung terindex oleh google di blog sobat.

Contoh screenshot tampilan blog dengan breadcrumbs yang terindex oleh google

Pertama, Log in ke blogger.com dengan akun anda.

Kedua, pilihlah » template » edit HTML » format Template.

Ketiga,untuk anda yang sebelumnya telah memasang kode breadcrumbs yang lama, sebaiknya dihapus terlebih dahulu.

Keempat, Cari kode "]]></b:skin>" dan letakkan CSS ini dibawahnya.

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

Kelima, Carilah kode <b:includable id='main' var='top'> dan kemudian gantilah kode ini <b:includable id='main' var='top'> dengan kode berikut 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'/>

Keenam, simpan template.

Ketujuh, cek hasil breadcrumbs blog anda di bawah ini

google.webmaster