SEO (Search engine optimization) friendly Blogger page title

Page title is the band of text that appears at the top of your web browser. More importantly is also the clickable link that shows up on the search engine results page (SERP). From an SEO (Search Engine Optimization) perspective, page title is the single most important element in your blog in terms of ranking well in search engines.

A keyword-rich, well-constructed page title can help boost your position in SERP listing and increase click-throughs. (Use a character counter to ensure your target keywords are included in the post’s permalink as well).

In Blogger, the page title of a post page is made up of blog title and post title, like in this:

unoptimized page title The example above is the search listing for a post titled “Import multiple blogs into Facebook via NetworkedBlogs”. Notice the important keyword “NetworkBlogs” is missing. That’s because Google only shows up to 70 characters of the page title in search results.  When the page title exceeds the limit, Google simply cuts it off. Unfortunately the victim (of being cut off) is the keyword-rich post title.

So what now, how do you show the post title in full without shortening it? Simple, just reverse the order. Put post title in front, giving it priority over blog title.

Here’s how you do it:

  1. Login to Blogger and click on the blog that you want to edit.
  2. Next go to Template > Edit HTML.
  3. Back up your template
  4. Look for the following lines in your template code:
    <title><data:blog.pageTitle/></title>
  5. Replace it with this:
    <b:if cond='data:blog.pageType == &quot;index&quot;'> 
    <title><data:blog.pageTitle/></title> 
    <b:else/> 
    <title><data:blog.pageName/> | <data:blog.title/></title> 
    </b:if>
  6. Save.

The code above will put post title in front of blog title on post and static pages.

Here’s the result:

optimized page title

You see now the post title is shown in full. The optimized page title is definitely better, more SEO friendly since none of the keywords are missing.

Tip
To further enhance your page title, you can add to it a keyword representing the subject of your blog. Let’s say your blog is about recipes, then you can simply add the word Recipes before each closing </title> tag, like this:
Recipes</title>.
That way all your page titles will contain the keyword “Recipes” even without you adding it in post titles.

Enjoy!

116 comments to "SEO (Search engine optimization) friendly Blogger page title"

Anonymous,  September 22, 2010 at 7:38 AM    

wow thanks man this will be great!

7ths September 22, 2010 at 10:30 AM    

regard your "...simply add Recipes to each ..."

there are two , need to add twice?

7ths September 22, 2010 at 1:45 PM    

it will change directly after I change the code?or need to wait a day or two for it to work?

@http://7ths.blogspot.com/, my blog still doesn't show the post title first~~ O,o?

Greenlava September 22, 2010 at 4:20 PM    

@7ths
Yup, in line 2 and line 4. Line 2 is for index pages, line 4 for other (post and static) pages.

Greenlava September 22, 2010 at 4:25 PM    

@Anonymous
Thanks for dropping by, whoever you are.

Greenlava September 22, 2010 at 7:26 PM    

@7ths
Look at top of your browser to confirm your changes.
As to your SERP listing, the change usually starts taking place in a day or two. It won't change all at once.

anuradha September 23, 2010 at 12:21 AM    

great tip cheers m8

Greenlava September 23, 2010 at 10:18 AM    

@anuradha
Great to have you here. Thanks for commenting.

Goldsoul September 25, 2010 at 9:57 AM    

Salam, great tip, Sir i have a problem with my blogger, i have more 130 pages but he show me only 101 how can i fix that please ?

http://hapatchan.blogspot.com

Greenlava September 25, 2010 at 11:33 PM    

@Bulma
Salam, are you saying only 101 (out of 130) posts got indexed?
Try submitting your blog site map in Google Webmaster Tools.

JAI September 27, 2010 at 12:47 AM    

Salam Bro,

Off Topix,you dari Malaysia Ker? Mantap wehh blog nie..

Greenlava September 27, 2010 at 5:36 PM    

@JAI
Thanks

Unknown October 3, 2010 at 11:37 PM    

Ok, took your advice, but I'm still getting the same thing when I like. I removed the ' on Gina's and made in Ginas which I really don't like, but if it helps.. Also, now when I go to my home page, it says Ginas Skinny Recipes twice at the top. What did I do wrong? Thanks for your help!

Greenlava October 4, 2010 at 1:18 AM    

