Pengertian Breadcrumb Dan Cara Menciptakan Breadcrumbs Seo Friendly

Pengertian Breadcrumb, Cara Membuat dan Pasang Breadcrumbs SEO Friendly

Apa itu Breadcrumbs yaitu suatu jejak atau navigasi blog yang bertugas untuk menampilkan pelacakan suatu artikel yang sedang dibaca oleh para pembaca.

Tujuannya, biar pembaca dapat tahu bersama-sama ada artikel lain yang terpasang pada label tersebut (sesuai topik); tentunya, dengan cara lain selain mengandalkan Related Posts.

Biasanya, posisi atau letak dari Breadcrumbs ialah dibawah navigasi menu, dan sempurna diatas judul suatu konten blog.

Pada umumnya, pelacakan diawali terlebih dahulu oleh halaman awal (Home), label (Category), dan diakhiri dengan judul artikel (Content). Contohnya menyerupai ini nih: Home > Kue > Cara Membuat Kue.

Cek Juga: Cara Membuat Redirect Otomatis ke Halaman Awal Blogspot

Menurut para pakar dan andal master SEO, Breadcrumbs manis buat blog; guna meningkatkan ranking situs dengan cepat. Apalagi, Breadcrumbs juga manis untuk meningkatkan pageviews blog.

Nah, bagaimana cara menciptakan dan pasang Breadcrumbs SEO Friendly di blog?

Cara Membuat Breadcrumbs SEO Friendly di Situs

Apabila di blog anda sudah terpasang Breadcrumbs, hapus dulu; termasuk HTML dan CSS-nya secara keseluruhan. Jika perlu, lakukan backup template.

1. Pertama sekali, cari aba-aba ini:

<div class='post hentry'>

Jika aba-aba diatas tidak ada, cari aba-aba dibawah ini (karena isi template blogger berbeda-beda):

<article class='post hentry'>

2. Selanjutnya, Copy aba-aba dibawah ini:

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:10px 5px 10px 0; margin-bottom:8px;font:12px Arial; line-height:1.2em; border-bottom:1px dotted #f2f2f2;'>
<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>

3. Letakkan di bawah <article class='post hentry'> atau di bawah <div class='post hentry'>

Sehingga jadinya akan menyerupai dibawah ini:

<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:10px 5px 10px 0; margin-bottom:8px;font:12px Arial; line-height:1.2em; border-bottom:1px dotted #f2f2f2;'>
<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>

4. Simpan perubahan template blogger, Ok selesai.

Cek Juga: Cara Buat dan Pasang Markup HTML & Formatting

Itulah cara menciptakan dan pasang navigasi sajian Breadcrumbs SEO Friendly yang sudah sesuai anjuran SEO pada isi artikel SEO friendly Breadcrumbs.

Berbagi :