Summary: This useful article teaches you that how to adjust heading tag (h1tag) in blogger blog template for better SEO tips and also h1 tag is supportable to drive traffic easily and also this tag makes your contents SEO friendly.
By this useful article you teach that how to adjust heading tag (h1 tag) to blogger blog. In my experience headings play very important role in Blogger's SEO. Keywords placed inside headings are easily crawled by search engines. I think default heading tags used in Blogger templates are H2 and H3 these should be replaced by H1 tag. I further give you complete detail step by step how you change heading tag in free blog blogger.
This is very easy tweak to your template now turn around the position of blogger template I want to implement this strategy you will be success to get higher rank in Search Engines if you succeeded to change correct heading tags . Now login to your free blog blogger at www.blogger.com and navigate to Design, Edit HTML. To avoid from mistakes take backup of your template by downloading it any place of your computer. Make sure that you have uploaded your template before these changes. Search following code in your Blogger template press (Ctr +F) command for this purpose.
<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>
Now I suggest that first find the above code and replacing h3 shown in the above code with h1 and also replace above code with code has given below.
<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>
You have done it and now finally option is that find this code line ]]></b:skin> tag. After that 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;
}
If you want to see the above procedure what the above code look like in your blogger template for more guidance please follow the picture has given below:
Now save your template care fully and adjust above code according your blogger template and now you are done well.
Now save your template care fully and adjust above code according your blogger template and now you are done well.
I hope this useful and informative article regarding heading tag (h1) will be very useful for new blogger owners and other friends, if you want to suggest me or like it please leave your comments.
0 Comments:
Post a Comment