Cara Memasang Breadcrumb SEO Friendly di Blog

Baca Juga

CARA membuat, menampilkan, atau memasang breadcrumbs SEO Friendly di Blog Blogspot cukup mudah, namun hasilnya bagus buat indeks blog.

Breadcrumbs adalah navigasi yang berisi kategori atau label dari postingan, biasanya diawali dengan tombol menuju home (halaman depan blog), diikuti label dan judul posting.

Posisinya di atas judul posting. Ukuran breadcrumbs biasanya lebih kecil, sekitar 90%, dari ukuran normal teks naskah tulisan. Kaya gini:

Search engine seperti Google selalu membaca label atau tags setiap posting blog karena Google sudah tidah menggunakan meta tag keyword lagi untuk mengindeks suatu blog.

Yang jadi perhitungan Google saat ini adalah Meta Description dan Label (Lategori). Semakin relevan sebuah label dengan isi postingan (artikel), maka akan semakin mendapatkan kesempatan tampil di halaman depan indeks atau halaman hasil pencarian Google.

Cara Memasang Breadcrumb SEO

1. Klik "Template" > "Edit HTML"
2. Copas kode berikut ini tepat sebelum atau di atas kode ]]></b:skin>

• .breadcrumbs{
  padding:5px 5px 5px 0;
  margin:0;font-size:95%;
  line-height:1.4em;
  border-bottom:4px double #cadaef}

Setelah itu, cari (Ctrl+F) kode seperti ini :

<div class='post hentry'>

Copas atau letakkan 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'> Browse &#187; <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>

Save Template!

Kini Navigasi Breadcrumb SEO Friendly sudah terpasang di blog Anda. Good Luck!

Sumber: Maskolis