Jasa SEO Blog

Membuat Breadcrumb SEO Friendly ala Maskolis

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!
Labels: Desain Blog, Tips SEO

Thanks for reading Membuat Breadcrumb SEO Friendly ala Maskolis. Please share...!

0 Comment for "Membuat Breadcrumb SEO Friendly ala Maskolis"

Spammy comment and live link will not be published. Good comment will encourage reader to visit your profile and blog.

Back To Top