Make Your Blogger Page Title SEO Friendly

You might have seen the bunch of text appearing at the top your every browser. That is what we called page title. In addition to this it is also the same link that we see on search engines which is clickable. From the SEO (Search Engine Optimization) point of the view it is the most important element of your blog for ranking better in search engines.

From this it can be concluded that a page title with high impact keywords ranks good in search engines and ultimately leady to boost our click through. Moreover it also drives some amount of unique traffic to our site.

In blogger the page title is made up of blog title and post title. If the title of the post is not mentioned then its title will be the initial words of the posts. Here is the one example:-

The above example is the search listing for the post having title "Water is colorless but ice made of water is white, why? In the above search listing some keywords (is, white, why?) are missing. Only first keywords are seen and the last few keywords are hidden. This is because of google as it only shows up to 70 characters of the page title in search results page. So whenever the page title exceeds the limit (70 characters) google simply cuts it off and so its victim will have to suffer low rank in search engine's result pages. Now what will you do ? Whats the solution for it? If it's so then you came to the right place.

The solution for this is simple. The thing that should be done is just reverse the position of blog title and post title. By this post title will be shown in full granting it high priority in comparison to blog title.

So here is the explanation of this:

1. Login to your blogger account.
2. Be forwarded to dashboard.
3. Go to design> Edit Html.
4. Look for this code in it. (You can find it by pressing Ctrl+f)

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

   5. Replace the above code with the one below;

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

  6. Save it.
After adding the code it will replace your blog and post title as mentioned above. Here's a glimpse of it:-

You see now my post title is shown in full and my SERP's rank is also increased because of it.