Breadcrumbs adalah salah satu navigasi blog sekaligus internal link yang memudahkan pengunjung mengeksplorasi konten blog. Posisinya berada di atas judul postingan, seperti bisa Anda lihat di atas ada "baris kecil" terdiri dari Home > Label > Judul Posting.
Breadcrumbs diindeks mesin pencari Google, sehingga bagus buat SEO blog, karena di sana ada kata kunci yang biasa menjadi salah satu bagian dari judul posting.
Anda pengguna template Creating Website alias Maskolis, tidak akan menemukan kode "breadcrumbs" di dalam kebanyakan template karya "Mas Johny" itu. Namun, sang breadcrumb ada di postingan. Kok bisa?
Itu karena sang matser desain template blog itu membuat breadcrumbs seo friendly yang unik, lain daripada yang lain.
Hasil "intipan" CB, sang master membuat kode breadcrumbs dengan menggunakan <div style> tanpa ada kata breadcrumbs.
Membuat Breadcrumb SEO Friendly ala Maskolis
Kita intip dulu salah satu kode breadcrumbs yang ada di template Maskolis bernamaJohny Seebook Sekali berikut ini.
Kodenya ditempatkan di bawah kode <div class='post hentry'>
<div class='post hentry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:5px 5px 5px 0; margin-bottom:8px;font:11px Tahoma; line-height:1.4em; border-bottom:1px dotted #ccc;'>
<a expr:href='data:blog.homepageUrl'>Home</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag,noindex'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:5px 5px 5px 0; margin-bottom:8px;font:11px Tahoma; line-height:1.4em; border-bottom:1px dotted #ccc;'>
<a expr:href='data:blog.homepageUrl'>Home</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag,noindex'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
Ini penampakannya:
Lalu bagaimana cara Membuat Breadcrumb SEO Friendly ala Maskolis itu?
Gampang:
1. Hapus SEMUA kode breadcrumbs yang ada
2. Cari kode <div class='post hentry'>
3. Copas semua kode berwarna biru di atas di bawahnya!
4. Save template!
Jika kebetulan Maskolis menemukan posting ini, mohon koreksinya, Mas!
