How to Show Your Blogger Post Title Before Blog Name

Title of a post plays an important role in SEO of your blog because they contain keywords in them. When a person searches for something on Internet, search engine displays the relevant results. If you use keywords related to your post and blog then there is a better chance that search engine show your post on front pages. 

Search engine always show few words of your post title and blog name in search results. So you have to be smart when choosing a suitable title for your blog post. In case of blogger, it is not SEO friendly so we have to make our blog search engine friendly. The main reason is that by default, it is set to show the Blog Name before the Blogger Post which reduces the SEO of blogger posts.

In some cases where blogger names are very long, the chance of getting post title appear in search results is totally omitted. But no need to worry because with very little modification in your Blogger's template, you can resolve this issue within a minute. Just follow these steps to make your Blog Posts appears before Blogger Name:

• Go to your Blogger Dashboard.

• Select Template and before you do anything, make a backup. It will help you to restore your blogger to the previous state if something goes wrong. Read this post if don't know how to backup: How to Backup Blogger Template 

• After making backup, click on Edit HTML.

• Press CTRL+F to search for <title>. The whole line should look like this: 

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

• Now replace this with the following code:

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

• Now you can see the change in search results and also on your Browser Tab. Now your blog is better optimized for search engines.

If you face any difficulties then feel free to ask in comment box.