How To Change Heading Tag For Better SEO in Blogger

Heading Tag (h1, h2, h3, h4, h5) is very important for SEO. All of Blogger widgets (gadgets) title use h3 or h2 tags. So blogger template use h2 or h3 tag for post title.If you want to improve your site SEO, you need to use h1 tag for post title.

Follow the simple steps below to do it:

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on 'Expand Widget Templates'

3.Scroll down to where you see below code :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Note: If you can't find above code search it replacing h3 with h2.

4.Now Replace above code with below code:

<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

5.Now find ]]></b:skin> tag.

6.Copy below code and paste it just before ]]></b:skin> tag.

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 {
border-bottom:0px Dotted #000000;
border-top:0px Dotted #000000;
margin:.25em 0 0;
padding:0 0 4px;
font-size:150%;
font-weight:normal;
line-height:1.4em;
color:#1c3c6f;
}

Note:You can change values of above code to match your template.

7.Click on 'Save Templates' and now you are done.

Related With: