How To Add H1 Tag In Blogger For Better SEO: Customize Post Title And Site Title

Looking for How To Add H1 Tag In Blogger for better SEO? Here you will learn about how to optimize your blogger blog with H1 tag for better SEO (Search Engine Optimization) result of your blog in search engines (like Google,Yahoo,Bing etc.) If you also want to add H1 Tag in your blogger template then read continue and learn easiest way for how to add h1 tag in blogger template. 

How To Add H1 Tag In Blogger for Better SEO.
How To Add H1 Tag In Blogger For Better SEO.

Why H1 Tag Is Important For Blogger?

Generally there are total six type of Heading tags <H1>,<H2>,<H3>,<H4>,<H5> and<H6>. Heading tags are very important for any website or blog. Everyone wants to improve popularity and search ranking of their website. H1 tag is better than h3 tags for post titles so h1 tag helps them to improve their website’s performance and ranking.

Recently Search Engines give more priority to H1 tag post titles for better SERP (Search Engine Results Page) and website ranking. In wordpress themes/templates already post titles are optimized with H1 tag but in blogger template generally post titles are optimized with H3 tag, which is not even better for good SEO and website ranking. So that is the main reason we should add h1 tag in our blogger template instead of using default h3 tag.

How To Add H1 Tag In Blogger For Better SEO?

Before adding H1 tag in blogger template, I  highly recommending you to take a full backup of your current template, so if anything goes wrong with your current template then you can restore it. now follow my steps carefully to add H1 tag in blogger for better SEO and improve website’s ranking, don’t be panic it is very easy to add h1 tag in blogger.


  • First Login with your Gmail account and open your blogger blog,
  • Go to “Template” section, click on “Edit HTML” and press CTRL+F and search following code in template editing area
<h3 class='post-title entry-title' itemprop='name'>

<b:if cond=''>

<a expr:href=''><data:post.title/></a>


<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>








How To Add H1 Tag In Blogger
How To Add H1 Tag In Blogger- Post Title
  • After finding it changes all h3 tags with h1 tags,
  • Now click on save template. now your template is optimized with h1 tag for your “post title”.

If you are unable to find this above code then close your template editing area and again open Edit HTML and press CTRL+F and try to find only ‘post-title entry-title’ then definitely it will show you all the above code and now you can easily change all of h3 tags with h1 tags.


  • Step1 was about add h1 tag for post title tag, now again go to Edit HTML and find the code (which is given below) for “site title” by pressing CTRL+F
<h1 class='title' style='background: transparent; border-width: 0px'>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <b:include name='title'/>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </h1>



&nbsp;<h1 class='title'>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <b:include name='title'/>

&nbsp; &nbsp; &nbsp; &nbsp; </h1>
How To Add H1 Tag In Blogger- Site Title (with H2 Tag)
How To Add H1 Tag In Blogger- Site Title (With H2 Tag)
  • After finding the above code, change all the h1 tags with h2 tags, that’s it! now click on save template.

After following both steps 1&2, your template’s “Post Title” is customized with H1 tag and your “Site Title” is customized with H2 tags, you can see changes in your desktop browser by pressing CTRL+U. To check your changes go to your website and open a post in new tab then press CTRL+U.

Pressing CTRL + U will open your website’s source code and you will be able to see your website’s structure and codes. Here you can easily find which of your heading is H1 or H2 or H3 tag.

What To Do After adding H1 tag in Blogger Template

After customizing your template with h1 tags your fonts and title colors will be changed, if you want your old colors back then simply go to template editing area and change h1 tag’s CSS (Cascade Style Sheets) code.

After few days or after crawling your blog post you can see your changes in SERP (Search Engine Results Page). As we see how H1 tags are important for any blogger blog or website, so if you want, you can add h1 tags multiple times in your home page or a static page, but never use h1 tags to post body text or any non-static page otherwise it gives bad experience in SERP (Search Engine Results Page).

    Must Read

The post was about How To Add H1 Tag In Blogger For better SEO and website ranking in search engines. Here you’ve learned about how to customize your blogger template’s Post Title and Site Title with H1 and H2 Tag. If you find this article helpful or you are still unable to customize your blogger with H1 tag then please feel free to comment below in comment section, I’ll reply you as possible as soon.


  1. Anonymous
  2. Paul Nwachukwu
  3. Techzvibes
  4. Alex
  5. KG
  6. sai
  7. Richa
  8. Jonathan Acholoh

Add Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.