Cara Mudah Pasang Breadcrumbs di blog

Breadcrumbs memang sangat ampuh untuk menunjang SEO yang ada diblog kita. 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 sudah memasang kode breadcrumbs yang langsung terindex oleh google di blog sobat. Dan hasilnya hanya menampilkan satu label saja pada hasil pencarian. Nah sekarang saya sudah tahu solusinya.

Untuk buktinya anda bisa melihat SS dibawah ini:

Nah tak usah panjang lebar mari kita langsung ke Cara Agar Semua Label Breadcrumbs Terindex Google.

1.Log in Ke blogger.
2.Klik template » edit HTML » centang Expand Template Widget.
3.Bagi anda yang sudah memasang kode breadcrumbs yang lama, silahkan untuk menghapusnya dulu.
4.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}

5.Cari kode <b:includable id='main' var='top'> dan ganti kode <b:includable id='main' var='top'> 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'/>

6.Save template anda.

Sekarang silahkan untuk mengecek breadcrumbs anda di :

http://www.google.com/webmasters/tools/richsnippets

Jika hasilnya seperti SS dibawah ini berarti percobaan sobat telah berhasil.

Nah mudah-kan Cara membuat Semua Label Breadcrumbs Terindex Google . Mudah-mudahan artikel ini bisa bermanfaat bagi anda.