Post Title First + Blog Title Later = Traffic (Blogger)

Blogger / Blogspot default setting defines that in search results, your blog title will appear first then followed by your post title. It is not effective because people tend look for specific contents, which is located inside one of your posts and not represented by your blog title.

Our website is also not alone in search results, there are others’ too and we have to compete healthily for traffic. Also, the last part of our title might be omitted if search engines consider that our title is too long. It is a big problem if the blog title appears in the beginning, and the post title that represents the contents appear last (and omitted partially). Therefore, it will be great if the title introduces the contents directly (first), and show the blog title later (and omit-able).

For example, if you have a blog named “Computer Hardware Reviews” and you wrote a post titled “Top 10 Best Processor of 2008”. Then someone uses search engine and types “best processors 2008” in the search query, normally, your site will appear in the search results as:

Computer Hardware Reviews: Top 10 Best Processors of 2008
The description of the blog

Seems OK? Nope, it is a disaster if the search engine consider the title too long and omit some part of it like:

Computer Hardware Reviews: Top 10 Best...
The description of the blog

"Top 10 best what??" is what your potential visitors will say before clicking another title, which contains more clarity.

Relax, with a little modification, we can set the title to appear as:

Top 10 Best Processors of 2008 ~ Computer Hardware Reviews
The description of the blog

And if search engines think that the title is too long and then omit some part of it, don't worry. The title will still be representative enough as:

Top 10 Best Processors of 2008 ~ Computer...
The description of the blog

This second type of title appearance pattern certainly performs better in introducing its contents in search results. Contents are first, and blog title later, so that potential visitors can get clear information about the contents fast and effectively.

Interested? Here is how we do the trick:

First, we need to access “edit HTML” from “Layout” section of the dashboard. Leave the “expand template widget” un-checked, since we do not need to alter any elements of the widgets. Then we need to find these bold codes (located in the upper part of the codes; head section), which is responsible in setting the title of the pages in our blog:

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

Then we need to change them with these codes:

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

Therefore, the resulting codes will look like:

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> ~ <data:blog.title/></title>

Then save the template, and the next time a search engine crawl your blog, the new setting will be applied handsomely.

Options: the character ~ are shown directly in the title and does not represent any code, so you can change it with another characters like @, -, |, #, etc if you wish.

You can check whether the codes are working or not by opening one of your posts, and observe its title on the upper part of your browser. For example, in Mozilla Firefox (that I use myself), we can view the title of the page near the upper border of the window (with dark blue background).

Having any difficulties? Feel free to use the comment box.


Guru said...

Isaac, I tried the html code in your post above and got an unexpected result. Instead of displaying the site name on the Mozilla tab, it displays the following code:

[data:blog.pageTitle/] (had to replace "<>" with "[]")

Even when I pasted the original code back in to the template, it still displays the above code.

How can I get the original name to display in the tab again?

Isaac Yassar said...

@Guru: After I checked your blog and one of its post and compare the page source with mine (and my template codes which works). I found slight errors in the codes inside the post. Now I have corrected the codes and you can try it. I'm sure they'll work well (like mine).

If you want a fast way to recover your template (and your page-title), you can upload your last template back up before the change. I you do not have it, next time, always download full template from "Layout" >> "Edit HTML" before making any changes (just in case).

Then open your blog's current page source, and choose a new template from layout (from blogger dashboard) - choose the same Roundman, then copy all the necessary codes to your new Roundman template (from your old page source).

However, I hope that you would like to try the new codes inside the posts. As they work fine on mine, they should work well too on yours.

Is this solves the matter? If not, feel free to contact me. I'd be glad to help you.

Anonymous said...

I am trying to optimize my blog, and I've changed the coding so that my post title appears before the blog title. Now what I'm wondering is whether the same idea can be applied to the labels section. When I click on a label, the blog title appears before the label title. Is there any way to reverse this, as was done for the post title?

Thanks, K.

Isaac Yassar said...

@Anonymous: Yes, it can be applied in labels section too. To do it, change the added codes with (only) these ones:

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

Here, we do not use any conditional like the codes inside the post. Therefore, the setting will be applied to everything in your blog, including labels. I have tested this myself and it works.

Gokul said...
This comment has been removed by the author.
Travel Macedonia said...

Thank you for the info.
But, do you have any solution how to do the same thing in the old Blogger templates (i.e. Template ---> Edit HTML).
Thanks in advance for the answer.

Greetings from Macedonia!

Isaac Yassar said...

@Travel: I'm sorry, I don't currently have the method. You can try to ask in Blogger Help Group.

indefatigable said...

Thank you Issac, It has got me amazing results for my blog.

American Therapy Jobs said...

Hi Isaac Yassar,

Unfortunately, the code didn't work. Thanks anyway.

Scooter McGavin said...

I have been trying to figure this out forever. Thanks for your help.

Coy said...

Thanks a lot, just what i am looking for.

Ricardo said...

Thank you for this tip. Based on some modest gains in number's I'm seeing, this is code may be starting work.

I've seen another method where there is only th post tile with no blog name at the end. Is either way better than the other? Thanks again for sharing this.

loan-experts said...

Nice post but doesn't work while previewing ??


Isaac Yassar said...

Don't just preview, save it.

watzabatza said...

thankz a lot man.. u did it... i changed mine now...

Rohit Tripathi said...

wow wow wow.. thank you so much dr, it works

Kitchen Girl said...

Hi Issac, It displays entire page name (e.g in the title instead of page title. Can you please suggest where I am wrong.

arun said...

Thanks for the post. I didn't what to search for in Google for this problem. So I just typed in what I wanted and found your site.

Kyle said...

Thanks! Really needed this fix.

Nizam Z said...

Hey, your code works on my template and it can be saved correctly. I got the same code just like yours but my template always cant be saved.
But your code work correctly, thanks brother, good jobs

Mininova said...

This hack worked gr8 on my blog..... my blog traffic ha shot up like anything

wanderlass ✈ said...