How to Setup Breadcrumbs In Blogger For Google Indexed V2

How to Setup Breadcrumbs In Blogger For Google Indexed V2

How to Setup Breadcrumbs In Blogger For Google Indexed V2

How to Setup Breadcrumbs In Blogger For Google Indexed V2


In the past I actually shared about Creating Breadcrumbs In Blogger For Google Indexed, but the code only shows one label only in Google search results and only appears in postings only, and for static pages beadcrumbs it does not appear. After I search here and there in Google, I finally found the script code.

For that now I am sharing Creating Breadcrumbs In Blogger For Indexed Google V2 that can display all labels (for posts that have more than one label) in Google search results.

Actually how important is breadcrumbs? According to experts, it is said that Google prefers web or blog that has breadcrumbs. Simply breadcrumbs is the navigation menu of a document or posting of a web or blog. Usually breadcrumbs placed on the title blog post so easily known by visitors or readers of blog posts.

Actually I myself have installed breadcrumbs in the first way, but now I have replaced it with Breadcrumbs V2.

How to Make Breadcrumbs In Blogger Facebook Indexed Google V2 is very easy, please go to your blog dashboard >> Templates >> Edit HTML >> check Expand Widget Templates. But to keep errors going, it would be nice if you back up the first templatenya so that if something goes wrong can return to the previous template.

Then find the code ]]> </ b: skin> Use CTRL + F on the keyboard to make search easier. After meeting please copy the code below BEFORE / ABOVE the code earlier.

.breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height: 1.4em; border-bottom:3px double #ccc;} 

Then find the code <b: includable id = 'main' var = 'top'> and replace it with the code below.

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

After that please save your template and check it in Google Rich Snippets Testing Tools Here. Please try input one of your blog post url that has more than one label on the box provided. If the placement is correct, then the appearance will be like the picture below.

How to Setup Breadcrumbs In Blogger For Google Indexed V2


But these changes can not directly appear in Google search results for the posts we publish before we make these breadcrumbs, we have to wait because Google takes time to display them. For the post that we publish after we Make Breadcrumbs In Blogger Facebook Indexed Google V2, then Google will directly display its breadcrumbs.

And if you've installed another breadcrumbs code but still have not Google indexed, or may only display one label, please remove the code and replace it with the code above so that all labels are indexed and appear in Google search results.

Similarly post Making Breadcrumbs In Blogger Facebook Indexed Google V2 hopefully can be understood and useful ....
Buka Komentar

Advertiser