Blogger SEO : Optimize Your Header Tags

Today, I will discuss how to optimize your header tags in Blogger. Header tags are very important regarding ON page SEO. For they are used to differentiate the headings of the content in an HTML document or a web page. Header tags are termed as SEO header tags used by webmasters to prioritize the web page to form a hierarchy. Therefore, I am here to tell you the way how to optimize your header tags in Blogger. You can optimize them through post editing and theme modification. There are six header or head tags which are termed as h1, h2, h3, h4, h5 and h6. H1 is the most important and the main heading and h6 is the least important.
Also read this:

custom robots header tags settings for blogger.

It is recommended to use header tags in the form of hierarchy because it is good for On page SEO. And if you skip any of the tag numbers (ie. jump from 1 to 4) the heading structure will be broken, and this is not ideal for on-page SEO. The list of header tags are as follows:

1. <h1>Title of the page</h1>
2. <h2>This is my first heading, about the general topic</h2>
3. <h3>This is a subheading</h3>
4. <h4>This is a subheading underneath a subheading</h4>

Header tags and search engine

Header tags are used to express the summary of the content to the search engines. When google crawlers crawl any web page they can easily detect the content of any paragraph with the help of header tags. They detect the words used in the header tags and easily judge about the message of your post. Now, it becomes clear that why it is necessary to use your main keyword in your header (H2) tags.

Assign header tags in blogger post

It is necessary to assign header tags to blogger posts. It will make your post search engine friendly and prioritize the content of your webpage. It is very easy process you just need to follow these steps:

1. Login to blogger.com
2. Open your required blog from the list
3. Click Posts from the left side menu
4. Press Edit to modify the old one or click New post to start the new one

To designate text as a header tag, just highlight the text in the Post Editor, and click on either “Heading” (<h2>), “Subheading” (<h3>), or  “Minor heading” (<h4>) in the toolbar. As I have assign <h2> to Search engine optimization, <h3> to On page SEO and <h4> to header tags.  If you like, you can verify the HTML you’ve added by clicking on the HTML view.

right-header-tags

<h1> tag is automatically assigned to the title of the blogger post. Here Search engine optimization is the main heading of the content, On page SEO comes under the main heading and Header tags is the further subheading of On page SEO. If we assign the headings in reverse order like <h4> for Search engine optimization, <h3> for On-page SEO and <h2> for header tags. When Google crawler crawl this post, it treats header tags as the main topic of the content. It will create trouble regarding ON page SEO perspectives. Unless you assign proper header tags you will not get rank in SERP.

wrong-header-tags

Header tags distribution in blogger homepage

Header tags distribution in blogger homepage has been arranged by default like this:
<h1>Title of the blog</h1>
<h3>Title of the first post</h3>
<h3>Title of the second post</h3>
<h2>Title of the sidebar gadget</h2>
But it is recommended to change these settings to fulfill the requirements of ON page SEO. Here in the above arrangement you can see that <h3> tag has been assign to the title of first and second post. And <h2> tag is assign to the title of sidebar gadget. Which is not good to get rank in SERP because titles of Sidebar Gadget are not as important as the post titles. So it is recommended to assign header tags in blogger homepage like this:
<h1>Title of the blog</h1>
<h2>Title of the first post</h2>
<h2>Title of the second post</h2>
<h4>Title of the sidebar gadget</h4>
In this series I have assigned first priority to the title of the blog, 2nd priority to the title of first and second post and 4th priority to the title of sidebar gadget. Which is good for On page SEO of blogger to get organic traffic from SERP.

Header tag distribution in blogger post

Like blogger homepage, Header tags distribution in blogger post has been arranged by default like this:
<h1>Title of the blog</h1>
<h3>Title of the post</h3>
<h2>Title of the Sidebar Gadget</h2>
We will reorganize this to
<h1>Title of the post</h1>
<h2>Title of the blog</h2>
<h4>Title of the Sidebar Gadget</h4>
It will assign the highest priority to the title of the post, 2nd priority to the title of the blog and 4th to the title of the sidebar gadget.

How to modify header tags in blogger template

1. It is very easy to modify header tags in blogger template. You just need to Login to your Blogger Dashboard, backup your template and Navigate to Template > Edit HTML
   

   edit-html-blogger-template

Change Blog Title from H1 to H2 on post and static pages 

You just need to open the HTML code of your blogger and search the opening H1 tag associated with your blog title. It will be <h1 class=’title’> 

find-h1-tag-in-blogger-template

Now select the whole code of associated with <h1> and </h1> and replace the code with the following lines of code. As I have

<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType == "archive"'>
&lt;/h1&gt;
<b:else/>
&lt;/h2&gt;
</b:if>
<b:else/>
&lt;/h1&gt;
</b:if>

(Note: It is recommended to replace the above code with every <h1></h1> associated code.)

Changing Post title from H3 to H1 on post and static pages

Now you need to change post title from H3 to H1. You just need to find the opening H3 tag associated with your post title. It will be <h3 class=’post-title entry-title’ itemprop=’name’> 
Now select the whole code of associated with <h3> and </h3> and replace the code with the following lines of code. As I have.
<blockquote
><b:if cond=’data:blog.pageType != “index”‘>
<b:if cond=’data:blog.pageType == “archive”‘>
&lt;/h2&gt;
<b:else/>
&lt;/h1&gt;
</b:if>
<b:else/>
&lt;/h2&gt;
</b:if>
(Note: It is recommended to replace the above code with every <h3></h3> associated code.)

Changing Sidebar Gadget Titles to H4

Finally, you need to change sidebar gadget titles to h4. For this purpose you just need to find
<h2><data:title/></h2>
and replace them with
<h4><data:title/></h4>
It will assign <h4> tag to the sidebar gadget.

Conclusion

To conclude, I can say that optimizing your header tags in blogger is the best way to full fill the needs of ON page SEO perspectives. You can modify header tags in blogger by using post editor and by editing your blogger HTML code to get best results in SERP.