Trik Mudah Membuat Navigasi Breadcrumb Terindex Google

Kali ini saya mau berbagi sedikit tips dan trik SEO mengenai navigasi breadcumb. Anda pasti sudah tau apa itu breadcumb bukan? tapi mungkin ada juga yang masih belum tau apa itu breadcumb. 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.

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

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

Sumber : http://sektim-area.blogspot.com/2012/03/trik-membuat-navigasi-breadcrumb.html#ixzz1sk06I8Co