How To Show Post Title Before Blog Title In Blogger (Blogspot)?

Optimizing your blog for search engines seems to be a very difficult task especially for beginners. But by doing some tweaks and with some knowledge we can optimize our blog for search engines very easily. By default, we can set custom redirects, set custom page not found, submit sitemap to google and so to increase our blog's search visibility. When we publish a post on our blog, Blogger by default shows blog title first and post title after that but it is not good for search engines as this will make your search title complicated and confusing. So we have to correct it by showing post title before blog title. This can be achieve by adding a little piece of coding in your blogger template. Surely, it will increase your search engine visibility and increase your organic traffic too. So lets start the tutorial on how you can optimize your blog post titles.

BEFORE : 

AFTER : 

Show Post Title Before Blog Title in Blogger (Blogspot) :

• First of all, Go to Blogger dashboard and then template option.

• Click on edit html option.

• Find out below code:

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

• Replace above line with below coding:

<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>

• Click on save changes and You're done!

Now visit your blog posts via any browser and you will see post title before blog title. Now let search engines crawl your blog and the following changes will be seen in search results.

Must Read : How To Add/Install Google Analytics To Blogger?
For any query let me know in comments.