Transform Blogger Label Tags Into Blog Keywords

There are many tutorials on how to transform blog labels into blog keywords to improve the search visibility of your blog and articles in Google, this time I will explain how to create SEO friendly labels indexed in the search engines. The idea is that in the Google out all the labels on the Tag example: Home> Category1> Category2> Category3

Steps: 

1. Go to Blogger Dashboard

2. Click Template> Edit HTML> Continue 

3. Find the code ]]></ b:skin> and paste below css code above it.

.breadcrumbs {padding: 0px 5px 5px 0; margin-bottom: 20px; margin-top: 0px; font-size: 11px; color: # 5B5B5B; border-bottom: 1px dotted #bbb;}

4. Find the following code: <b:includable id='main' var='top'> and replace it by:

           <b:includable id='breadcrumb' var='posts'><b:if cond = 'data:=datablog.homepageUrl:blog.url'><b:if cond = 'data:blog.pageType==&quot;static_page&quot;'><div class = 'breadcrumb'> <span> <a expr:href='data:blog.homepageUrl' rel='tag'> Home </a> </span> "<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'><span typeof ='v:breadcrumb'> <a expr:href='data:label.url' property='v:title' rel='v:url'> <data:Label.name/></a></span></b:loop><span><data:post.title/> </span></div><b:else/><div class = 'breadcrumb'> <span> <a expr:href='data:blog.homepageUrl' rel='tag'> Home </a> </span> "<span> Unlabelled </span>" <span> <data:post.title/> </span> </div></b:if></b:loop><b:else /><b:if cond = 'data:blog.pageType == &quot;file&quot;'><!-- Archive breadcrumb for the label page and search pages--><div class = 'breadcrumbs'><span> <a expr:href='data:blog.homepageUrl'> Home </a></span><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 = 'datablog.pageName == &quot;&quot;'><span> <a expr:href='data:blog.homepageUrl'> Home </a> </span><span> All posts </span><b:else/><span> <a expr:href='data:blog.homepageUrl'> Home </a> </span><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'/>

Save and go.

The changes do not immediately appear in Google, to check we just choose an entry and copy the following link: Google Structured Data Testing Tool. Now tags categories and the title will appear in Google search. The categories are seen as keywords will improve the search if these are related to the title of the post and the blog.