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!

0 Komentar untuk "Membuat Breadcrumb SEO Friendly ala Maskolis"

1. Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul.
2. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *