Tips Membuat Breadcrumbs Valid HTML5, Cara Membuat Breadcrumbs Yang Terindeks Google

Cara Membuat Breadcrumbs Yang Terindeks Google - Sebelum Kita memasang breadcrumbs pada blog kita, kita akan bahas Apa Itu Breadcrumbs, mungkin masih banyak yang belum tau tentang apa itu breadcrumbs. kalau menurut saya Breadcrumbs itu adalah, Suatu navigasi yang berisi link menuju Homepage dan Label, dan tahukah sobat bahwa breadcrumbs ini bisa mendongkrak artikel kita dimata google sendiri.

Sebenarnya pada template bawaan blogger sudah terdapat breadcrumbs, namun pada template tersebut biasanya google tidak bisa mengindeks breadcrumbs kita, oke sekarang kita akan bahas tentang membuat breadcrumbs pada blog

Cara Membuat Breadcrumbs Yang Terindeks Google

Seperti biasa agan harus login terlebih dahulu pada Dashboard
Selanjutnya masuk ke bagian pengeditan template
Cari Kode ]></b:skin> atau </style> lalu simpan kode CSS dibawah ini tepad diatas kode tadi..

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

Kode Diatas Merupakan Kode CSS, Anda Juga Bisa Mengeditnya Adar lebih tampak Menarik

4. Selanjutnya Cari Kode <b:includable id='main' var='top'> kemudian Ganti dengan :


<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'/>   5. Selanjtunya Simpan Template Anda

Selesai deh pemasangan breadcrumbs pada blog sobat, bagaimana mudah kan, ya iyalah orang tanggal copy paste aja kodenya, sekarang coba cek apakah breadcrumbs blog agan sudah terindeks atau belum, untuk itu silahkan saja langsung pergi ke http://www.google.com/webmasters/tools/richsnippets, kemudian salin url postingan sobat kemudian klik pratinjau, maka akan timbul seperti dibawah ini

Perlu agan ketahui bahwa biasanya breadcrumbs baru terindeks sekitar 1-2 hari, oke sekarang admin mau pamit, semoga bermanfaat artikel Cara Membuat Breadcrumbs Yang Terindeks Google