How to Change your Blogger Title Tags

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.

About the Author

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.

Rim Blackberry Bold - May 12, 2008

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

Increase Breast Milk - May 12, 2008

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

Pradeep - May 13, 2008

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

Kashif - May 13, 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 .

Syed Kazim - May 13, 2008

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

Rob Woods - May 14, 2008

Great tip! Worked like a charm!

Dan Conderman - May 15, 2008

Wow, that was easy and worked like a charm!

The Google Helps all that ask of it.

–dan

Get It From Boy! - May 17, 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:

Get It From Boy! - May 17, 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:

meghnak - May 24, 2008

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

RingtonesZ - May 27, 2008

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

———–

[Keyword]

————-

Kher Cheng Guan - June 4, 2008

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

Please assist.

hey hey - September 21, 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!

Real Estate in India - October 5, 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

Michelle - October 11, 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

SnifferClub - October 12, 2008

Thank you for sharing. It works!

Kevin Zhou

Mon - October 15, 2008

Excellent little tip. Have implemented it.

Thanks.

Tony Chan - October 21, 2008

It works!!!!!

Hi Fi wallpapers - November 3, 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

dede - November 18, 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

SpinVin - September 5, 2010

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

SpinVin - September 5, 2010

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

Luis - October 4, 2010

Works great!
My recent post Call Transfer Feature

Konsultan Pemasaran - October 8, 2010

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

Rob - October 22, 2010

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

Blogger Tips Tricks - November 18, 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.

Lenny - December 13, 2010

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

Gary Graefen - December 21, 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

Jay - December 22, 2010

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

iTechSprout - December 23, 2010

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

funny jokes funny - February 19, 2011

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

yoku - April 3, 2011

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

Michael at BVC - April 5, 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

Jeff H - April 21, 2011

This worked perfect, thanks!

Katherine - June 9, 2011

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

samkadya - June 26, 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.

Comments are closed