@Gina @ Skinnytaste
After some further checking, I found this meta tag:
[meta content='Gina\'s Skinny Recipes' name='title'/]
Removing this line should fix it.
And about the duplicate blog title, there's a little mistake in the code in step 5. I've corrected it. Please recopy.

Unknown October 4, 2010 at 9:42 AM    

Thanks for your help Greenlava!! I made the changes and still have that problem with Gina\. Did I miss something?

Greenlava October 4, 2010 at 6:16 PM    

@Gina @ Skinnytaste
Strange...we've eliminated all suspects.
Does Facebook have a 1-800 number? :) If it doesn't I guess we're stuck :(

Golf Blogger October 5, 2010 at 10:49 PM    

Great tips - just put this on my blog now.

Why is the blogger.com SEO stuff so shabby by default?

Greenlava October 6, 2010 at 1:29 AM    

@Golf Blogger
Maybe because it's free? :)

Best Mobile Phones October 9, 2010 at 2:55 AM    

great. it's very nice post thanks for sahring this useful code.

die October 28, 2010 at 2:01 AM    

nice tutorial....
thanks for shering,

Donny November 8, 2010 at 6:44 PM    

hi greenlava...this is a nice post that I'm looking for...
I need your advise...why my Meta tag checker can not found my post. this massage appear :No meta-tags found on this address. help me please

Greenlava November 8, 2010 at 7:08 PM    

@Donny
Did you use the meta tag checker from SEO Tools page?
Make sure you omit "http://" from your blog URL.

SEO November 9, 2010 at 8:21 PM    

Thank you very much for your ideas to post comments.The content was really very interesting about SEO.I am really thankful to you for providing this unique information.

Adsense November 14, 2010 at 10:36 PM    

very nice article

Dora November 15, 2010 at 4:49 AM    

great stuff. i can't wait to see what's next on your blog :)

Greenlava November 15, 2010 at 3:25 PM    

@admin
Welcome and happy browsing :)

Nikhil,  November 20, 2010 at 1:09 PM    

hello,
thanks for the nice post :)
is there any way to show only post title not the Blog title.
Regards,

Greenlava November 20, 2010 at 4:47 PM    

@Nikhil
In code line 4, remove the blog title data tag. So in the end the code wil like so:
[title][data:blog.pageName/][/title]

Lord Ayyappa Songs Lyrics December 9, 2010 at 12:13 AM    

Thanks a lot...it working...excellent...

Regards
Lord Ayyappa Songs Lyrics Team

Liviu December 17, 2010 at 7:33 AM    

Thanks a lot.
This was exactly what I needed.
Great post - short and to the point.

Greenlava December 17, 2010 at 11:50 AM    

@Liviu
Welcome to Blogger Sentral, enjoy the tips. And thanks for commenting.

Firewallbypass December 23, 2010 at 5:41 AM    

cool post..man..post title really makes some decent traffic than blog title ...I implemented it..

Mistress Of The Castle January 17, 2011 at 12:19 AM    

Greenlava, I have to say this is the best help site I've seen out there. Keep up the good work. I'm implementing all this stuff. Thanks so much for sharing.

Priyanka rautela dhankar January 28, 2011 at 12:33 AM    

hey greenlava,
how will i know its working or not ??

Greenlava January 28, 2011 at 1:01 AM    

@Priyanka Rautela
Observe the text at the top of your browser while you view homepage and a post page. Notice the changes.
For SERP, enter this in Google search box:
site:YOUR_BLOG_URL
You can't expect SERP listings to change overnight. It will take some time for search engines to complete the update.

Kalyani February 17, 2011 at 8:44 PM    

hi... My blog title and blog description has completely vanished while I was formatting my blog today.. I am really anxious how to get this back !! pls help ASAP.. many thanks !

SEO May 5, 2011 at 6:44 PM    

I like these good ideas for SEO.
Our SEO team will do a target audience analysis for your website and will suggest you the web campaigns for more effective results. Website is finally submitted with various search engines and directories. Client is provided with the list of search engines and directories. Thanks share this amazing post at this site.

Satiutni,  May 10, 2011 at 8:45 PM    

Thank you for your wonderful clear advice, I have subscribed to email updates.

Anonymous,  May 27, 2011 at 4:35 PM    

