Until recently, the title tags generated for each page of your Blogger blog would display the blog title first, then the name of your post.
This wasn't so good for SEO (search engine optimization) as this made keywords from your post titles appear after your blog title.
Luckily, Blogger have come up with a simple fix for this problem for those who use Layouts templates: the <data:blog.pageName/> tag!
This new tag is already installed for new blogs (or if you change your existing template to one of Blogger's default ones).
However, if you have customized your template or uploaded a third party template, you will need to change the original <data:blog.pageTitle/> to the new <data:blog.pageName/> tag for this change to take effect.
But don't worry: this is REALLY easy! Here's what you have to do:
- Go to Layout>edit HTML in your Blogger dashboard.
- Search for this tag:
<data:blog.pageTitle/> - Replace this tag with the following:
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if> - Save your template! (See, this is an easy hack!)
Once you've changed this tag, you'll see that on post pages, the default [blog name] page title format for your post titles in the browser window will be replaced solely by your post title instead.
This will increase the chances of your posts being picked up in search engine results for keywords which appear in your post titles (and can ultimately help draw more targeted traffic to your blog.
I hope this little trick will be useful to you all! And for the Blogger team (if you're reading this): Thank you!
Save as PDF
My name is Amanda Fazani and I write Blogger Buster to help other Blogger users make the most of their Blogger blogs.
Post a Comment 180 Comments:
I'm sorry I erased the previous comment, but everything was fine, until I noticed that, it works great on the different posts, but in the www.thepurpleblug.com it shows Mozilla Firefox(not so great).... I'm going back to the original code, please let me know how to fix this...
Thanks anyway...
Sorry about that, Ale!
I was so excited to see Blogger have finally implemented this that I hadn't noticed the glitch :)
I've updated the post above with a slightly different code snippet which will ensure your blog title appears on the home page, but not on post pages.
So far I've added this to two blogs and this works just fine. Let me know if there are any problems using this revised code!
Thanks,
Amanda
thank you!
works fine after you alter the code. thanks!
Hi Amanda
This is a good ,simple hack for blogger,i have translate it into Chinese and added it in my blog.
Thank you for your sharing.
The link: http://uphope.blogspot.com/2008/05/blogger_11.html
Ni and simple hack. Pretty helpful, Thanx blogger buster!!!
Amanda:
Sorry for the link is:
http://uphope.blogspot.com/2008/05/bloggertitle.html
Please delet the above link.
thanks .
First of all thanks for letting us know about this latest hack.
For me this is very important because when I had implemented one hack by many bloggers including b:section in the head part, traffic to my blog was increased considerably. When Blogger didn't supported b:section in head few months back, traffic again decreased. But now I hope this developlment will work very fine.
I used to use a similar hack with if conditions but Blogger suddenly did not allow ifs/elses outside the head section. Good thing it's back now! :D
Just came across this Blog. It will certainly be useful to me.
Will be checking in.
Banker
Thanks for the tip, but I can't find the tag in my template...is there any other way to go around that?
Keep up the great work!
Just a quick note for knuckleheads like me:
You need to replace the entire line "<title><data:blog.pageTitle/></title>" with the code you have above.
Including the surrounding <title></title> tags, otherwise they show up in your browser titlebar.
Anyway thanks Amanda, very helpful tips as always! :-)
I was getting on to say the same thing as julian above, that you have to replace the whole line. Without replacing the surrounding "title" tags, you get an awful "title" YOUR BLOG NAME when you open your site.
Awesome hack, though, thanks!
Thank you very much))
Thanks for this great hack! It works fine in both my blogs. I've also implemented some of your other hacks/recommendations and I'm loving them all.
Awesome! You are great guys!!! It wasn't something wrong with my blog, it was just me doing it wrong! :-p Now it works great...
Thanks! This is great!
Thanks!! I was wondering how to get this done.. Awesome!
Hi Amanda,
I'm typing a comment here to BEG you to check your email re: the Blue Steel template. I sent you two emails on the 9th.
Your site rocks!
This is definitely good help guide. Have been following your posts. They are extremely helpful. I have even implemented the tabbed navigation widget which is so useful !! :)
Works like a charm, Thanks for sharing.
This is simply amazing, Amanda.
I implemented it in my blog and, YES, it works with CHARM.
Many thanks for this great hack.
Cheers!
Amanda thanks for your great advice!
thanx! that worked beautifully!
As someone who gets a bit of revenue from google ads, this is good advice. However, before I try it, does it affect any links to and from my blog pages?
Hi Amanda, Hi have a problem, this tag "title" which appear before the title (of the blog or the post title). How to solve it ?
Hi Andrea,
Another great post, I say!
However, I did notice something in the Title tag: "title Alcarcalimo's....." did it supposed to have that?
Amanda, I love love love this site. and right now, i am confused. i can't find the < data:blog. pageTitle/ > at all. this could be because it's monday and i'm exhausted, but can you point me in the general direction?
If you can't find it, try this instead: http://blogfresh.blogspot.com/2005/09/page-title-optimisation-blogger-hacks.html
thanks synical! that worked!
Trust Amanda to always come up with the best hacks ever!!!
Thank you, Amanda! This is great to be able to do to my blog.
I tried and got the "title" in my title until I did what Julian said to do in his comment.
Thanks Amanda and Julian
hai Amanda..i try change my tag as u said and already edit my HTML code, but then in my blog it's just appeared like this : (title)~Hujan~
why it wont display my page name in that (title) column?
thank amanda! have a nice day!
Good Info Mate !!
Thanks :)
Wow thanks I love your blog :) God Bless You.
here in the UK I had to do something so much more basic on my blog a savvy 20 something asked me what’s a blog yesterday
thanks for coming over so quick and leaving your comment I am relatively new to blogging and any advice on improving what I am doing would be greatly appreciated, do you think I am linking too many pictures for instance
This kicked butt, thanks so much. Like many others before me have said, remember to delete the entire title line to avoid trouble. Thanks again!
Hi Amanda
I applied this to my blog, but opposed to what it was supposed to happen, I noticed a decrease in my traffic. So I checked on google, and I saw that my last posts are not indexed. Could this be for this change I made? Should I go back to my original code? Please let me know if this is a problem with this code or just a coincidence.
Thanks
Thank you Amanda and a special thanks to Julian (from one knucklehead to another;)
I was waiting for something like this to come along as my site name is loooong and always showed up in listings before the page title, robbing space.
Should be interesting so see what this does to my traffic. Will report back.
Plzz tell me how can we add widgets on few certain pages.????
plzz reply me at dude.veenu@gmail.com
Thanking You,
yours Faithfully,
Vinayak Goyal
For Vinayak:
It's possible to make widgets display only on the home page, archive pages or post pages (in general) using the <b:if> statement. I've got a post in progress about this which should be published in the next couple of weeks.
However, it's NOT possible to feature widgets (or indeed anything else in the template) only on one particular page/post in your blog.
Hope this information is useful to you so far. Please pop by again soon to read about the b:if (conditional statements) once I've had time to publish this.
Best wishes and thanks to everyone for your kind comments :)
Amanda
Hey Amanda,
I also wrote about Title tag on my blog. Just want to share the link with you: http://fragrancediva.blogspot.com/2008/03/title-tag-one-of-most-important.html
Your blog is fantastic and lovely, very useful as always ;)
thanks amanda! did it and it worked! :)
Thanks for this Amanda. It has helped some of my posts land in the top of Google's search.
However, the description that is shown in Google's search is the description of my site and not of the post itself. Why is this so?
If I remove the meta tag description in my template, will this do the trick?
Thanks and more power.
amanda thanks for tutorial,...how to crate tag posting..please send to my email dadiwaluyo@gmail.com..
Cool! I have several blogs that use the new XML layout and this works fine for them, but I have one that is still in the old Blogger format; how would I go about making this work for that blog?
Thanks in advance!
thank you
i have done, nice seo tips
This is neat! Thanks!
Thanks. I am newbie and tt works at my blog. Horeee.. This is my blog :
http://asmara-pengasihan.blogspot.com
Thanks again about this great tips, and once more there a lot to read, lucky me you have put some print this page widget so I can read it at work. Have your post about put the print on page button on blog? If so, I would like to know.
Thanks this works well for me...
it's so nice tips. Thank's Amanda, it's work
Refering to this post, I changed my blog title tag to show blog title following post title (psot title | blog title).
Thanks, Amanda.
Thanks for the tip! any tips on meta tag, Amanda?
But why don't you use this for your own blog? Isn't there an advantage to having the blog name in the title bar? I know zip about SEO so I'd appreciate your thoughts on that. Thanks.
Thanks a lot!
I have used your hack in my blog at
http://rakhi-sabant.blogspot.com
But i can't see any improvement!!
used your hack ... it works fine ... thanks Blogger buster!! you can check mine at dreadbob.blogspot.com ...
Bob
Thanks a lot for this awesome tip.
'Tried it in my new blog and it works great.
dude nice hack but not working fr me.....
dude nice hack but not working fr me.....
Been Using this, Superb work wonderfull...
But how to make it like yours...
Post title - Blog title - Mozilla
Thanks...
God! I learnt more about Blogger here than going to other sites!
Keep up with the quick tips on customizing Blogger! :)
This is a cool tip... thanks a lot. Aspiring bloggers like me can learn from here. Thanks a bunch Amanda. When you got the time, could you visit my blog to give me your opinion? Thanks in advance.
http://www.newgadgetsguru.com
Very Useful for Seo, thank your post!
Thanks millions! It works fine with my blog so far. Hopefully I'll pick up some PageRanks.
ok i did it now see what happens
nice post dude..keep on going
http://archillimanjaro.blogspot.com/
I can't find the Pagetitle tag in my layout. I have a third-party xml template. Please advise. Where would I find this?
Nevermind - I figured it out.
Thanks for the tip
Amanda,
this hack is great! Thanks for posting it for us. I will be checking closely to see if it improves my SEO.
My question is, your hack makes it show "blog post - blog name"; is there a way to change it to "blog post | blog name" or "blog post~blog name" ? And do you think that would make a difference in SEO?
Thanks!
www.desipopat.co.cc
THANKS. FINALLY I HAVE DONE ON MY SITE http://onlinecelebrities.blogspot.com THROUGH THIS POST.
BUT ONE THING YOU SHOULD ALSO TELL TO REMOVE THE TITLE AND /TITLE CODES. I WAS CONFUSED FOR A LONG TIME.
ANYWAY
THANK YOU.
http//www.desipopat.co.cc
I just used the hack using your instructions and now each page just shows Page name - Mozilla firefox. I thought it was supposed to show Page name - blog name - Mozilla firefox. Am I wrong? Am I better off not using it at all if I don't have the blog name there also?
Thanks for the help! Up until now I've never EVER had one of these "easy hacks" work for me - I've always blanked up my html beyond recognition and had to start over. You didn't include all of the necessary information but Julian really filled in the cracks. Thanks!
Very useful! but also include "< title >" and " < /title >" when deleting the " < data:blog.pageName/ > " code!
thanks for this!!
regards,
j
very clear tips amanda, i like it. It is very usefull. Thanks
Very useful hack
Thanks Amanda
thanks worked perfect
This problem has been one of my biggest beefs with Blogger for ions. I'm so glad I found this hack! Thanks!!!! (I'll let you know how it improves SEO!)
This works fine for me in IE, but in FF the page title is Mozilla Firefox. Is there a fix for this?
I have this already without having to change the title code. Weird.
I don't understand: what does this do exactly?
thanks a lot buddy :) this really helped me :) was struggling with that thing coz in stumble people who used to come to my blog used to complain that my posts and the blog tittle dont match .. thanks
http://chethstudios.blogspot.com/
Hi amanda
Can you please explain why the title tags can effect SEO. thanks.
Rai
thx a lot its very help me to improve my blog ^^
thanks amanda
i already change it
it work
best u
Thanks Julian! I kept getting the TITLE up there too.
Wow, thanks for these tips. I have followed your instructions and they worked well in my blog. Thank you very much.
Nice post. But its better to remove title and /title tags from the snippet bcz its already available in blogger templates and you have not asked to remove that tag.
Thanks!
Thank...
this good tutorial...
I will try
Julian, thanks for the extra tip - I was a knucklehead with the HTML.
Amanda, thanks so much - will be visiting often!
Hi Amanda. The title is like way that you promised, but my Google indexation worsened, so I can't recommend this Hack.
wow this post is cool, thanks amanda
I've been looking for this for ages. Thanks Amanda.
cyberst0rm
Thanks Amanda.. lovely blog..
I found your blog yesterday only and by this time i have read many posts.
My problem is that this hack is not working with my blog. if you can check my source and tell me what i can do about it..
i would be great full to you
my blog - http://hifiwallpapers.blogspot.com/
thanks for the hack...its working fine !!!
http://idledownloads.blogspot.com
What a nice tutorial for bloggers! I wonder why mr Google did not update it for us!
www.dadpal.com
thnx for this hack....i have applied this to my blog.. check my blog Direct Download Bollywood Movies
thanx you are so clever
wow nice tutorial
I THINK IT SAYS ...>T1TLE IF YOU USED THE FAV ICON ...........HACK
great! :) thanks for the tip!
I've been having trouble changing the title tags in Grid Focus. Did not find the pagename or pagetitle code from above.
To monitor my web blogpages i use the free tool web stats:
http://www.webseomasters.com/free-website-statistics.html
I realy helped me to improve my webpage rank on google.
thanks regards
blogger-godown.blogspot.com
Seems the "hack" works on older posts but not necessarily on newer ones. I have a widget that Wowzio that tracks live activity. I notice older posts show up as Post Title ~ Blog Title like the hack is supposed to do but newer posts just show up as Post Title. Prior to applying the hack they used to show up as Blog Title ~ Post Title. Have you noticed this with anyone else?
hii... when i used it... on my blog "< title >" tag appears before the actual title....what to do...
thanks mr..
Hi Avinash,
You also have to delete the "title" tags before and after this tag: "data:blog.pageTitle"
--and replace all of them with the new code.
Hello Amanda,
You've been an angel to me and my blogs as well.
Thank you so much for this!
Take care always.
Great post, great blog. Can't thank you enough for the little bits of help that have added up to making my blogging life a whole lot easier.
Keep it up!
when i applied the tags there is this "title" appearing before post titles in browser windows. i can't seem to get rid of it, spend so many hours fixing it but to no avail. could you help amanda?
http://abouben.blogspot.com
email me
wytbeach(at)yahoo(dot)com
thanks
Hello Amanda..
Thx very mch for this tips..works very vey well with my newest blog..check it here
http://hotels-malaysia-info.blogspot.com
I have Q'tion not related to this..
How much h1 tittle tag and alt tag improve our blog SEO ?
i cant do this..
after i alter the code i got in the same page title as
tamil,bollywood,telugu,actor|actress Wallpaper,Still,Gallery,Photo,boob,thigh,hot sexvideo
before that i had the page title as
tamil,bollywood,telugu,actor|actress Wallpaper,Still,Gallery,Photo,boob,thigh,hot sexvideo
I have one doubt.I have submitted my blog to google,there we have to submit our sitemap also.How to get sitemap for blogs through sitemap generator?
How to include that page?
It finally worked for my blog.
There was another title tag which was not letting this thing hack work. when i removed that tag it started working.
Just wanted to thank a previous poster Julian. I'm obviously one of those knuckleheads.
And thank you Amanda for the great hack.
Great work Amanda!
Thanks Amanda. It works for me. http://experiencedelux.blogspot.com
My customized title code indicate "data:blog.pageType" = "item" though, your "index" is better.
Thanks for the great tips.
Greetings from Oporto- Portugal...Great AMANDA!
Could you take a minute to look at http://sightxperience.blogspot.com/ ...I´ve inserted your code, but it seems I didn´t as it should be! Could you please check? Rgs
All the Best and Just the Best for 2009!
Hi, Thank you for this excellent information. Easily implemented.
It's work fine
Thanks
Amanda,
I am using your Super Template & the hack isn't achieving the expected results. The title still appears first as always. Seems like a simple hack but...Can you help?
Alan (happinesshelp.org)
Amanda,
Very Sorry!!!! I just posted a comment saying that the hack wasn't working for me. It is working just fine. My mistake! Sorry again.
Alan
three cheers for Amanda... hip hip hurray!!
http://sazidrahman.blogspot.com
THANKS FOR THE TIP!
Hello ...
Thanks for info.. it really work for myblog
wow,,very helpful...
I have successfully made the similar post in my language: Trik Title Blogger Agar SEO Friendly
I have successfully made the similar post in my language: Trik Title Blogger Agar SEO Friendly
yeah you must change the whole line with the above given code!
Though this hack is working for me but it does not work in chrome, anybody else having same problem, or some input from Amanda.
and I like your template too much, nice work!!
I have followed your instruction.Thanks for the tips.
Thanks buddy it works fine
thanx 4 share.
great tip
Great Info, thanks for sharing
amazing!!! i love the hack!
http://earningstudent.blogspot.com
You are a star! Thanks heaps. Nice hack to help with SEO
www.bizeblogger.blogspot.com
This Hack is perfect. It was exactly what I was looking for. Wordpress does this automatically in the SEO plugin. I think this is better. It leaves of the blog title that normally trails the post title that wordpress does.
Thanks
I am already using this hack for sometimes now and it works fine. What I wanted to do further was to have title for my 'label' pages as well which unfortunately I failed to achieve. I wanted the label name to appear in the page title when viewing label or category pages. Shed some light on this one if its possible.
thanku thanku thanku :)
I have found a lot of information that i looking for, especially for SEO in Blogger
Thank you very much
i need to change the "title" to "pageTitle" to make it work. wonder why was that?
Thank you Amanda, It work fine
Thans for all Amanda and friends. I notice that i have to replace all Tittle Tag NOT only data:blog.pageTitle
thank u so much for this very nice hack!! :) take a look a my blog.. :) i'm also using the recent comment widget :) you are so nice!! :)
Thanks for this.
It doesn't quite work on my blog. When a page loads, instead of displaying the page title it displays the URL!
Amy idea why this is? I'm using blogger template Sand Piper.
Thanks It was of great help .
live2health.blogspot.com
Hi! I found the code between title and /title. Do I place your code between them or overwrite the whole thing?
Thanking you for all your help in the past.
Take Care,
Peter
Hi! Sorry! Fixed the problem after reading Julian Schoffel's comment! Yes, I am a knucklehead - regards Peter
thanks amanda. its work for me..
thank four your tips. i hope it work on my blog.
tipsandcara-ngeblog.blogspot.com
Hey thanks Amanda for this wonderful tip.
Did this on my blog and works great.
Cheers,
Salil
thanks man :) Good job !
Hi,
Found your great blog & implemented the code. Not sure if it's working eg. I searched under Google for "Sushi Birthday Cake" or "Guide To An Authentic Louis Vuitton Bag" but nothing was linked to my blog "Luxury Haven".
Amanda or any experts, could you kindly check what went wrong? I'm really new to blogging. Thks so much!]
Blackswan,
http://luxuryhaven.blogspot.com
Hi there. I added this to my blog and it works great except that this: title with the (greater than and less than signs) appears before my actual title. Does this happen to anyone else? If so, how did you fix it?
Thanks i could added this code in my website.
http://www.worldgamenews10.blogspot.com
thanks it is very helpful for me
http://latestsongsmoviesvideos.blogspot.com/2009/04/azmat-e-mustafa-part-2-of-2.html
Muhammad idrees
thanks.
thanks for nice post,very useful
Thanks for your suggestion, i have been put into my blog at , please check master of blogging . . .http://make-money-online-gede.blogspot.com/
Wow! This tip u gave is superb. Your truely the best!!!
Thanks
Can the code be modified so that it displays the post title followed by the blog title?
such a nice information
thanks amanda
I'll gr8ful t you
i dont understan, i used this script before but no change
great, thanks
i will take amanda,,
Thanks for your suggestion
nc post
thk u
Thanks for your updated info on Blogger
I am very happy to visit ur blog.
Visit my READ18 Buzz
Here is a trick that I am using:
http://911-need-code-help.blogspot.com/2009/05/change-titles-of-blogger-blog-for.html
It shows that you can combine blog.pageName along with blog.title to put both items in the html title tag resulting in something like this:
my post title | my blog title
The home page will simply display:
my blog title
Thx after applying this in my blog www.newhackerszone.tk My traffic increased rapidly...
Thanks for the suggestion, I have had same issue with template tag.
thanks alot
http://www.ilsis.org
Thank you for the explination I wanted to fix it the last 2 months ,now I think I can do.
Thank you so much