Saturday, 26 September 2015

Show Breadcrumbs in Google Search Results for Blogger

Show Breadcrumbs in Google Search Results for Blogger: Everyone can add Breadcrumbs in their blog but you can Rear find this topic. so today you learn about how you can show you breadcrumbs in google search results for blogger, this Article is only for blogger.
You need to follow few below steps:
  • Go to the Dashboard > template > Edit HTML
  • Press CTRL + F and search bar is appear.
  • Find Article Tag in your template. if your theme in HTML 5.
<Article
If you find Article tag then paste below cord on the above of Article Tag.
Note: If your theme is not in HTML 5 and you are not able to find article tag in your theme then paste below line and search.
itemtype='http://schema.org/BlogPosting'
Step 4: Paste below code above this line.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumb' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span class='crumbs'>
<span class='crust' typeof='v:Breadcrumb'>
<a class='crumb' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'><span itemprop='title'>Home</span></a>
<span class='arrow'><span>&gt;</span></span>
</span>
<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 == &quot;true&quot;'>
<span class='crust' typeof='v:Breadcrumb'>
<a class='crumb' expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/><span itemprop='title'/></a>
<span class='arrow'><span>&gt;</span></span>
</span>
</b:if>
</b:loop>
<b:else/>

Untagged
</b:if>
</b:loop>
<span
class='crust'>
<a class='crumb' expr:href='data:post.url'><span><data:post.title/></span></a>
<span class='arrow'><span/></span>
</span>
</span>
</div>
   <b:else/>
    <b:if
cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumb' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span class='crumbs'>
<span class='crust' typeof='v:Breadcrumb'>
<a class='crumb' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'><span itemprop='title'>Home</span></a>
<span class='arrow'><span>&gt;</span></span></span> <span class='crust' typeof='v:Breadcrumb'>
<a class='crumb' expr:href='data:blog.url' property='v:title' rel='v:url'><span itemprop='title'>Archives for <data:blog.pageName/></span></a>
<span class='arrow'><span/></span></span>
</span></div>
   <b:else/>
    <b:if
cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:blog.pageName == &quot;&quot;'>
      <b:else/>
<div
class='breadcrumb' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span class='crumbs'>
<span class='crust' typeof='v:Breadcrumb'>
<a
class='crumb' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'><span itemprop='title'>Home</span></a>
<span class='arrow'><span>&gt;</span></span></span> <span class='crust' typeof='v:Breadcrumb'>
        <a class='crumb' expr:href='data:blog.url' property='v:title' rel='v:url'><span itemprop='title'>Posts tagged <data:blog.pageName/></span></a><span class='arrow'><span/></span></span>
</span>
       </div>
     </b:if>
</b:if>
</b:if>
</b:if>
</b:if>
  • Now you need to verify you installed Breadcrumbs code right or not. so visit google data structure tool. Click Here to Visit
  • http://twotricks.com/2015/09/auto-read-more-with-thumbnail-for.html paste your blog posts links and check your post structure.
That's it.. Feel free to share your feedback and must write comment in below.

0 comments:

Post a Comment

Item Reviewed: Show Breadcrumbs in Google Search Results for Blogger Rating: 5 Reviewed By: Saqib Hussain