Add Seo Optimized Title Tag in Blogger Using Conditional Tags


SEO Optimized Title Tag in Blogger Using Conditional Tags

Title tag is an HTML element that lies in the head section of the HTML code of your blog template. You might have searched anything on Google and come across blue headline that tells what the content is gonna be about when someone clicks on it, yes that's a title TAG!

You could find title tag in search engines results pages (SERPs), on the tab of your web browser and also in social media posts. The reason why title tag is given so much consequence is because they tell so much about your webpage to the web crawlers.

Blogger interface doesn't allow you to add custom title tags for your posts but you can add custom title tag for different pages like index pages, static pages, label pages by altering HTML code in your template for better SEO. So this post will guide you how to add SEO optimized title tag in Blogger using conditional tags.

Note: This is the first tutorial across the web which is highlighting this issue and proposing solution to the most optimized title tags for Blogger specific pages.

Title length for search engines:

Before I tell you how to change title tag in Blogger using conditional tags for better SEO, it is very important for all of you to know the title length that you should use in your blog posts for web crawlers to better crawl your title and display the proper length in SERPs.

Moz reports that Google typically shows 60 characters of your title tag in SERPs so next time you write post title make sure your title don't get cut off in search engine results page. You can also use our handy characters counter tool for that. 

SEO Optimized Title Tag in Blogger
 

How to add SEO optimized title tag in Blogger:

Now it's time to add SEO optimized title tag in blogger using conditional tags. Conditional tags are the tags that we use in our template for targeting specific pages on our blog. In this tutorial, we will target those specific pages using conditional tags and specify title tag for each of them separately. 

The reason why we are doing this is because blogger templates are not well optimized and designers due to lack of SEO knowledge don't end up optimizing them properly. So we need to optimize them for better SEO and help web crawlers easily crawl our webpages.

Note: All premium blogger templates that you find online are not fully optimized!

Now let's start and just follow the simple steps:
  • Go to your Blogger account > Theme > Backup Template.
  • Click on Edit HTML   
  • Search similar code below in the <head> section of your template  
 <title>      
        <b:if cond='data:blog.pageType == &quot;index&quot;'>       
            <data:blog.pageTitle/>       
        <b:else/>  
            <data:blog.pageName/>   
        </b:if>       
    </title> 
 
  • or this code or similar to this one
<title>
        <b:if cond='data:blog.pageType == &quot;index&quot;'>
            <data:blog.pageTitle/>
        <b:else/>
            <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
                <data:blog.pageName/> - <data:blog.title/>
            <b:else/>
                ERROR 404 - <data:blog.title/> 
            </b:if>
        </b:if>
    </title>  
 

  • and replace any of the above codes with this optimized code
<!-- SEO Title Tag by TopEarningBoy-->

<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></title></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/></title></b:if>

<b:if cond='data:blog.pageType == &quot;archive&quot;'><title><data:blog.pageName/> | TopEarningBoy</title></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><title><data:blog.pageName/></title></b:if>

<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchLabel'><title><data:blog.pageName/> | TopEarningBoy</title></b:if></b:if>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'><title>ERROR 404 | TopEarningBoy</title></b:if>

<b:if cond='data:blog.searchQuery'><title><data:blog.pageName/> | TopEarningBoy</title></b:if> 

<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.url != data:blog.homepageUrl'><title> | TopEarningBoy</title></b:if></b:if> 

  • Replace TopEarningBoy with your blog title.
  • Save your template and your are done!

If you think <title> tag is not necessary then I am afraid you are wrong because every single page of your blog must have a title tag so above optimized code will target specific pages on your blog and specify title tag for them separately.  

Sometimes title tag of your item pages ( posts or static pages ) contains blog title with it which is not a good SEO practice because if you have a long blog title then you can't add it to every single page of your blog. Therefore above code will optimize your post title and prevent it from looking too long in SERPs. 

 Feedback:

This is kind of unique SEO tutorial that we have shared and if you find it useful then link back to this page. If you still have any query regarding this topic then throw your comments below. I would love to answer!

If you like our tutorials then don't forget to follow us on Facebook and Twitter. We are always active to help and live up to your expectations!

No comments:

Powered by Blogger.