Trik Membuat Navigasi Breadcrumb Terindex Google (SEO)

Kali ini Sektim 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 » Widget » Trik Membuat Navigasi Breadcrumb Terindex Google. Tidak usah basa-basi lagi, langsung saja ikuti langkah di bawah ini.

1. Seperti biasanya, login Blogger > Rancangan > Edit html  > dan centang Expand Template Widget.
   
2. Lalu cari kode ]]></b:skin> (gunakan ctrl + f untuk mempermudah).
   
3. 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}

   
   
4. setelah itu cari kode  <b:includable id='main' var='top'>, hapus kode tersebut dan ganti dengan kode berikut.
   <b:includable id='breadcrumb' var='posts'><br /> <b:if cond='data:blog.homepageUrl != data:blog.url'><br /> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><br /> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div><br /> <b:else/><br /> <b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <!-- breadcrumb for the post page --><br /> <b:loop values='data:posts' var='post'><br /> <b:if cond='data:post.labels'><br /> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'><br /> <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span><br /> <b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.isLast == &quot;true&quot;'><br /> &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span><br /> </b:if><br /> </b:loop><br /> &#187; <span><data:post.title/></span><br /> </div><br /> <b:else/><br /> <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><br /> </b:if><br /> </b:loop><br /> <b:else/><br /> <b:if cond='data:blog.pageType == &quot;archive&quot;'><br /> <!-- breadcrumb for the label archive page and search pages.. --><br /> <div class='breadcrumbs'><br /> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span><br /> </div><br /> <b:else/><br /> <b:if cond='data:blog.pageType == &quot;index&quot;'><br /> <div class='breadcrumbs'><br /> <b:if cond='data:blog.pageName == &quot;&quot;'><br /> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span><br /> <b:else/><br /> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span><br /> </b:if><br /> </div><br /> </b:if><br /> </b:if><br /> </b:if><br /> </b:if><br /> </b:if><br /> </b:includable><br /> <b:includable id='main' var='top'><br /> <b:include data='posts' name='breadcrumb'/>
   
5. Klik Save template. Untuk mengecek kinerja breadcrumb, gunakan richsnippets tools di sini. Caranya masukkan link salah satu artikel Anda, kemudian klik pratinjau. Selesai.

Hasilnya: