SEO Kraken Premium Blogger Template

Pengertian Breadcrumb dan Cara Membuat Breadcrumbs SEO Friendly

Taqabbalallahu Minna wa Minkum. Minna wa Minkum Taqabbalallah. Saya atas nama Arief Ghozaly, Penulis sekaligus Pemilik SEO Killer Tips, Mengucapkan Selamat Hari Raya Idul Fitri, 1 Syawal 1349 H. Minal Aidzin wal Faidzin. Mohon Maaf Lahir & Bathin.
Loading...
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.
Loading...

Labels: Desain Blogger, Tips SEO

Thanks for reading Pengertian Breadcrumb dan Cara Membuat Breadcrumbs SEO Friendly. Please share this article.
0 Komentar untuk "Pengertian Breadcrumb dan Cara Membuat Breadcrumbs SEO Friendly"

Banyak gambar yang error karena situs sedang dimodifikasi. Komentar spam (Link Aktif) tidak akan dipublikasikan, terima kasih.

SEO Kraken Premium Blogger Template