This is great! My blog has a (nauseatingly) long name, and I've always worried it was getting in the way. Not any more! Thanks!

I am Blogger Indonesia June 3, 2011 at 9:56 PM    

Thanks you for sharing...

static website design June 24, 2011 at 7:17 PM    

Yes, i agree most webmasters make title more than 70 characters logn title so when their keyword dont rank they try to find out the reason so keep your title length within 60 characters because sometime if your last word is long that could be exceeded from 70 characters limit when it would be finish.

Like the idea. Thanks for sharing.

hl4v July 9, 2011 at 2:49 PM    

thanks !

Anonymous,  July 24, 2011 at 5:40 PM    

There's 2 {/title[. So where to put keyword? (in extra tips)

ecommerce website development July 26, 2011 at 5:52 PM    

It was a very good technique that Place a Blog title with Page title but it is little confusing for me because i have never observed this sort of experience.

Greenlava July 26, 2011 at 11:45 PM    

@Anonymous
Add to both.

Aazib July 31, 2011 at 7:56 AM    

Thank You I have searched 3 times on other blogs but their HTML code was not working an error occured. But when I tried your code it perfectly fine. Let's see it will work in search engine or not

ryte2byte August 3, 2011 at 11:08 PM    

Blogger's default setup has been bugging me for quite a while. Thanks for sharing this!

Unknown August 10, 2011 at 12:59 PM    

Love your site!
I applied the above code and don't notice a change to my static pages. Anything I should change?

SEO Company August 19, 2011 at 2:45 PM    

Thanks for your information given above, I have a question. How dose the site map helps website ?

Greenlava August 23, 2011 at 7:41 AM    

@SEO Company
Read about sitemap here: Submitting Blogger sitemap via Google Webmaster Tools

article submission August 29, 2011 at 12:33 PM    

Hi,
Thanks for all the information regarding SEO. I am pretty sure that this is indeed one of the finest blog posts that I have come across on this rare topic.
:)

SkyLine September 11, 2011 at 11:56 AM    

Hello, Greenlava
Iam to write my blog association word before [/title] but can't see any difference in google site:mywebsite search results

Thanks

Ariel September 15, 2011 at 2:39 PM    

Greenlava! I have a question!

Someone asked you above for not showing the "blog title", does it good or bad for SEO?

Greenlava September 17, 2011 at 4:30 AM    

@Ariel
It depends.
If the blog title itself contains relevant keywords, then it's better to include it. For example this blog, I include the blog title because it has the word "blogger" in it, which is relevant to almost all my posts (being a blog specializing in Blogger tutorials and tips for bloggers).
Say if I were to change my blog title to "GreenLava's Ramblings", I'd omit it.

Greenlava September 20, 2011 at 10:50 AM    

@SkyLine
I will take a while before Google updates the changes in search results.

staryus September 27, 2011 at 2:39 AM    

Thanks for information...

south african safari tours October 19, 2011 at 3:07 PM    

Great to know about the Title optimization in the Blogger Blog Posts. May we not finish the words of Blogger from the Title of Blogger Blog Posts.

Mr.Bhavesh October 22, 2011 at 8:43 PM    

Hi Greenlava.
Nice information for newbie and me too.
Can you please tell me how can I improve alexa rank for my blog??

uk time clock October 28, 2011 at 3:13 PM    

As title is the most important part of the search engine optimization, so this is the ever best practive you made here and also share but i think comparatively wordpress is more easier than Blogger because there you just need to add the plugin relevant to the needs of search engine optimization.

Kitchen remodeling Fairfax VA October 30, 2011 at 3:10 PM    

Very valuable and informative post. As i was having the same problem that hwo can i target maximum keywords in the title that cannot be cut off when it goes longer and comes in the end of the title.

roofing companies in northern virginia October 31, 2011 at 2:53 PM    

Almost one third space fills with the blogger's own title words. So i think either these words should be deleted or wordpress is better than this one. Although its a good formula that you throw the words of blogger title at the end.

Auto Glass Repair in Washington DC November 3, 2011 at 3:18 PM    

Title is a most important part of the SEO of any website because it shows in the snippet and user could know easily that this is a blogger blog but in wordpress user could not know from the snippet that this is a wordpress blog or website. Nice post you did that how to place Blogger words at the end of the title.

Greenlava November 4, 2011 at 11:43 AM    

