Saturday, 16 August 2014

Apply Search Engine Optimization(SEO) on Breadcrumbs in Blogger and website

Apply Search Engine Optimization on Breadcrumbs in blogger and website so that it can appear on Google search result effectively. This post covers tutorial for both blogger and Word Press.

Search engine optimization is quite easy as it may appear, SEO it basically can be defined in general term as guidance system for search engine. This small piece of code helps the Google crawlers to identify the data in more efficient manner as it does without it. This SEO can also be implemented on breadcrumbs so the respective breadcrumbs of that particular article also appear on Google search result.

Search Engine Optimization(SEO) on Breadcrumbs in Blogger and website


This post is quite useful for deriving traffic from Google Search result because the more information is appearing on Google search result the more traffic you gain irrespective for those who don’t have applied it. It is recommended for you to back-up your template before proceeding.

Applying Breadcrumbs in Blogger.

Go to Blogger >> Template and click “Edit HTML”.
Press Ctrl+F for searching and search for this code in template.
<div class='blog-posts hfeed'>
You may find this code twice. Just add the following code just below it in both codes found.
<b:include data='posts' name='breadcrumb'/>
Now, search for this code in your template.
<b:includable id='backlinks' var='post'>
Now just after its closing end, add this following code as shown in below image.

Search Engine Optimization(SEO) on Breadcrumbs in Blogger and website

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span class='post-labels' typeof='v:breadcrumb'>
<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span typeof='v:breadcrumb'> &#187;<a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span></b:loop>
<b:else/>&#187; Unlabelled</b:if>&#187; 
<span typeof='v:breadcrumb'>
<span property='v:title'><data:post.title/></span>
</span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><p class='breadcrumbs' typeof='v:breadcrumb'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a> &#187; Archives for <data:blog.pageName/></span>
</p><b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs' typeof='v:breadcrumb'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a> &#187; All posts<b:else/>
<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a> &#187; Posts filed under <data:blog.pageName/></b:if></span></p></b:if></b:if></b:if>
</b:includable>

Use “.breadcrumbs” id for styling your breadcrumbs according to your blogger design.

Applying Breadcrumbs in website.


In general website, use this example breadcrumbs structure in your website HTML.
<span class="breadcrumb">
<span xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:breadcrumb">
<a href="http://www.websitename.com" rel="v:url" property="v:title">Home</a></span> &#187; 
<a href="http://www.websitename.com/tag/Tag1/" rel="v:url" property="v:title">Tag1</a></span> &#187; 
<span typeof="v:breadcrumb">
<a rel="v:url" property="v:title" href="http://www.websitename.com/tag/Tag1/">Tag2</a>
</span> &#187;
<span typeof="v:breadcrumb">
<a rel="v:url" property="v:title" href="http://www.websitename.com/tag/Tag3/">Tag3</a></span> &#187;
<span typeof="v:breadcrumb"><span property="v:title" rel="v:url"><a href="your-artcile-link">your Artcile name</a></span></span></span>

Here Tag1, Tag2, and Tag3 are the Tag the Article have been Categorize.

More from Author:

In order to check if this breadcrumb is working or not simply use Rich Snippets tools by Google.

Rich Snippets result after Applying Search Engine Optimization on Breadcrumbs

Though you will not see this breadcrumbs working on Google.com but it should be already appearing in Bing and Yahoo. As in my case I have implemented some week ago and it’s started appearing in the entire above mention search engines.

Google Search Result:
Google Search result after Applying Search Engine Optimization on Breadcrumbs

Bing Search Result:
Bing Search  result after Applying Search Engine Optimization on Breadcrumbs

Yahoo Search Result:
Yahoo search result after Applying Search Engine Optimization on Breadcrumbs

Hope this works for you, if face any problem just drop your comment below.
We are always here for help.

