Cara Membuat Breadcrumb yang SEO


Ada banyak trik untuk membuat blog kita menjadi blog yang baik di serp google, diantaranya adalah dengan membuat navigasi breadcrumb, selain akan memperindah blog kita, tujuan utama dari pembuatan navigasi breadcrumb ini adalah untuk meningkatkan kualitas blog kita di serp google.
Jika anda belum tahu, ini contoh navigasi breadcrumb di Cyber Blog :

Contoh Navigari Breadcrumb

Jika sobat pengen membuatnya, caranya mudah saja, pertama anda cari kode <b:includable id='post' var='post'> pada Edit Html setelah ketemu lalu anda copy paste kode di bawah ini tepat di bawahnya :
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Posisi kamu  &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>
Setelah itu kemudian sobat cari kode ]]></b:skin> setelah ketemu, kemudian copy paste kode di bawah ini tepat diatasnya :
.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
Terakhir, sobat simpan template.
Selesai..
Jika sobat ingin copy paste posting ini, tolong sertakan juga link sumbernya :)

Comments

Posting Komentar