@Mr.Bhavesh
It's explained in How to boost Alexa rank

Dumpster Rental Charlotte NC November 4, 2011 at 6:49 PM    

There are many webmasters claims that Blogger blog does not have much space to target the keywords rather than wordpress or any other blog.

Free Android Games November 6, 2011 at 11:58 PM    

Thank You I have searched 3 times on other blogs but their HTML code was not working an error occured. But when I tried your code it perfectly fine. Thanks again

dryer repair in fairfax va November 14, 2011 at 5:51 PM    

Page Title is first impression to the user of your website if it is as compelling for the user so it would open. User take very short time to review the title and then move on next.

Heating repair Reston VA November 19, 2011 at 5:24 PM    

Title is the first impression that compell the user to visit the website so it is more descriptive than with stuffed with keywords.

Metropolitan audio visual November 21, 2011 at 3:15 PM    

As far as online marketing is concerned. search engines dont follow the weaker sites in which more or excessive keywords have been targeted so having change the words of blogger in title is the good idea as far as SERP is concerned.

senior care washington December 16, 2011 at 6:43 PM    

Page title is the most compelling thing in the website as far as seo is concerned. Page title is the first impression for the users to click on the lind and to read.

Thanks for all of your work on this topic. I am looking forward to reading more of your posts in the future.

SEO Company Singapore January 9, 2012 at 2:57 PM    

Hi,

Unique content on every page is a key factor in SEO – this includes the title tags. Naming your titles correctly is one of many important aspects of SEO and mastering SEO will enable you to generate lots of free visitors to your web site. Thanks.

Unknown February 1, 2012 at 12:10 PM    

Yes i agree page title is one of the most important step for SEO improvement of your site

Nible February 11, 2012 at 2:50 AM    

thx alot

seo expert india February 24, 2012 at 7:50 PM    

Many people have been criticising the Google recent step updating algoridhm which is heavily depend on fresh and unique content. I would say that is a wise step as now it doesnt rely on bulk link building only.

JAI March 25, 2012 at 8:29 PM    

Salam,

Bro this part ""index"" just leave it as it is? or change to the blog name? Terima Kasih

mtg March 31, 2012 at 12:20 AM    

Thanks so much! I tried other peoples instructions but unsuccessfully. Your post was very helpful and I decided to share it with my readers by linking up with your post.

http://byebyesoccermom.blogspot.com/2012/03/blogger-tips-on-search-engine.html

thanks again!

Greenlava March 31, 2012 at 6:02 PM    

@Soccer Mom Style
Thanks for the linkbacks. I really appreciate that.

STC Technologies April 23, 2012 at 4:05 PM    

Nice work.

Online Tech Support May 12, 2012 at 4:51 PM    

great. it's very nice post thanks for sahring this useful code.

gamerap May 15, 2012 at 9:52 PM    

thanks for tutorial :)

souno May 16, 2012 at 5:38 PM    

Very nice and informative post and have huge effect on seo of blog

web desing Bangladesh May 20, 2012 at 3:26 PM    

a+ seo tips.. thanks

LOBUS GREEN May 24, 2012 at 10:54 PM    

Wonderful blog & good post.Its really helpful for me, awaiting for more new post. Keep Blogging!

Professional SEO Services

SEO Forum May 30, 2012 at 3:32 PM    

Very rare and descriptive article

Preity June 1, 2012 at 5:15 AM    

thank u for this i tried this yesterday & made all changes as said by you....but since today night i am seeing that some of the posts which were coming at no 1 position on 1st page are showing at no 2 or 3 pGE....SO LOW...WAHT COULD BE THE REASON ,.. A TEMPORARY ISSUE...also when im writing new post , the post title are shown in front..but no blog title appears after post title.check my blog here

http://makeupandbeautyarticles.blogspot.com

Greenlava June 1, 2012 at 4:29 PM    

@preity
Google will only show the first 64 characters from your title tag. If your post title is longer than 64 characters, then there is no more room for the blog title.
But look at it this way, people don't usually search for your blog title (unless your blog is super famous). What they search is the content of your blog, and if your post title is descriptive enough the keywords they use will be there in your post title.

Hammad Baig June 14, 2012 at 12:57 AM    

Thanks for this guide

SJDM June 14, 2012 at 8:33 AM    

