PureNews

PureNews is an amazingly sleek and powerful news theme with unlimited color variations.

View full feature list Check out the live demo Buy this theme today

How to Change your Blogger Title Tags

Posted by on 12th May 2008 | 36 comments

Those of us using Google’s Blogger platform have previously been unable to change our title tags to optimize them for better rankings in search engine results. Until recently, our blog name appeared in the title before the actual name of our posts, like this:

Blogger Generated Title

Luckily, the Blogger team have created a new template tag which generates title tags differently, allowing you to feature only the post name as your page title, like this:

Better title tags for SEO

This option is much better for those hoping to optimize their Blogger templates for better rankings in search engines. Google and other search engines will use the title tags of your post page to find the most suitable results for searches, so using this technique ensures keywords in your post titles are discovered more easily.

For those creating new blogs with Blogger, or those who change their template to one of Blogger’s default designs, these tags will already be included in the template’s HTML code.

However, for those already using Blogger (or who decide to use a customized template) you will need to make a small (and very easy) alteration to your template code for these new title tags to work.

Here is what you should do:

  1. Go to Layout>Edit HTML in your Blogger dashboard.
  2. Find this line of code:

    <title><data:blog.pageTitle/></title>

    And replace this entire line with the following section of code instead:

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

  3. Finally, save your template.

That’s all you need to do!

Now when you view your post pages, you won’t see your blog’s title appear before your post titles in the browser bar. Also, search engine spiders will discover keywords in your post titles more easily, which over time may result in an improvement in your rankings of search engine results (providing of course that you try to add keywords in your post titles which are relevant to the content of your articles!).

A quick note about this method:

Blogger announced this new title tag in their recent bug fixes post. The method described above will ensure your blog’s title appears on the home page, while the <data:blog.pageName/> tag will appear as the title on post pages.

Although the bug fixes post seems to suggest that the original <data:blog.pageTitle/> could be replaced with the new <data:blog.pageName/> tag, this simple replacement doesn’t (yet) generate the title of the home page.

So the method I have described here is a workaround which can be used to ensure the blog title does appear in the browser bar on the home page. Without this tag, searches for your blog name would not render the correct results!

I hope this post has been useful for you. Please let us know what you think about this technique (and any tips you may have too) by leaving your comments below.


Amanda is a freelance blogger and web/blog designer. She writes about Blogger at www.BloggerBuster.com and maintains several other blogs on various subjects.

