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.
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:
Jika kode diatas tidak ada, cari kode dibawah ini (karena isi template blogger berbeda-beda):
2. Selanjutnya, Copy kode dibawah ini:
<b:else/>
<b:if cond=’data:blog.pageType == "item"’>
<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> »
<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 != "true"’> , </b:if>
</b:loop>
</b:if> » <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:
<b:if cond=’data:blog.homepageUrl == data:blog.url’>
<b:else/>
<b:if cond=’data:blog.pageType == "item"’>
<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> »
<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 != "true"’> , </b:if>
</b:loop>
</b:if> » <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 membuat dan pasang navigasi menu Breadcrumbs SEO Friendly yang sudah sesuai anjuran SEO pada isi artikel SEO friendly Breadcrumbs.
Terimakasih telah membaca di Aopok.com, semoga bermanfaat mulai lah buat iklan gratis di Iklans.com dan lihat juga di situs berkualitas dan paling populer Piool.com, peluang bisnis online Topbisnisonline.com dan join di komunitas Topoin.com.