Swap blog title with page title in Blogger blog

By default, Blogger will place the title of your blog before the title of the article in the title bar. According to Search Engine Optimization, it is much better if our keywords in the title bar should comes first followed by the title of the blog. This to ensure that search engine robot or spider will read the keywords before anything else, so that our site is lkely to be placed higher in search engine result.

Fortunately, there is a good hack to rectify this problem. By simply swapping the position of the page title with the blog title, we can obtain significant improvement in the search engine result.



To swap the position of the blog title with the page title:

• Login to your blog and navigate to Layout – Edit HTML.

• Always backup your template before changing anything to avoid any undesired outcome. Click ‘download full template’ and save it into your harddisk.

• Replace this following line of code:
  
  <title><data:blog.pageTitle/></title>
  
  With this one:
  
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <title><data:blog.pageName/> - <data:blog.title/></title>
  <b:else/>
  <title><data:blog.pageTitle/></title>
  </b:if>

• After that click on ‘Save template’ and you’re done.

Try to view your blog, your page title should now appear before the blog title and is separated by the ‘hyphen icon’. This should works even if you view your entire pages of your blog.