Lompat ke konten Lompat ke sidebar Lompat ke footer

Pengertian Breadcrumb dan Cara Membuat Breadcrumbs SEO Friendly

Pengertian Breadcrumb, Cara Membuat dan Pasang Breadcrumbs SEO Friendly

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

Tujuannya, agar pembaca bisa tahu bahwasanya 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 tepat diatas judul suatu konten blog.

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

Pengertian Breadcrumb dan Cara Membuat Breadcrumbs SEO Friendly

Cek Juga: Cara Membuat Redirect Otomatis ke Halaman Awal Blogspot

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

Nah, bagaimana cara membuat 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 kode ini:

<div class='post hentry'>

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

<article class='post hentry'>

2. Selanjutnya, Copy kode 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 hasilnya akan seperti 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

Pengertian Breadcrumb dan Cara Membuat Breadcrumbs SEO Friendly

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

Posting Komentar untuk "Pengertian Breadcrumb dan Cara Membuat Breadcrumbs SEO Friendly"