Cara Pasang Breadcrumbs agar lebih seo

Bikin Breadcrumbs  jika anda ingin mengoptimalkan blog anda agar lebih seo friedly,saya sarankan anda untuk memasang  breadcumbs.
selain SEO Friendly, Breadcrumbs ini di peruntukan untuk pengunjung blog atau website agar lebih mudah menuju ke halaman berdasarkan kategori, kehalaman utama dan halaman sebelumnya.

Baik langsung aja saya akan berbagi bagaimana tutornya ..

1. Login ke blog anda - masuk rancangan - Edit HTML
2. Backup template anda untuk berjaga-jaga
3. Centang  "Expand Widget Templates"
4. Copas kode css 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
}

 5. Kemudian Carilah Kode    <b:include data='top' name='status-message'/>

Ganti kode diatas dengan kode dibawah

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<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 == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

6.Save template anda
 

OK ...
gimana sekarang blog anda sudah mempunyai navigasi breadcrumbs?

4 komentar:

sobat dumay mengatakan...

artikel yang sangat berguna. Dengan adanya breadcrumb akan memudahkan pengunjung dalam menelusuri blog kita

Neng Cici mengatakan...

nice post gan makasih dah berbagi
salam kenal

http://www.situs.cu.cc/ mengatakan...

terima kasih banyak atas artikelnya

----------
follow back ya :)

Muhammad Akbar mengatakan...

Mantap Gan, saya coba ya :)

jika bisa foolow back ya :)

Posting Komentar

 
Copyright © 2011 Andhika Hutomo Blogdhika.com. Powered by Blogger™