Cara Memasang Breadcrumb Agar SEO Friendly

Tips seo blog kali ini akan memberitutorial apa itu breadcrumb serta cara memasang breadcrum pada blog agar blog kita lebih seo friendly. Pada dasarnya breadcrub adalah navigasi url yang nantinya akan terdeteksi dalam search engine berupa kategori blog kita. Biasanya artikel blog kita aka terdeteksi dalam search engine berupa alamat url artikel kita, tetapi jika sebuah artikel tersebut memiliki kategori yang tepat maka categori tersebut bisa menjadi kata kunci di search engine.

Kita ambil contoh jika kita memakai categori tips seo dan isi artikelnya relefan tips seo yang sebenarnya maka jika ada orang yang memasukan kata kunci tips seo maka di sini peran breadcrumb akan terdeteksi dalam sebuah search engine sehingga user akan mendapatkan banyak sekali tips seo dari artikel anda dan tidak hanya satu artikel saja.

Pengertian yang mudah tentang breadcrumb adalah kategori blog kita mendapat kesempatan terindex di search engine. Jika seperti ini maka sebuah kategory penting dalam relefansi pengelompokan artikel. Semakin relefan artikel dalam sebuah category maka semakin berkesempatan untuk tamil di search engine google.

Pengertian singkat dari breadcrumb ini mudah-mudahan bisa anda mengerti dan pahami dengan jelas. Jika anda kesulitan maka lihat contoh model breadcrumb yang telah terindex oleh search engine google seperti dibawah ini:
cara memasang breadcrumb
Tampilan dalam search engine seperti ini melodanta.com › Search Engine › SEO

Contoh ini saya ambil dari blog melodanta.com yang merupakan senior di dunia blog. Bagaimana jika navigasi breadcrumb ini kita letakan dalam blog platform blogspot. Mari kita lakukan dengan meletakan beberapa kode yang sudah di berikan oleh para master. kode breadcrumb ini saya ambil dari blog Kang Rohman dengan alamat web http://kolom-tutorial.blogspot.com dan alamat artikel http://kolom-tutorial.blogspot.com/2008/12/cara-membuat-breadcrumb-navigation-di.html

1. Langkah pertama Silahkan login ke blogger.
2. Kemudian Klik Tata Letak.
3. Diteruskan Klik tab Edit HTML
4. Silahkan beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.
5. Cari kode ini ]]></b:skin>
6. Jika sudah copy code dibawah ini dan letakan diatas kode ]]></b:skin>

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

7. cari code html berikut ini
<div class='post hentry uncustomized-post-template'>

8. jika sudah ketemu maka letakan kode di bawah ini di bawah kode ini <div class='post hentry uncustomized-post-template'>

<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' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

9. Klik save

Nanti hasilnya akan seperti ini :

Breadcrumb

Style template seperti ini akan menambah seo friendly sebuah template dan semoga akan semakin meningkatkan serp anda dalam search engine. Tidak lupa untuk mendukung saya di astaga.com lifestyle on the net dengan cara mengcopy code link di bawah ini dan letakan di widget blog anda:
<a href="http://www.tips-seo-blog.info/2009/12/astagacom-lifestyle-on-net.html" title="astaga.com lifestyle on the net">astaga.com lifestyle on the net</a>
© 2009 - Tips seo blog | Design: Choen | Pagenav: Abu Farhan Top