Friday 23 November 2012

Memasang breadcrumbs pada blogspot agar SEO friendly

Sebenarnya saya sendiri tidak begitu mengerti dengan pengertian breadcrumbs ini. Bisa dikatakan terlalu rumit. Hanya bisa dimengerti melalui gambar berikut 


Dengan cara ini blogger bisa mendapatkan tambahan kekuatan dengan menambah kategori pada Indeks Search Engine sehingga memberikan efek tersendiri pada posting seperti penambahan kekuatan keyword pada search engine.

Cara memasang breadcrumbs :

1.  Login ke akun blogger
2.  Klik template – edit HTML – Lanjutkan
3.  Beri tanda centang pada kotak di samping tulisan Expand Template Widget
4.  Cari kode ini

]]></b:skin> 

5.  Setelah ditemukan, copy kode di bawah ini dan paste di atasnya

.breadcrumbs {
padding: 5px 5px 5px 0;
margin: 0 0 5px;
font-size: 95%;
line-height: 1.4em;
border-bottom: 1px solid #ccc;

6.  Lalu cari kode di bawah ini

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a> 

7.  Setelah ditemukan, copy kode di bawah ini dan paste di atasnya

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browser &#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> 

8.  Pratinjau dahulu apabila blogger belum yakin sebelum menyimpannya
9.  Save template

Dengan demikian blog memiliki SEO friendly sehingga lebih mudah ditemukan oleh search engine.

No comments:

Post a Comment