How to Change Title Tag in Blogger for SEO

Title tag is one of the most important factors in search engine optimization. For users who have their blog hosted on Google's Blogspot, one of the issues is optimizing title tag. The title tag in the blogspot for each post that you publish is by default your blog title followed by your post title.

For SEO, it is imperative that your post title should come before your blog title or your every post will start with same title phrase that is your blog title.

For example you have your blog title "Red Shoes | All About Running Shoes" and you publish a post "The Dynamics of Red Shoes" then by defautl your title tag for the post will be this: "Red Shoes | All About Running Shoes - The Dynamics of Red Shoes".
This is not what you want to optimize your title for search engines ranking. This happens because by default Blogspot has this parameter for title tag generation:

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

You could see this in when you visit Layout from your Blogspot dashboard and click on edit HTML.

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

You see a combo of your Blog Title followed by Post Title

Now what you need to do to have your post title as the first element in your title tag is to replace this code with:

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

What this command will do is for your homepage your blog title will appear as title tag but for your blog post your HTML title tag will be your page title followed by your blog title. I hope it helps.

You will now have a fully optimise 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 optimisation.