Cara Memasang Breadcrumb di Blogspot

December 12, 2017
Cara Memasang Breadcrumb di Blogspot
Cara Memasang Breadcrumb di Blog Blogspot (Blogger).

Breadcrumbs adalah fitur navigasi yang biasa tampil atau terletak di atas judul posting blog.

Fungsinya sebagai navigasi sekaligus tautan kedalam (internal link) di blog kita seperti disarankan Google agar konten blog mudah dieksplorasi pengunjung (meningkatkan pageviews).

Pengertian breadcrumbs  adalah navigasi yang berisikan link ke halaman depan, link label atau link ke halaman label, dan judul posting --sebagaimana gambar ilustrasi di atas.

Pada dasarnya Breadcrumb merupakan navigasi SEO sebaris dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman depan dengan cepat.

Jadi simple-nya seperti ini : search engine selalu membaca label atau tags setiap postingan blog, karena saat ini google sudah tidah menggunakan meta tag keyword lagi untuk mengindeks suatu website/blog, maka yang jadi perhitungan google saat ini adalah meta description dan label (kategori).

Maka dari itu semakin relevan sebuah label dengan isi postingan (artikel) maka akan semakin mendapatkan kesempatan tampil di halaman depan google.

Cara Memasang Breadcrumb di Blogspot

1. Tema > Edit HTML.
2. Copas kode berikut ini tepat sebelum kode ]]></b:skin>
.breadcrumbs {padding:5px 5px 5px 0;margin:0;font-size:95%;line-height:1.4em;border-bottom:1px solid #f1f1f1} 

3. Cari kode seperti ini :

<div class='post hentry'>

4. Copas kode berikut ini tepat setelah kode <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 class='breadcrumbs'> <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'><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> 

5. Simpan Template!

Demikian Cara Memasang Breadcrumb di Blogspot. (Sumber).*

Thanks for reading Cara Memasang Breadcrumb di Blogspot

Related Posts

Next Article
« Prev Post
Previous Article
Next Post »
Your Comments

No SPAM, Please...!