The HTML title tag is very important both for Search Engine Ranking and for clickthrough (CTR) in a Search Engine Result Page (SERP), and you can improve both of them with this little trick.
By default, Blogger puts the blog’s name before the post title, in the title tag; switching them, or removing the Blog’s name, you can easily optimize your blogger title for search engine.
Backup Blogger Template:
- Open Blogger’s Dashboard.
- Go to the Layout tab.
- Go to Edit HTML.
- Download the full template, for backup purpose.
- Check Expand Widget Templates.
Edit Tag Title code:
Find
<title><data:blog.pageTitle/></title>
and replace it with one of the two below (I prefer the second).
Post Title Followed By Blog Name : (Option 1)
If your blog name includes relevant keywords to all your posts, you should use 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>
Shortening blog name : (Only in posts title)
If your blog name is too long, you can manually redefine it, substituting
- <data:blog.title/>
with a text that includes only the keywords you need.
Post Title Alone : (Option 2)
If you want to strengthen your single post title’s keyword density, use the following code instead:
<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>
I’ve already told you that I prefer this solution where the title tag should describe the content of the whole document. And usually, a post doesn’t talk about your blog.
This tweak is a lot different from the old Widget-based hack:
- It doesn’t introduce XHTML errors in your blog code (a DIV code block inside the HEAD tag).
- You can change your blog sidebar without getting any error.
Now save the template. You have completed SEO Title Tag for Blogger to optimize your posts.
