Membuat semua Breadcrumbs Terindex Google

Sahabat Blogger blog saya ini baru saja mengganti template dengan tampilan seperti yang anda lihat saat ini, pada saat pertama kali mendownload template ini pihak yang mendesain template memang sudah menyertakan fitur Breadcrumbs di templatenya ini, namun setelah saya cek ternyata Breadcrumbs yang di pasang oleh pihak desainer teemplate tidak terbaca oleh google, oleh karena itu saya berusaha untuk memperbaikinya dengan mengganti script Breadcrumbs yang lebih Seo friendly agar ter index oleh Google.

Oh ya sahabat hanya blogger sebelumnya sudah tau dong Breadcrumbs itu apa? Buat anda yang belum tau Breadcrumbs  itu apa silahkan di cari dulu pengertian Breadcrumbs di mbah google biar gak bingung :D. kalo di blog saya ini penampakan Breadcrumbs bisa anda lihat di atas judul postingan seperti gambar di bawah ini :

Nah yang ada di dalam colom merah itu namanya Breadcrumbs sahabat hanya blogger, lalu bagaimana cara membuat Breadcrumbs tersebut agar ter index oleh mbah google? ikuti langkah berikut ini :

Membuat semua Breadcrumbs Terindex Google

Pertama login ke blogger kemudian pergi ke bagian edit html template, conteng expand template widget lalu cari <b:includable id='main' var='top'> jika sudah ketemu ganti code tersebut dengan code di bawah 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'/>

Untuk mempercantik tampilan nya tambahkan sedikit css berikut ini  tepat di atas ]]></b:skin>

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

Simpan template, untuk melihat apakah cara ini berhasil silahkan kunjungi halaman google webmaster richsnippets lalu masukkan salah satu url postingan anda kemudian klik pratinjau.

Jika terlihat seperi gambar di atas berarti cara Membuat semua Breadcrumbs Terindex Google telah berhasil.