By default Blogger templates come with a “smart” tag inserted that automatically places the Blog Title before every post title in the title tags on the actual post pages. This “smart” tag also displays only the Blogger Title for the main page of the blog – meaning your Blog title is shown on EVERY page.

So, for most of you involved in SEO, I’m preaching to the choir when I tell you that title tags are important and that they could very well be the most important piece of your blog. For those of you not familiar, here are a couple of things about title tags.

1-Title tags describe a page. They are a one line summary of what the page is about. The common understanding of the tag is to wrap the title of the site. Unfortunately for many people, the title of the site is completely UN-descriptive of the content of the blog. For example, my blog is called “Search Marketing Blog Online”. If I put this in the title tag, search engines really have no clue as to the content of each post on my site. It would be much better for SEO to place a keyword-rich description (e.g. “Optimizing Title Tags for Blogger”) in the title tag.

It’s the Title Used in SERPs! The content of your title tag is what will be displayed in search engine results.

So, yesterday, I made it my mission to find a way to fix/manipulat Blogger’s smart tag. In doing so, I found another problem – there are two versions of Blogger templates still being used. There is a Beta version and the Classic version and nowhere did I find both ‘fixes’ listed in one place.

So, here you go!

This is written for Blogger’s Beta version and so it only works in Beta.

Optimizing Blogger Title Tags – 1

At the top of the page of HTML you should find the following code:


All you have to do is replace this code with:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<title> <data:blog.pageName/> | <data:blog.title/> </title> <b:else/> <title> <data:blog.pageTitle/> </title> </b:if>

So copy and paste this in replacement of your previous title tag, type in the title tag you want to appear on your home page and save. Job done!

You will now have a fully optimize title tag for your home page, all your post titles will be the title tags for your sub pages and none of this will effect the visible title of your blog. Perfect for search engine optimization.

Optimizing Blogger Title Tags – 2

Go to Layout>Edit HTML in your Blogger dashboard.
Find this line of code:

And replace this entire line with the following section of code instead:


<b:if cond=’data:blog.pageType == &quot;index&quot;’>

Finally, save your template.

That’s all for now! Happy Blogger optimizing:) You can click through some of my other posts to see how the code transposes the title tags.

Published by S M Hasibul Islam

I am S M Hasibul Islam (Bachelor of Computer Science & Engineering), a web programmer with more than 5 years experience as like skill php, mysql, html5, css3, javascript, jquery, wordpress, responsive web design, hosting managements with VPS, shared server, also web UI, SEO, SMM.

Leave a comment

Your email address will not be published. Required fields are marked *


New to site? Create an Account


Lost Password?

Already have an account? Login


Hotel Booking in BangladeshBCS Preparation Online Website Design Company in BangladeshHigh Risk Solutions Merchant Account Services