Tweak My Blogger: Post Title Before Blog Title

This tweak has been around for years and is said to help your blog in search engines. I believe this is a debatable subject of opinion in which I choose to keep my blog title first. But I believe this all has to do with the titles of your blog and post to decide which is better for you.

For an example my blog is titled "Tweak My Blogger" which is a catchy name that uses 3 words and would commonly be used in Google when looking for Blogger help. So in cases like this it might be better to leave my blog title first. But if you have a blog title like "Jane Science" and your blog is about earth space science, then it might be better to place the post title first. Jane's blog post might be titled something like "Saturn's Rings" or "Jupiter's Red Spot". People will commonly input these in Google search over "Jane Science".

Google will only display a maximum of 70 characters for the titles in the search results. So if you have a long post title or blog title then having your post title displaying first might be better. So I will show you some examples of how this would work below.

Lets say I have my post titled as...

Hundred Ways to Tweak Your Blog For Search Engine Optimization

This is 63 characters and when the blog title is added it will be 80 characters. So Google will not display this full title correctly but instead display as...

Tweak My Blogger: Hundred Ways to Tweak Your Blog For Search Engine ...

But if we were to add the tweak mention later, this post would display as...

Hundred Ways to Tweak Your Blog For Search Engine Optimization | Tweak ...

As you can see the blog title is now cut off which is not a good thing.

Now that you understand the purpose of this tweak I will explain how to do this tweak.

First you need to go to Design--> Edit HTML

At the top of your template you should see a code similar to this below.

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Replace the red line with this code below.

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

You can change that blue line to any thing you want. Some people prefer the (~) symbol over the simple line (|)

After that your done and all you have to do is wait on the search engine to pick it up which can take a week or so.

10 comments:

Muhammad Haseeb JavedMar 23, 2011 11:32 AM

thanks for this
AnonymousApr 18, 2011 04:47 AM

thx a lot dude
works like a charm....
Cheers
psykonimusMay 1, 2011 03:52 PM

This is awesome. Do you know how can I make this work to include the static pages?
googlepandey.co.inJan 23, 2012 09:12 PM

thanks..it was very easy to tweak the code as you explained very beautifully...
Stephan SchielkeFeb 16, 2012 12:58 AM

Thanks! Did the job!
I am now waiting for the first search engines to catch up.
DesiPort AdminMar 10, 2012 10:17 AM

thanks
pinoydaytripperMar 21, 2012 11:18 AM

done it! thanks :)
SALMAN BAIGMar 21, 2012 11:49 PM

More than one widget was found with id: HTML7. Widget IDs should be unique. my blogger error with this
AiresOFwarMar 22, 2012 07:05 PM

Make sure your using the old Blogger interface as the new one is a bit buggy.
Pete KosednarMar 24, 2012 07:18 PM

Thanks! Just added your code.

Tweak My Blogger

Search This Blog

Pages

Post Title Before Blog Title

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

10 comments:

Pages

Post Title Before Blog Title

<head> <b:include data='blog' name='all-head-content'/><title><data:blog.pageTitle/></title>

<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>

10 comments:

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>