Making page titles Search Engine friendly for Blogger/Blogspot Blogs by interchanging Blog Title and Post Title

SEO (Search Engine Optimization) for Blogger/Blogspot Blogs is a matter of challenge, since it restricts several procedures which can be easily implemented on other blogs. One such issue with Blogger blogs is their page titles of individual posts. The default page title of the blogs are as [BlogName] : [PostTitle]. But this is neither very much Search Engine Friendly nor very User Friendly. Since whenever your Blog posts appear in Search Engine Result Pages (SERPs), users don't get the title they are searching for. Search Engines show up your pages according to your post titles, but users can't see the titles if your blog name is just a bit long. This is not at all wished to be. If users are unable to see the keywords, they use to search for, in your result pages then users are not going to enter your site.



Search Engines also prioritize your pages if they get suitable titles and urls in your pages. So you should show up your pages' titles starting with the post title following with the blog name. The correct order for your pages should be [PostTitle] : [BlogName]. This can be achieved through the following code implementation.

Go to your Layout section of your blog and go to Edit HTML tab. Then find for this line:

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

This should be almost within the first 10 lines of your template. Now replace it with the following 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>

Now see your page titles will be showing up with post titles in the beginning and then followed by the Blog Name. This is something that Search Engines love and your users also. So, enjoy the extra traffic to your blog from now.