36 comments - Leave a reply
  • Posted by Rim Blackberry Bold on 12th May 2008

    Thanks for your tips, I will try it on my blogspot blog.

  • Posted by Increase Breast Milk on 12th May 2008

    This is a great tip. Thank you, I will be implementing this on my site real soon.

  • Posted by Pradeep on 13th May 2008

    Thanx for the tip mate added the code in my blog template :razz:

  • Posted by Kashif on 13th May 2008

    Thanks for sharing this Amanda !

    I have been looking for a tweak like this for a long long time :razz: .I have applied it to my blogger blog and it works well .

  • Posted by Syed Kazim on 13th May 2008

    Great tip! Thanks a lot! Will definitely change the code in my template.

  • Posted by Rob Woods on 14th May 2008

    Great tip! Worked like a charm!

  • Posted by Dan Conderman on 15th May 2008

    Wow, that was easy and worked like a charm!

    The Google Helps all that ask of it.

    –dan

  • Posted by Get It From Boy! on 17th May 2008

    i don't see anywhere in my blogger template, i am using a new custom template, but yeah, it always has my blog name before blog post in google search results, so i really need this, but i don't see the above line.. :cry:

  • Posted by Get It From Boy! on 17th May 2008

    nevermind, i found the line, it's at the very top, in the head section, meta. thanks so much for this..very very helpful..great tip for Blogger users too..i thought you only help wordpress users, which i have wp blogs too…thanks :wink:

  • Posted by meghnak on 24th May 2008

    Thank you for sharing this. I've changed the title tags of my both blogs in a breeze using this method.

  • Posted by RingtonesZ on 27th May 2008

    Wonderful ! It's working! Thanks. Just for addition, you can add keywords for your main page as follows :

    ———–

    [Keyword]

    ————-

  • Posted by Kher Cheng Guan on 4th Jun 2008

    Why is it that on my browser bar it shows: the post title followed with # links#links

    Please assist.

  • Posted by hey hey on 21st Sep 2008

    I've tried exactly what you posted here and it works wonders! I've found many sites that talk about how to change the title but they are all outdated blogger versions. Thanks!

  • Posted by Real Estate in India on 5th Oct 2008

    Thanks a lot for the tip. It helped me well….

    And I wondering how to get it done for quite some time now.

    Cheers,

    Nitin

  • Posted by Michelle on 11th Oct 2008

    hi, im currently using this designed layout but in the html code it hides my blog post titles. I want them to show again so can you please help me to find this particular code that will make the post titles show.

    thank you :3

  • Posted by SnifferClub on 12th Oct 2008

    Thank you for sharing. It works!

    Kevin Zhou

  • Posted by Mon on 15th Oct 2008

    Excellent little tip. Have implemented it.

    Thanks.

  • Posted by Tony Chan on 21st Oct 2008

    It works!!!!!

  • Posted by Hi Fi wallpapers on 3rd Nov 2008

    Dear Amanda,

    I tried this with my 3 column template but it is not working.

    can you helpby checking my page source.

    thanks in advance

  • Posted by dede on 18th Nov 2008

    thanks amanda, fro your tips. I came across many website to search the info how to make page title to be appear on search engine, but i just got it understand your tutorial,…thanks again great job

  • Posted by SpinVin on 5th Sep 2010

    wow! cool the first one that works for me thank for the info ::)))))

  • Posted by SpinVin on 5th Sep 2010

    wow! cool the first one that works for me thank for the info ::))))) http://hotfacebookwomen.blogspot.com/

  • Posted by Luis on 4th Oct 2010

    Works great!
    My recent post Call Transfer Feature

  • Posted by Konsultan Pemasaran on 8th Oct 2010

    It works… Thanks a lot Sis.
    My recent post Memindahkan Pengaturan WordPress Yang Sama Ke Domain Lain

  • Posted by Rob on 22nd Oct 2010

    These are some good tips – just what I was looking for. Thanks!

  • Posted by Blogger Tips Tricks on 18th Nov 2010

    Many webmaster write post about swapping post title with blog title. Your post is nice one. you did change post title with blog title which is better than swapping due to 65 character criteria of post title. To create this for your static pages see my recent post.

  • Posted by Lenny on 13th Dec 2010

    Fantastic tip ! thanks a million !
    My recent post My favorite mountain bike trails in the UK

  • Posted by Gary Graefen on 21st Dec 2010

    I prefer this code-it includes a custom meta description for each blog post
    <title><data:blog.title/></title>

    <b:else/>

    <title><data:blog.pageName/></title>

    </b:if>
    <META NAME='description' expr:content='data:blog.pageTitle + &quot;politics,global warming,death,living,video,stories and More! &quot;'/>

    put your content descrp where the words are in quotes
    My recent post How To Make Money Online Working At Home

  • Posted by Jay on 22nd Dec 2010

    Thank you very much! I was concerned about this issue.

  • Posted by iTechSprout on 23rd Dec 2010

    Thanks for this fantastic tips.
    I have applied this on my blog. :)
    My recent post Greater Efficiency with the New Adsense Interface

  • Posted by funny jokes funny on 19th Feb 2011

    i am getting error please help me error is something like LHS error
    My recent post Why Girls Hate Winds-funny skirt prank

  • Posted by yoku on 3rd Apr 2011

    OMG… its really easy n usefull.. thanks a lot sis….
    My recent post Cricket World Cup Final 2011

  • Posted by Michael at BVC on 5th Apr 2011

    Amanda –
    What if I want my page title on the home page to say more than just my blog name.
    For instance:
    DIY, Upcycle, Design and Crafts: Blue Velvet Chair

    How would I get the code to work then? I have tried some variations with the code you provided, but with no luck. This is what my code currently looks like:

    <head>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
    <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
    <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

    Thanks in advance for your help.
    Michael
    My recent post DIY Meets Design

  • Posted by Jeff H on 21st Apr 2011

    This worked perfect, thanks!

  • Posted by Katherine on 9th Jun 2011

    It worked very well and my rankings have improved. Thank you!

  • Posted by samkadya on 26th Jun 2011

    You are spot on. I recently changed the template for my blog http://www.cureyourself.net and did not notice that doing so meant that I lost my orevious html changes and that my blog title was appearing first in search results before the post title. To cut the long story short my organic traffic decreased by 50 % and it is that drop that led me to find out the reasons behind such a drop.