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>,<H6>, Heading tags are very important for any website. 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 therir 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 it us very important to add H1 tag to blogger template.







How To Add H1 Tag In Blogger For Better SEO?

Before adding H1 tag in blogger template, I am highly recommend you to take a full backup of your current template, so if anything occurs 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 ranking, don't panic its very easy to add h1 tag in blogger,


Step1
First Login with your Gmail account and open your blogger blog, and 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='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>
How To Add H1 Tag In Blogger
How To Add H1 Tag In Blogger- Post Title


after finding it change all h3 tags with h1 tags, after it 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.



Step2
Step1 was about add h1 tag for post title tag, now again go to Edit HTML and find below code for "site title" by pressing CTRL+F

 <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>

..............................
..............................

 <h1 class='title'>
          <b:include name='title'/>
        </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 h1 tags with h2 tags, that's it! now click on save template.


After following both above steps, 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.





What To Do After adding H1 tag in blogger?

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, then 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).





Conclusion

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 do comments, I'll try to help you.

Comments

  1. Wow really Nice post, but there's possibility of getting bold title with the < h1 > tag. I don't want that.

    Commenting from www.oscarleeblog.com

    ReplyDelete
  2. Wow! Really helpfull, found what i was looking for.

    ReplyDelete
    Replies
    1. Glad to know that Xparrow Ogwuche, welcome to tech alike :)

      Delete
  3. my site has missing tag h1 - but i dont find your giving code what i do ?

    ReplyDelete
  4. Apa yang Anda bagikan adalah langkah besar, terima kasih vivek kumar

    ReplyDelete

Post a Comment

Have any question?, Do comments,
I will reply you all not immediately, but definitely.

Popular posts from this blog

How To Root And Install Custom Recovery In Samsung Galaxy J3 (CWM)

[Fix] All Problems And Solutions For Micromax Unite 2 A106 (100% Working)

How To Fix Bricked Samsung Galaxy E7/Unroot/Flash Stock ROM [Download]