Header Tag Optimization for Blogger

Header Tag optimization is important SEO as they tweak SERP - Search Engine Rank for Page this holds one of the major part of White hat SEO. Header Tag must be optimized for blogger template as they won't optimized by default.

Header Tags in Blogger

Header Tags are html tags used to assign the priority of the post title and subtitles in the blog post.By default the blogger heading is assigned to h3 and subheading to h4 but other titles like sidebar heading has h2 but it does not required there.

As later more SEO experts and blogs change the heading in blogger h2 but its fairly a reason in blogger home page there will be many post having h1 but according to search engines there should be only 1 h1 tag per page.But here we had assigned h2 tag for post title in home page and then if in a post page post titles will be given h1 priority.

Header Tag implementation for Blogger

• Blogger->edit template
• Then expand widget template
• Then search for below

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>

Note :
This above code may vary according to templates you must want to try and find out it of your own.

If you had done any other seo header optimization before then you may already made some changes to above code as h2,but that will improve only a little bit as h1 tag is missed in every blog post.Now replace the above code with below code

<b:if cond='data:post.title'>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<h2 class='post-title entry-title'>
<a expr:href='data:post.url' expr:title='data:post.title'><h2><data:post.title/></h2></a>
</h2>
<b:else/>
<h1 class='post-title entry-title'>
<data:post.title/>
</h1>
</b:if>
<b:else/>
<data:post.title/>
</b:if>

Before Saving it now check preview of the template it may vary the template appearance or style.If it looks as same as the previous then save it otherwise follow below troubleshooting.

Troubleshooting CSS of Header Tags for Blogger

As Changing it in the template may give worst style in template sometimes as the template may contain different style for header tags.If this happens then its easy to correct,while you made the above changes copy and paste like below

.post h3{some code here }
copy and paste as below
.post h1{same code in h3 }

If have h2 previously then search for  .post h2 and copy that code and paste as .post h1 that's it.You have done now it works fine for all template.

Have any trouble comment below for services?