SEO

tips trik SEO tentang Cara membuat Breadcrumbs SEO.Breadcrumbs adalah salah satu cara untuk menampilakan navigasi di atas postingan sobat,tepatnya untuk alamat ke postingan sobat,untuk contoh bisa dilihat di atas gambar.Dengan menambahkan Breadcumbs ini juga bisa menambahkan nilai SEO kita di mata google karena cara ini juga manambah nilai SEO untuk blog kita sendiri.Jadi untuk menambahkannya jagan ragu lagi.


Untuk cara membuat Breadcrumbs SEO ini ikuti langkah-langkah berikut:
1.Login dulu ke blogger sobat,lalu masuk ke design - lalu edit html - jangan lupa centang Expand Widget Templates.
2.Setelah itu cari kode berikut ,tekan Ctrl+F untuk mempermudah lalu ketik

<b:includable id='main' var='top'>

3.Setelah ketemu copy dan letakkan kode script breadcrumbs dibawah ini tepat diatas kode tersebut

<b:includable id='breadcrumbs' var='post'>

<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>

Browse:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
<b><data:post.title/></b>
</b:if>

</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>

4.Setelah itu cari kode berikut

<b:if cond='data:post.dateHeader'>

5.Setalah ketemu masukkan kode dibawah ini tepat di atas kode tersebut

<b:include data='post' name='breadcrumbs'/>

6.Yang terakhir cari kode berikut

]]></b:skin>

Lalu tempatkan kode di bawah ini tepat diatas kode tersebut

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

7.Simpan Templete.

Lihat hasilnya ketika anda lihat postingan di bagian atas judul.
Oke sekian tips trik SEO dari saya tentang Cara membuat Breadcrumbs SEO.
Semoga bermanfaat