Tuesday, December 13, 2011

Breadcrumbs Navigation The Simple Way To Increase Your SERP

0 komentar
Do you know breadcrumbs?
Breadcrumbs typically appear horizontally across the top of a web page, usually below title bars or headers. They provide links back to each previous page the user navigated through to get to the current page or—in hierarchical site structures—the parent pages of the current one. Breadcrumbs provide a trail for the user to follow back to the starting or entry point. A greater-than sign (>) often serves as hierarchy separator, although designers may use other glyphs (such as » or ›), as well as various graphical treatments.
Typical breadcrumbs look like this:
Home page > Section page > Subsection page
Home page : Section page : Subsection page
And many people has create a breadcrumbs navigation for them blog, and itsvery effective to increase your SERP. So many visitor can come to your blog. And now i will give you a tutorial how to create a breadcrumbs on your blog.

1. Login to blogger
2. Layout - Edit HTML - Expand Widget Template
3. Find this HTML code
<b:if cond='data:post.title'>
4. After that paste this HTML code, after that code
<!-- Navigasi Breadcrumb Start -->
<b:if cond='data:blog.pageType == "item"'>
<a href='http://yoursitename.com/'>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 != "true"'>,</b:if>
<!-- Navigasi Breadcrumb Stop -->
6. Change the "yourblogname.comm" with your blog name/url
7. Finally, save your template.
8. And you can see the breadcrumbs navigation on the top of your Article title

Lets see How To Create Beautiful 3 Column Footer
Source :

Leave a Reply