Trik Membuat Navigasi Breadcrumb Terindex Google

Kali ini Saya mau berbagi sedikit tips SEO mengenai navigasi breadcumb. Anda pasti sudah tau apa itu breadcumb bukan? Breadcumb adalah tombol navigasi yang digunakan untuk mempermudah kita mengetahui lokasi keberadaan kita di suatu web/blog.

Contohnya bisa anda lihat di atas judul postingan ini. yaitu Home » Blogger , SEO , Tips , Trik , Tutorial » Trik Membuat Navigasi Breadcrumb Terindex Google. Tidak usah basa-basi lagi, langsung saja ikuti langkah di bawah ini.

• Seperti biasanya, login Blogger > Rancangan > Edit html  > dan centang Expand Template                                                   Widget.
• Lalu cari kode ]]></b:skin> (gunakan ctrl + f untuk mempermudah).
• Kemudian copy dan paste kode di bawah ini di atas kode ]]></b:skin>. .breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

• setelah itu cari kode  <b:includable id='main' var='top'>, hapus kode tersebut dan ganti dengan kode 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><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'>

<b:if cond='data:label.isLast == &quot;true&quot;'>

&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>

</b:if>

</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'/>

• Klik Save template. Untuk mengecek kinerja breadcrumb, silahkan Anda buat artikel dengan menyertakan label yang sudah terindex oleh google (untuk mengeceknya tinggal copy paste url label ke google). setelah membuat artikel baru, tunggu hingga artikel tersebut terindex, dan lihat hasilnya

1. Selamat Mencoba.