January 29, 2015

Membuat Breadcrumb SEO Friendly ala Maskolis

January 29, 2015

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.

Membuat Breadcrumb SEO Friendly ala Maskolis

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 bernama Johny 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 == &quot;item&quot;'>
<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> &#187;
<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 != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>

</b:if>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
      <h2 class='post-title entry-title'>

Ini penampakannya:

Membuat Breadcrumb SEO Friendly ala Maskolis

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!

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

No comments on Membuat Breadcrumb SEO Friendly ala Maskolis

Post a Comment

Contact Form

Name

Email *

Message *