Optimize Blogger Post title with H1 tag.

Headings play very important role in Blogger's SEO. Keywords placed inside headings are easily crawled by search engines. Default Heading tags used in Blogger templates are H2 and H3 these should be replaced by H1 tag.

Find this code:

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

incase of new Blogger templates that are modified and are able to open in template designer find this code:

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

and replace it with H1 tags in it as:

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


Heading H1 is too large and it looks bad so add another piece of css code in skin above ]]></b:skin>

h1.post-title, .post h1 #blog1 h1, #blog H1 {font-size:1.3em;}

tip:You can also use other css properties, background etc.

Comments