Cara Membuat Breadcrumbs Blogger

Banyak sekali berbagai blog yang melakukan macam-macam jenis SEO untuk memaksimalkan blog yang mereka bangun. Dan breacrumbs adalah salah satu cara yang mereka gunakan untuk memaksimalkan blog.

Breacrumbs merupakan salah satu yang cara dilakukan para pembuat blog untuk mempercepat halaman artikel terindex oleh mesin pencari. Dengan cara ini dimungkinkan untuk  mendapat mendapat traffic baru pada blog dengan waktu yang cukup singkat.

Cara Membuat Breadcrumbs Blogger

   

Membuat Breadcrums Terindex Tetapi Tidak Tampil Pada Pencarian :

1. Masuk ke Blogger,

2. Masuk ke Template > Edit HTML,

3. Ceklis Expand Widget Templates,

4. Cari kode ini <b:if cond='data:post.title'>
    Letakkan kode di bawah ini di atasnya,

   <b:if cond='data:blog.pageType == "item"'>
<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 != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>

5. Simpan Template,

6. Selesai.

Membuat Breadcrumbs Terindex Serta Muncul Dihalaman Pencarian :

1. Masih di dalam Edit HTML,

2. Cari kode ]]></b:skin> , copy kode ini diatasnya :

.breadcrumbs{
padding:5px 5px 5px 0;
line-height:1.4em;
border-bottom:4px double #cadaef;
} 

3. Cari kode <b:includable id='post' var='post'> , perhatikan kode di bawah ini,

  <b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template'>
  <b:if cond='data:blog.homepageUrl == data:blog.url'> 
  <b:else/>

4. Copy kode ini di bawah kode <b:else/> seperti diatas,

<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>

- Kalau kodenya tidak sama dengan yang saya miliki, silahkan copy kode nomor 4 di atas <data:post.body/> yang kedua.
- Bisa juga ditaruh kode nomor 4 diatas kode <b:if cond='data:post.title'>

5. Simpan Template,

6. Selesai.

Tidak mengubah struktur link pada halaman artikel merupakan salah satu teknik breadcrumbs yang baik.