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, supaya pembaca dapat tahu bahu-membahu 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 hebat master SEO, Breadcrumbs anggun buat blog; guna meningkatkan ranking situs dengan cepat. Apalagi, Breadcrumbs juga anggun 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 instruksi ini:

<div class='post hentry'>

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

<article class='post hentry'>

2. Selanjutnya, Copy instruksi 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 risikonya 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 hidangan Breadcrumbs SEO Friendly yang sudah sesuai anjuran SEO pada isi artikel SEO friendly Breadcrumbs.