35 Discussion

  1. Thanks for sharing this great post! I got clear my lots of confusions about Breadcrumbs. But I still have a confusion that can we replace breadcrumbs with navigation? I saw this on Prilpa website. Can you please suggest me should I replace breadcrumbs with navigation or not?

    ReplyDelete
  2. Remove Above Comment, Emma Martin had put a spam website in her comment.

    ReplyDelete
  3. How to perform this activity? -> "Use “.breadcrumbs” id for styling your breadcrumbs according to your blogger design. "

    ReplyDelete
  4. This post is quite useful for deriving traffic but our site seo work they are more information for seo work click in our websiteBest SEO company in Dewas

    ReplyDelete
  5. I appreciate your efforts and i always like to learn more and more ... thanks a lot for nice efforts
    Arab Fire Safety & Security Academy
    Modern safety management
    Personal protection equipment (P.P.E)

    ReplyDelete
  6. Thank you for sharing nice information . I like to know more about what is new and i think that we must always learn from each other
    Jobs
    nasihnetwork

    ReplyDelete
  7. thanks for posting
    its usefull post about seo

    ReplyDelete
  8. I am happy that I found your post while searching for informative posts. It is really informative and quality of the content is extraordinary.
    local seo kansas city

    ReplyDelete
  9. Your blog has given me that thing which I never expect to get from all over the websites. Nice post guys!


    Melbourne SEO Services

    ReplyDelete
  10. This comment has been removed by the author.

    ReplyDelete

  11. Your blog is a great source of information and nowaday getting your business promoted online is a great way to remain always ahead of the competition in the business world. In fact most of the business tycoons are doing business promotion
    of their business.The branches of SEO are spreading day by day.

    ReplyDelete
  12. "I really appreciate your article. the post has excellent tips which are useful. this post is good in regards of both knowledge as well as information"!!


    search engine marketing agency

    ReplyDelete
  13. This comment has been removed by the author.

    ReplyDelete
  14. This comment has been removed by the author.

    ReplyDelete
  15. Very nice blog. Thanks for sharing information.


    SEO Services Provider

    ReplyDelete
  16. I really appreciate this information and I like it so much. This information in really helpful for me. Thank for sharing such a great information. SEO Services Company

    ReplyDelete
  17. Very informative. Thanks Amazing Post there. Thanks BSolutions India

    ReplyDelete
  18. Well written article I got to know while looking for Amazon Seo Service.If anyone willing to know about SEO service then visit this website.

    ReplyDelete
  19. An important building block of SEO is to develop your website which can be easily understandable for both Online Visitors (most important) and search engine robots. In the current digital age, seo is important for your online success means to generate leads.

    SEO Services in IndiaSEO Company in India SEO Company in India SEO Services in India

    SEO Company in India SEO Services in India

    ReplyDelete
  20. Well written article. Thanks providing details about SEO on bread crumbs in blogger and website. Keep posting.
    image sharing sites list for seo

    ReplyDelete
  21. This comment has been removed by the author.

    ReplyDelete
  22. Expert Web Solutions a top leading website designing company in tilak nagar, delhi. we are providing cheapest web designing service company in delhi and all over india. Website designing company in janakpuri. VIEW MORE :- seo in India

    ReplyDelete
  23. Great post! I am actually getting ready to across this information, is very helpful my friend. Also great blog here with all of the valuable information you have Keep up the good work you are doing here.Well, got a good knowledge.

    SEO Company in Chennai

    ReplyDelete
  24. "Excellent .. Amazing .. I will bookmark your blog and take the feeds additionally? I’m satisfied to find so many helpful information here within the put up, we want work out extra strategies in this regard, thanks for sharing.."!!
    SMO Agency in florida

    ReplyDelete
  25. Excellent Blog Posted by you. thanks For Sharing.

    Seo Company in Delhi

    ReplyDelete
  26. I endlessly am waiting on forthcoming to your posts again because I have impressed through your writing. best local seo company

    ReplyDelete
  27. Thanks for sharing it
    I really like it this kind of information..........Great blog post and really helpful...... and your blog are very interesting and inspiring.
    Midnightinfo
    CRPF ASI Steno Answer key 2017
    HPU BSc Nursing Answer Key 2017
    GATE Application Form 2018
    JCECEB Para Medical Answer Key 2017
    Bihar TET Admit Card
    TS EdCET Answer Key

    ReplyDelete
  28. Thank you for sharing such an informative knowledge about SEO. This is very helpful!

    Melbourne SEO Services

    ReplyDelete
  29. That's wonderful stuff you've written up here. Been searching for it all around. Great blogWeb Development Company Bangalore | Web Design Company Bangalore

    ReplyDelete

Note : All comments will be moderated. Do Not Spam.