Thanks for sharing this, I hope this will help my page in SEO.

Hvac system June 25, 2012 at 1:39 AM    

I am not Seo expert, but learning all the tips gradually to get high traffic to my blogger .I find your post amazing and hope to get positive results as written above.
Thanks buddy, God bless you always

WhyWeLoveGreen June 29, 2012 at 11:49 AM    

Thanks! Very easy to do with your code and, looking at the tab in my browser, seems to have worked!

Just wish to say your article is as amazing. The clarity in your put up is simply spectacular and that I could assume you are knowledgeable on this subject. Page title is the most convincing thing in the website as far as SEO is concerned. Page title is the first impression for the users to click on the website see and to read.

sitetrafficblog July 31, 2012 at 11:11 PM    

thanks for the interesting info keep up the great blogging

Anonymous,  August 26, 2012 at 1:03 PM    

Thank you for this post! Very helpful! I just used the codes. God bless!

George September 11, 2012 at 8:59 PM    

Thanks I was looking for a way to swap the blog title and blog post title position for blogger. Now its working fine.

Fignerprint time attendance November 10, 2012 at 1:13 PM    

very useful information. i will do it as you said for my website. thanks for sharing

Gabriel November 24, 2012 at 5:11 AM    

thanks for sharing this.... i have just done as you said

batik solo November 27, 2012 at 11:41 AM    

Page title is the most convincing thing in the website as far as SEO is concerned. Page title is the first impression for the users to click on the website see and to read.

Website Design Company Delhi December 1, 2012 at 11:20 PM    

Very Informative blog ....

Thanks for Sharing !!

Groom Speech December 4, 2012 at 4:33 AM    

thanksss

Unknown December 6, 2012 at 7:51 PM    

Thanks for the tutorial.. :)

Anonymous,  December 20, 2012 at 8:36 PM    

Nice..:)

Web Development Company Faridabad December 31, 2012 at 7:56 PM    

Nice Blog

Gaurav January 2, 2013 at 10:58 PM    

Thanks dude

Website design company delhi January 11, 2013 at 7:46 PM    

Nice share of information :)

Nikon Lenses February 8, 2013 at 8:13 PM    

It is great blogger tip.

Maia,  March 27, 2013 at 2:11 AM    

Hi Greenlava,

Please excuse if my question is off topic here.
I would like to optimize my post titles with h1 tags only on post pages, just like here, on your blog.
I was looking for a post here with the conditional tag and where to place it in the template without messing everything up.

Would it be too much to ask to share the code?
I'm using layout template (customized Minima). I manage the CSS part but not sure of the conditional tag.

Many thanks in advance.

Unknown April 15, 2013 at 1:24 AM    

you are nice brother showing the result also to a layman like me :P

Pengguna Komputer May 1, 2013 at 3:22 AM    

Thank you so much, for your information. Good Share

jasa desain rumah May 2, 2013 at 10:13 PM    

TERIKASHIH INFONYA SEMOGA BERMANGFAAT

Magic Submitter May 19, 2013 at 12:39 AM    

Thank you for your information

Website Marketing June 6, 2013 at 2:29 PM    

Informative post. It's a big help for my website.
Thanks for share!

JennySamuel July 17, 2013 at 5:49 PM    

Optimized title is one of the best way to attract more users toward your website. Include your target keywords on the title to improve your rankings, but be sure do not stuff your keywords into it.

RK October 16, 2013 at 11:06 AM    

Hello Greenlava, I have been following this tip ever since two years from now. I have seen a different strategy applied to your blog. I mean, on home page, you blog's description is also displayed in the tile. In the article you mentioned only the blog title. Can you please let us know the work around to display blog title and description for home page? Thanks,

Greenlava October 24, 2013 at 11:05 AM    

@Rakesh Kumar
You add the description text manually, as I explained under "Tip" at the end of the tutorial. In my case I replaced code line 2 (that adresses homepage and other index pages) with this:
<title><data:blog.pageTitle/> | Blogging tips, tricks, tutorials and widgets</title>

Regina and Tin March 12, 2014 at 11:35 PM    

Thank you! It works perfectly.

Post a Comment

We love to hear from you! Leave us a comment.

To ensure proper display, HTML/XML/Javascript need to be escaped first using this escape tool.