Blogger Title Tags

Title Tags in Blogger?

For the longest time I wondered why some posts did well in search engine rankings, while others did not. Of course I just carried on my way and continued plugging away at those keywords, title tags in links, alt tags in pictures etc. and all the other things one does when putting out pages. Well one day I was examining the code, as well as the browser bar, and noticed that my blog title was always the title in the browser regardless of what article I was on. So I looked up the source code and noticed it was the same regardless of page (The "Title" tag). And as we all know that is not always the best way to get a good ranking in a search engine.

Search engines tend to like that Title Tag, especially if it is relevant to your material (Which I assume it is), relevant to and contains your keywords, and preferably sits in your url as well. But that is a completely different post!

For this post, I wanted to show that it is indeed possible for a blogger, using the blogger platform (blogspot) to change how a title looks, and to help better your rankings in the search engines with these tags.

Why Change Blogger Title Tags?

Well for starters it will increase your rankings, which will ultimately  increase the number of  visitors to your blogger blog. Which is what everyone wants. With the increased visitors, your blogger blog just may make you more money if that is your goal. If not, your readership base should grow which I am sure everyone desires.

How Do I Change Blogger Title Tags?

Well there are 2 ways to make this change, and both are quite simple.


1- You could have the posts title appear first, followed by the blog's title. (a double title) You can see what I mean in your browser toolbar. Like this Example (Just open it in a browser): pikasso guitars
The page title should have appeared after the blog's title.


2- The second option is the single post title. Again if you open your browser, a title of the blog will not appear in the toolbar, only the post title itself will appear. For Example, Adsense Ready Themes For Wordpress.

Honestly, I don't know which is the better choice, be it showing the title of the post and then the blog title, or just showing the title of the post. Myself, I went with showing just the title of the post and left the blog title only for the main page. But one thing is for certain, both choices, have to be better than showing your blog title for each and every page you write.

Now with that said, let's make the changes!

The Code

Goto your Layout section for your template in the Blogger dashboard.
Edit HTML and near the top of your code you will look for:

For the First Type (Post title first, blog title second) :

1. Find this tag:-

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

2. Replace the Above Tag With This Code:

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

3. Save
Credit for this code goes to JackBook

For the Second Type (Post Title Only):


1. Find this tag:-

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

2. Replace the Above Tag With This Code:

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

3. Save
Credit for this code goes to Amanda at Blogger Buster


Now your blogger blog should have titles appearing in the browser and to search engine spiders the way you desired it to. And with that, Hopefully your pages will rank a lot better.