Cara Membuat Breadcrumb Navigation (SEO On Page) - Bagi sobat yang belum tau apa itu breadcrumb, breadcrumb itu adalah history tempat artikel kita dan biasa dipakai di forum2, misalkan sobat post artikel di parent kategori “SEO” terus ada subkategorinya “tutorial blog”, dst. Intinya, breadcrumb digunakan untuk memudahkan pembaca supaya mengetahui kategori dan sub kategori dari bacaan yang sedang dibaca.
makanya, membuat breadcrumb navigation adalah salah satu bagian dari optimasi web atau blog sobat karena memang dia disukai oleh mesin pencari (seo friendly). Selain mempercantik blog kita juga bisa menambahkan poin seo juga pada blog kita. Oke kita langsung aja ke bagaimana membuat breadcrumb navigation pada blog:
Breadcrumb navigation dan SEO On Page
Nah terus apa dong hubungannya dengan seo terutama seo on page? hubungan intim kah? hehehe... hubungannya dengan seo, terutama seo google adalah sesuai instruksi dari simbah google sendiri. Neh kutipannyamakanya, membuat breadcrumb navigation adalah salah satu bagian dari optimasi web atau blog sobat karena memang dia disukai oleh mesin pencari (seo friendly). Selain mempercantik blog kita juga bisa menambahkan poin seo juga pada blog kita. Oke kita langsung aja ke bagaimana membuat breadcrumb navigation pada blog:
Cara membuat breadcrumb navigation
- Log in ke blogger.com
- Pilih design atau rancangan
- Pilih edit html,centang expand temlate widget supaya semua kode muncul semua dan jangan lupa back up template untuk jaga jaga dengan cara mendownload full template
- Lalu Cari kode tag ]]></b:skin>> dan letakkan kode berikut ini diatasnya
.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}
- Cari kode <b:includable id='main' var='top'>
- Jika sudah ketemu , letakkan kode berikut ini diatas kode no.6
<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Anda Berada di  :
<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>
</b:includable> - Cari kode <b:loop values='data:posts' var='post'> biasanya ada lebih dari 1, tergantung templatenya, template saya saja ada 4 kode yang sama, pilih kode yang tepat dibawah letak kode kita di poin 6 tadi dan ketikkan kode berikut dibawahnya
<b:include data='post' name='breadcrumbs'/>
- Save template .
Title : Cara Membuat Breadcrumb Navigation (SEO On Page)
URL : http://blogedek.blogspot.com/2012/01/membuat-breadcrumb-navigation.html
Jangan lupa untuk membagikan artikel Cara Membuat Breadcrumb Navigation (SEO On Page) ini jika bermanfaat bagi sobat.
0 comment | add comment
Post a Comment
Terima kasih sudah mampir di Blog Gedek. Jika sobat ingin memberikan komentar silahkan isi form kementar di bawah dengan sopan dan jangan spam.
Semua komentar akan dimoderasi dahulu. Mohon maaf jika membalasnya lama, jangan lupa mampir lagi ya :)