How to Display Post Title Before Blog Title in Blogger in Search Results and Why ?

If you are using blogger and have not done this step of displaying post title before blog title,then you are losing a great number of search audience due to low CTR.

In this post,I will tell you how to display post title before blog title in blogger in search results and why ?
Here is the answer to why ?

See the below 2 images of the same blog post result in google and tell which one search audience will click :

1) Displaying Blog Title Before Post Title

2) Displaying Post Title Before Blog Title

Even a child can tell that audience(the people who search Google for the news) will click on 2nd result because it shows the news more prominently while the 1st result shows title first which no one cares until you are a big authority site.

Here is the answer to how ?

So the bloggers using Blogger must do the following change in their templates to get the 2nd type of result for their blog :

1) Go to Blogger.com and then your blog.

2) Click on "Template".

3) Click on "Edit HTML".

4) Click inside the box containing the HTML code.

5) Enter "Ctrl+F" button on your keyboard and search for this code :

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

6) Replace the above code with 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>

and you are done.

This is a must-do change in the Blogger template as it results in good SEO and CTR in google search results.By default,Blogger shows blog title before post title which is a bad SEO practice.So from now,every blog you hold or create in future,be sure ti implement the change in the template as soon as possible.