Optimizing new Blogger title tags for SEO

By default, the title tags that Blogger uses are less than ideal. Search engines put a lot of value on your title tags, so it’s worth taking some time to make sure that they’re set up correctly.

When I initially set up my blog, I set the title to "Young Technologies Tech Blog". Look what happened in the search results:

Blog Google Results

YUCK! There are two major problems here. The first is that the titles are not at all useful to a human. How would you expect anyone to click on titles like this?

The second problem is that my title tags don’t tell Google anything interesting about my site. You want the search engines to figure out the keywords in each of your pages, and having those keywords in the title reinforces that.

In "classic" blogger, you would simply use

<title><br /><mainorarchivepage><$BlogTitle$></mainorarchivepage><br /><itempage><blogger><$BlogItemTitle$></blogger> - <$BlogTitle$></itempage><br /></title>

instead of:

<title><$BlogPageTitle$></title>

This would use the title of the post item as the title of the page. The problem is the "new" blogger has a completely different template system. Be sure to back up your template before editing it! Here is what I did, step-by-step:

  • Shorten your actual blog title. I was unable to figure out how to remove the blog title from each post page, without losing the post title. Unfortunately Blogger doesn’t have a token for the item post title. For my blog, I changed the title to "YTechie.com", which I think is a reasonable prefix for my post page titles.
  • Customize the title tag in your template. Do this by editing the HTML, expand the widget templates, and put the following code in place of the existing title tag. This will allow you to have a custom title just for the front page.
<b:if cond='data:blog.pageType == &quot;index&quot;'>
 <title>Front Page Title (change this)</title>
<b:else/>
 <title><data:blog.pageTitle/></title>
</b:if>
  • In the code above, put in the title you want for the front page. Try to keep it around or under 66 characters. For additional guidelines, consult this guide.
  • Since you changed the title of your blog to something shorter, that will show up in the header as well. To customize the header text, replace this:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
   <data:title/>
 <b:else/>
   <a expr:href='data:blog.homepageUrl'><data:title/></a>
 </b:if>

With this:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
   This is my header title (change this)
<b:else/>
   <a expr:href='data:blog.homepageUrl'>This is my header title (change this)</a>
</b:if>

Kick It!

12 Comments so far »

  1. Blogspot blog drops out of Google - expert opinions sought - WebProWorld said,

    Wrote on August 4, 2008 @ 5:29 am

    [...] need to edit the source code to swap the blog name and post titles around on the posts. see here Optimizing new Blogger title tags for SEO and a few more decent inbound links wouldn’t hurt you either. what are you using to monitor your [...]

  2. Salome Ada said,

    Wrote on September 1, 2008 @ 4:40 am

    Thanks for the great information on Blog. This information helped me for my some websites Blog:

    SEO India is largest SEO Company in India, SEO Firm India provide SEO services by SEO Firm India, SEO Company India, SEO Company India, SEO Consultant India

  3. rajesh n said,

    Wrote on January 6, 2009 @ 9:50 am

  4. brennan said,

    Wrote on May 4, 2009 @ 2:12 pm

    Thanks for the code, but the second part refering to the header, I don’t have anything that looks like that in my html. The closest thing is

    b:if cond=’data:blog.url == "http://domain.com/"
    meta content=’DESCRIPTION’ name=’description’/
    meta content=’KEYWORDS’ name=’keywords’/> </b:if
    b:if cond=’data:blog.url == "http://domain.com/your post name.html"’

    Not sure what to do about that. (modified html for post , cut out

  5. Idevackteence said,

    Wrote on June 29, 2009 @ 7:56 pm

    Questions and answers about Beach hotel southern california and On the beach poster http://beach.goodnanoav.com/

  6. sandrar said,

    Wrote on September 10, 2009 @ 9:38 am

    Hi! I was surfing and found your blog post… nice! I love your blog. :) Cheers! Sandra. R.

  7. John said,

    Wrote on October 10, 2009 @ 6:33 am

    I’m using this service to monitor my website’s position – http://monitor.mazecore.com . They provide rank and uptime monitoring with alerts, but position monitoring on free account is enough for me. I recommend this service with free tariff for your website.

  8. Online Car Insurance >> http://onlinecarinsuranceclaims.com/ said,

    Wrote on November 23, 2009 @ 4:30 pm

    [... - http://www.ytechie.com is other useful authority of information. Car insurance claims [… -

  9. dr sai said,

    Wrote on January 12, 2010 @ 2:43 pm

    good idea

  10. Yana said,

    Wrote on December 25, 2010 @ 3:53 am

    This is a very useful post. My new blog need this for SEO friendly,, thanks!

  11. wholesale ralph lauren said,

    Wrote on February 2, 2011 @ 1:58 am

    I image this could be numerous upon the written content? however I still believe that it can be suitable for just about any form of subject subject matter, as a result of it could often be pleasing to decide a warm and pleasant face or possibly pay attention a voice whilst preliminary landing.

  12. henks said,

    Wrote on March 24, 2011 @ 5:17 pm

    that’s very nice, i will implant it on my blogs

Comment RSS · TrackBack URI

Leave a Comment

Name: (Required)

E-mail: (Required)

Website:

Comment: