SEO experts believes that, in order to put your blog on the top position in Search Engine Result Page (SERP) your blog pages must have some good title tags. The title of a blog post appears at the top left of your browser and it informs search engines about the nature a page. By default Blogger blogs first shows the blog title, then the page title appears on the top left of a browser. For example: Earn Blogger: SEO Friendly Titles in Blogger! This is not good from SEO point of view!

If the title tag doesn’t accurately describe the content of a web page, then the page will be downgraded by the search engine algorithm. It means that because of poor title, a page may get lower search engine placement that it might otherwise deserve. So, SEO friendly title is very important for better placement in SERP.

To make your Blogger blog SEO friendly, you need to change the structure of your blog title by putting the page title before the title of your blog. You can do it easily by a simple modification of your template. Widget-based has a good hack for this. Simply follow the instruction below, and get some good titles for your post pages!

• Go to the “Edit HTML” section in your Blogger Dashboard.
• Backup your existing template, by downloading it to your computer.
• Check “Expand Widget Templates” in the “Edit Template” section.
• Find the following code in your template:

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

• Replace the above code with the following code:

<!-- Start Widget-based: Changing the Blogger Title Tag -->
<b:if cond='data:blog.pageType == "item"'>
<b:section id='titleTag'>
<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='comments' var='post'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='main' var='top'><title><b:loop values='data:posts' var='post'><b:include data='post' name='post'/></b:loop> ~ <data:blog.title/></title></b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='status-message'/>
<b:includable id='feedLinks'/>
<b:includable id='nextprev'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='post' var='post'><data:post.title/></b:includable>
</b:widget>
</b:section>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<!-- End Widget-based: Changing the Blogger Title Tag -->

• Save your template and you are done!