Cara Memasang Breadcrumb Terindex Google Di Blog

Cara Memasang Breadcrumb Terindex Google Di Blog

Cara Memasang Breadcrumb Terindex Google Di Blog
Cara Memasang Breadcrumb Terindex Google Di Blog - Kali ini Bloggerku akan membagikan cara untuk memasang breadcrumb pada blogger, breadcrumb ini berguna untuk menambahkan kaulitas SEO dan ini juga berguna untuk merapihkan blog sobat menjadi seperti Rak buku hihi, selain itu breadcrumb juga membuat pengunjung menjadi mudah mencari artikel artikel terkaitnya, :D

Breadcrumb memang benar benar bermanfaat sekali untuk blog, terutama yang ingin blognya mendapat trafik tinggi, breadcrumb ini juga mengubah tampilan url menjadi breadcrumb.

Sudah banyak sekali template yang sudah di beri fitur breadcrumb namun tidak ada salahnya saya membuat artikel ini :D artikel ini untuk yang ingin memasang breadcrumb pada blognya yang belum memiliki breadcrumb, sebelum lebih lanjut saya akan menjelaskan apa itu breadcrumb dan seperti apakah itu??? :)

Apa Itu Breadcrumb Dan Fungsinya

Breadcrumb biasanya muncul pada awal artikel, biasanya tampilannya adalah horizontal, seperti contoh sobat bisa lihat gambar di atas tadi, nah seperti itulah breadcrumb.

Breadcrumb juga berfunsi menambah kaulitas SEO pada suatu blog, selain itu breadcrumb dapat mengaitkan artikel artikel yang serupa dan menyimpan sesuai label jadi blog sobat tidak acak acakan. :D

Cara memasang breadcrumb

Kita sudah menjelaskan apa itu breadcrumb sekarang kita akan menjelaskan bagaimana cara untuk memasangnya, caranya cukup mudah sobat tinggal ikuti langkah langkah di bawah ini :

1. Silahkan sobat masuk ke bagian Template > Edit HTML
2. Masukan kode di bawah ini tepat 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}


3. Setelah itu sobat carilah kode  <b:includable id='main' var='top'> dan ganti menjadi kode seperti di bawah ini

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


4. Langkah terakhir sobat Save atau Simpan, dan lihat lah hasilnya 8-)

Nah jangan lupa sobat harus pasang label pada setiap post, karena jika tidak menggunakan label breadcrumb tidak akan bekerja dengan baik :D oke sekian artikel tentang Cara Memasang Breadcrumb Terindex Google Di Blog - Sampai ketemu di artikel selanjutnya :)