Cara Membuat Breadcrumbs Terindeks Google (SEO Friendly)

    Breadcrumbs adalah navigasi menu untuk memudahkan para pengunjung mengetahui letak posisi pada halaman artikel yang mereka baca. Bahkan kini google sangat menyarankan para blogger untuk menggunakan breadcrumbs.Sebagai contoh bisa kamu lihat breadcrumbs-nya diatas judul artikel ini.

   Dengan menggunakan breadcrumbs blog, maka akan mudah terindeks oleh search engine google membaca blog kita. Breadcrumbs adalah salah satu cara agarBlog kita menjadi SEO friendly.oleh karena itu saya akan share Cara Membuat Navigasi Breadcrumbs Terindeks Google.

http://rian-share4u.blogspot.com/

Berikut Langkah - langkahnya:

1. Login Ke Blogger
2. sebagai jaga - jaga, Backup Terlebih dahulu template kamu
3. Pilih Template > Edit HTML
4. cari kode ]]></b:skin> gunakan Ctrl + F untuk mempercepat pencarian,
5. masukkan kode berikut di atas ]]></b:skin>
   

   .breadcrumbs
   {
   padding:5px 5px 5px 0;
   margin: 0 0 5px;
   font-size:inherit;
   font-family: Georgia, trebuchet ms, Verdana;
   line-height: 1.4em;
   border-bottom:4px double #000000;
   }

   kode diatas adalah css style untuk navigasi breadcrumbs-nya,
   
   
6. Cari kode <b:include data='top' name='status-message'/> kalau ada 2 maka Copy kode dibawah ini di atas semua kode tadi
   

   <b:include data='posts' name='breadcrumb'/>

7. Cari lagi kode <b:includable id='main' var='top'> Kemudian Copy kode Bawah ini, di atas kode tadi.<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- 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 == "true"'> » <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> » <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span> </b:if></div> </b:if></b:if> </b:if> </b:if> </b:if> </b:includable>
    
8. Save Template
   
   
   Catatan: 
   Untuk melihat navigasi breadcrumbs-nya jalan atau tidak, kamu bisa langsung mengunjungi Google Rich Snippet Tool. kemudian masukkan salah satu contoh link url postingan kamu. apabila muncul halaman link yang kamu masukkan, maka breadcrumbs kamu telah berhasil terindeks oleh google.