Ad Code

Responsive Advertisement

Ticker

6/recent/ticker-posts

How to Optimize Blogspot Template for More Search Traffic?


Blogspot is one of the most popular blogging platforms among bloggers. You may have noticed that our Blog SysToSys.com is using Blogspot.

It is very popular because Blogspot is free and very easy to use. However, while analyzing most of the Blogger templates (Blogspot) available in the market, I found some critical SEO issues.

In this article, I explain the major SEO problems associated with Blogspot templates and teach you how to fix them.

I create this article as one big checklist to improve the overall SEO optimizations you must do on your Blogger template to gain more web traffic from Search Engines to your blog.

Once you have fixed the template issues, I guarantee you that your Blogger Blog will receive more traffic from Search Engines like Google, Bing, and DuckDuckGo.

Let me explain the common Blogspot template bugs, which prevent your blog from gaining high ranks in Search Engines.

Which Are the Common Blogspot Template SEO Problems?

  1. Problems with responsive templates

  2. Wrong Usage of h1 tag

  3. Wrong Title tag positioning

  4. ?m=0 Redirection to Create duplicate pages

  5. Under-Performing Core Web Vitals

  6. Under Optimized Blogspot Post URL

  7. Missing the Meta Description tag

In this article, you will learn how to fix the Blogger SEO problems by optimizing the template. This post is a continuation of our previous Blogger related posts.
  1. How to Change Default Blogger Post Font Size For Individual Page?
  2. How to Connect GoDaddy Domain Name To Blogger Blog?
Now let us check how to optimize a Blogspot Template for better Search Engine ranks.


How to Fix Blogger Template SEO Problems?


  1. Correct the Wrong Usage of h1 Tag

    After the title tag, the h1 tag is the most important on-page SEO parameter on a web page. H1 tag must be the unique heading of a page.

    It is an important SEO rule. However, most of the Blogspot templates use the h1 tag for unnecessary usage.

    Let me explain it by inspecting one page from SYSTOSYS.COM.

    The below picture is the screenshot of the HTML inspection of our previous post, The Easiest Method to Watermark Photos On Windows Devices. I use Google Chrome to inspect the blog post.
    inspect Core Web Vitals of Blog and optimize



    You can see the major headline of this page uses the h3 tag. It is a big no for SEO.

    So, where is our precious h1 tag in this Blogspot template? Let me inspect the Blog name at the top of this page.



    You can see our precious h1 tag. It is a total waste to use the h1 tag for the Blog name on every Blogspot post.

    This wrong usage of the h1 tag on a Blogspot template negatively affects the Search Engine rank.

    Let me conclude the reasons why it negatively affects the SEO of a Blogger template.

    • Major headline misses the precious h1 tag
    • Duplicate h1 tag for every blog posts

    Let us see how to fix this big SEO problem.

    1. Login to the Blogger Account

      Log in to your Blogger account and click on the Theme  

    2. Click on the Three dots symbol near the Custom icon.


    3. Click on the Edit HTML from the menu

    4. Now click in the HTML code of the Blogger template and press the buttons [Ctrl] and [F] together to open the Search bar.

    5. Type the code provided below and press the enter key.

      <h3 class='post-title entry-title'>

    6. Continue your search till you find the block of code provided below.

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

      I had to press the enter key two times to find this block of code. Look at the screenshot for more details.
      How to edit Blogger template code


    7. Change the h3 with h1 in the code. Click on the Save button.
      Best SEO Optimization For Blogger



    8. Once you saved the changes, check if the post title becomes the h1 tag in the browser.
      Optmize Blogger for Mobile View


      See, it worked. But there is a problem. Right now, our Blogspot blog post has two h1 tags. The page headline and the blog name.
      One page must not have more than one h1 tag. It is an important rule.

    9. Remove the extra h1 tag

      To remove the extra h1 tag, you need to search the following code in the Blogger template HTML.

      Blog name and header


    10. Find the following code just below the Blog name and header, and change the visible feature to false.

      <b:widget id='Header1' locked='true' title='SysToSys (Header)' type='Header' visible='true'>


      The new code must be the one provided below.
      <b:widget id='Header1' locked='true' title='SysToSys (Header)' type='Header' visible='false'>
    11. Click on the Save button.



    By making this simple change in the Blogspot template code, we fixed the h1 tag problem permanently.

  2. Enable Meta Description tag on Blogger Posts
    In the classic Blogger templates, there was no option to add a meta description tag for each post. But, Blogger has enabled this feature on its latest themes.

    How to add meta description for your Blogspot posts? Follow the steps below to do it.

    1. Log into your Blogspot account

    2. Make sure you have enabled the latest Blogger by pressing the button, Try the new Blogger.

    3. Open a post to Edit, and click on the Search Description.

    4. You can add your post meta description in this field.


  3. How to Fix Blogger Template Responsive Issues?
    If you are using the official Blogger templates, you do not need to worry about the responsive design problems.

    However, if you are using a third-party custom Blogspot theme, you should check the Mobile Usability of your blog in your google webmaster tools account.

    1. Log into Webmaster Tools account

      https://www.google.com/webmastertools


    2. Click on the Mobile Usability
      How to improve the mobile usability of a Blogger Blog?


      Check whether the Mobile Usability feature shows any error. If it shows any error, you must fix it immediately.



  4. How to Fix ?m=0 Blogger Redirection Problem?

    1. Log in to your Blogger account and click on the Theme

    2. Click on the Three dots symbol near the Custom icon.


    3. Click on the Mobile Settings from the menu

    4. Choose the Desktop View for mobile users. Make sure your blog using a responsive theme before choosing this option.


    5. Click the Save button



  5. How to Improve Core Web Vitals

    You can check the Core Web Vitals of your Blogspot blog in the Google Webmaster tools account.
    How to improve core web vitals of my blog


    It will show you if any of your blog pages take more time to load. Since it is a big topic, I will cover this feature in my next article.


In this article, we have covered the important tips to optimize a Blogger template. Once you have implemented this guide, you can expect more Search Engine traffic to your Blogspot blog.

  1. Ping Request Could Not Find Host. Please Check the Name and Try Again.
  2. How to Fix the Ping Error Destination Host Unreachable?

Author Credential

Siju George is a Computer Engineer and has been in the industry for more than ten years.

He is an experienced coder with hands-on experience with optimizing both WordPress and Blogspot templates.

Siju George has been blogging since 2005, and an experienced webmaster with outstanding SEO skills. You can read more about him on the About Me page.

Post a Comment

3 Comments

  1. Thank you for this guide. I checked the H1 tag on my blog, you are right. I changed it by following your method. It works.

    ReplyDelete
  2. Thank you for your valuable comment.

    ReplyDelete
  3. For the Essential theme changing the gadget removes the theme header.

    ReplyDelete