How to Give H3 tag for home page title links and H1 to individual post title in blogger

Are you curious about blogger modification and enhancement at hard level? If yes then most probable reason should be to improve SEO score. There are so many methods and philosophy available over the internet, but out of them it's hard to find which one will actual affects our blog.

Read more about: How to implement full SEO on your blog

For blogger user first you need to improve basic title of individual post. By default blogger will include your blog name to all individual posts. That will cause some problem on over all rank of your site.

And other most important thing to improve is giving H1 tag to post title, and normal/no tag to  your blog title. By default blog name is assigned as H1 and post title as H2.

Generally Home pages have recent updated posts list. That will notify users about new updated contents. But all those links are by default H1, Thus it will affect on seo because as per google webmaster guide lines A webpage should not contain multiple or repeated html tags.

It will cause negative impact on search engines, This will not make any cause on website reputation, Because users can not see that at all!

Basically over all structure should be look like this:
Blog title            :No tags
Post title             :H1
widget title         :No or minor tage
Sub title in post :H2, H3, as so on.

Read more about: How to create Custom header tags in blogger

Now check and verify your blog if it has proper structured tags or not. For individual post we do not need to change anything. Following guide will only helps you to improve home page links so it does not cause any critical problem to web crawlers.

Now do following steps to assign H1 HTML tag to Post title for individual post and H3 for Home page links.

If you already improved basic HTML for seo as told above then now its time to proceed further. first let me clear about actual idea.

How google and other web crawler will see your blog Homepage:

How it should be look:

How individual post should look:

Assign conditional Html tags to optimize it.

It is highly advised that before do anything first back up your current template.

First find for

<b:if cond="data:post.title">

Or if got problem then find for

<data:post.title/>

Now put conditional statement between home page and individual post.

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Original code

After editing code

Now your code should look like this.

<!--post title seo -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
      <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>
  <b:else/>
    <h1 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>
      </h1>
</b:if>
<!--post title seo end -->

Now verify it for successful results. You can easily do it with  google chrome. Just open your website and right click on post title links and click on "Inspect element".

Then verify it if H3 tags is sucessfully assigned on home page for all post title links and H1 for individual post.

Results will something look like this: