Optimize H1,H2 & H3 heading tags in Blogger.

Heading tags are a way of organizing and prioritizing content in an HTML document. There are 6 heading tags – H1(the most important one) to H6(the least important one). Among these six tags, an H1 tag is the most important tag followed by H2H3, and so on. By default, Blogger uses H1 tags for the blog title, H3 for post titles, and H2for sidebar titles. Having properly weighted headings is really important from an SEO perspective and this tutorial will help you to assign heading tags based on importance.

How to use heading tags

Heading tags should be assigned to titles based on their priority. The most important heading on the page should we wrapped in an H1  tag. For a post page, the most important title will the title of the blog entry. The Blog’s name and the sidebar headings are not as important as the post title.

How to Put Google Adsense Below Post Title in Blogger?(Opens in a new browser tab)

By default, Blogger homepage uses the below heading tag distribution
<h1>Your Blog Title</h1>
<h3>First post’s title</h3>
<h3>Second post’s title</h3>
<h2>Sidebar Gadget title</h2>
The Sidebar Gadget titles are not as important as the post titles. So we will reorganize these tags to:
<h1>Blog Title</h1>
<h2>first post’s title</h2>
<h2>second post’s title</h2>
<h4>Sidebar Gadget title</h4>
By default, Blogger post page uses the below heading distribution

<h1>Blog Title</h1>
<h3>The post title</h3>
<h2>Sidebar Gadget title</h2>

We will reorganize this to
<h2>Blog Title</h2>
<h1>The post title</h1>
<h4>Sidebar Gadget title</h4>

Modify template to assign heading tags based on priority

How To Show Post Title Before Blog Title in Blogger? (Opens in a new browser tab)

  1. Log in to your Blogger Dashboard, backup your template and Navigate to Template > Edit HTML
    Edit Blogger Template HTML
  2. Change Blog Title to H2 on a post and static pages – Find the opening H1 tag associated with your blog title It will be  <h1 class=’title’> or similar (Do a Ctrl + F for <h1 within the Blogger Template Editor to find the tag)

    find-h1-tag-in-blogger-template

    9 Killer Blogspot SEO Tips For bloggers(Opens in a new browser tab)

  3. Copy this opening tag into the below box and generate the template tag.
    Your opening h1 tag:
    Replace the text you copied from the template with the generated code. Do this for every <h1. Now replace all </h1> (Closing tag) with

    <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>
  4. Changing Post title to H1 on a post and static pages – Find the opening H3 tag associated with your post title. It will be <h3 class=’post-title entry-title’ itemprop=’name’> or similar (Do a Ctrl + F for <h3 within the Blogger Template Editor to find it)find-h3-tag-in-blogger-template
  5. Copy this opening tag into the below box and generate the replacement code.
    Your opening h3 tag:An easy way To Bing Webmaster Tools For SEO(Opens in a new browser tab)Replace the text you copied from the template with the generated code. Do this for every <h3.Now replace all </h3>(Closing tag) with

    <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>
  6. Changing Sidebar Gadget Titles to H4 – Find all occurrences of
    <h2><data:title/></h2>

    and replace them with

    <h4><data:title/></h4>
you can read:-  SEO for Idiots: The 10 Basics of Blogging Search Engine Optimization

About Sujan Chakraborty

Check Also

How To Compress CSS in blogger

How To Compress CSS in blogger

From the best steps to reduce the loading time of a blog is compressing the …

Free SEO Tools

20 Free SEO Tools Every Blogger Should Know

Aside from a nice-looking website with interesting and regularly updated content, SEO is essential to bloggers. While it’s entirely …

Post Title Before Blog Title in Blogger

How To Show Post Title Before Blog Title in Blogger?

Believe me; you are losing tons of visitors daily! Are you wondering how? Then, you …

Leave a Reply

Skip to toolbar