Change Heading Tag For Better SEO in Blogger

Heading Tags (h1, h2, h3, h4, h5) of a website are very important for SEO (Search Engine Optimization). All of Blogger widgets (gadgets) titles use h3 or h2 tags. Many blogger templates are using h2 or h3 tags for post titles. Recently Search Engines give more priority on H1 tag for website ranking and in SERP (Search Engine Results Page). Search engines show the content in first search result page which contains H1 tag in the title. But If you are looking for ways to improve your site SEO, using h1 tags for post titles is a one way to do it.

SEO, or Search Engine Optimization, may sound boring or too technical. But, if you want to increase traffic to your blog, I suggest that you pay attention to some easy ways to boost your blog on the back end so that people googling will find your blog faster.

You can see in WordPress, post title tag is SEO friendly and customized by H1 tag. But most of the post title of blogger templates is not customized by H1 tag. In blogger template, H1 tag is used only for the site title and H3 tag is used for the post title as default. For better search engine optimization (SEO), H1 tag is more important than H3 tag. If you use H1 tag for post title then you will get lots of positive changes in your blogger blog within a short time and your blog will appear top in the search engine result page. Without blogger other CMS (content management system) is fully customized for H1 tag, so you don’t need to customize. Today I am going to share how to customize your blogger blog post title for better SEO. So let see.

Steps to Change Heading Tag For Better SEO in Blogger: 

1. Login to your Blogger account and go to "Edit HTML".

2. Now you have to find the code responsible for creating post tiles.

Find the code 1. But if you can not find it, find the code 2 (you will see code 1 or code 2 in 2 locations in your theme):

Code 1:

<b:if cond='data:post.title'>
  <h3 class='post-title entry-title' itemprop='headline'>
  <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:if>

Code 2:

<b:if cond='data:post.title'>
  <h3 class='post-title entry-title' itemprop='headline'>
  <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
  <b:else/>
<data:post.title/>
  </b:if>
  </h3>
</b:if>

Note: These codes have some differences according to your template. If you can't find code 1 or code 2, search it replacing h3 with h2.

3. Now if you found code 1, replace it with below code (you have replace both code 1):

<b:if cond='data:post.title'>
  <h1 class='post-title entry-title' itemprop='headline'>
  <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>

If you found code 2, replace it with below code (you have replace both code 2):

<b:if cond='data:post.title'>
  <h1 class='post-title entry-title' itemprop='headline'>
  <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
  <b:else/>
<data:post.title/>
  </b:if>
  </h1>
</b:if>

4. Click on "Save template" and now you are done.


Problem: After changing the H1 tag, post title’s font, color and size are changed.

Solution: If you face this type of problem then just change the H1 tag’s CSS code from the template editing area.

Note: After crawling your blogger blog you will get the changes in SERP (Search Engine Results Page). H1 tag is more important to search engines, so you can use H1 tag multiple times on a page just like home page or any static page. But never use multiple H1 tag for post body text or in a non-static page, then it will give negative effect to search engines. Now it yours time to optimize your blogger blog.

This little bit of code change and organization will go a long way for the performance of your blog.

__________________________________________________________________

• Facebook
• Twitter
• Google+
• Pinterest
• StumbleUpon
• Dig
• LinkedIn

Email Newsletter

Join with 549 Subscribers ! Get Our Latest Articles Delivered to Your email Inbox and Get Giveaways, Tips to Become a GEEK!

When signing up you will initially receive a confirmation email requiring your approval to complete the Subscription.