Show Post Title Before Blog Title in Blogger

Post titles and blog title plays a vital role for better ranking in search results. This is the first thing which is checked by visitors to either they should click on this link or not. That means your traffic depends on this thing. Keyword rich titles can bring you more traffic and increase your blog page views. Google shows only first 66 characters of the title in search results. That’s why we should use them effectively. By default, in blogger, our blog title shows before post title. This reduces the SEO benefits because our post titles which have the main keywords got chopped because of the characters limit in search results. So, to take the proper benefits we have to optimize our blog so that post titles shows before blog title in search results.
By default the post title appears after blog title in search results like this:

But after applying this trick, you will be able to show post titles before blog title like this:

Show Post Title First in Search Results

1. Go to Blogger >> Template >> Edit HTML.
2. Backup your blog template. (Read this: How to backup template in blogger?)
3. Now search below code in your template.

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

4. Replace that code with the below 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>

5. You are done!

Now wait for the update in search results. Once search results got updated you will see the changes. But you can see these changes in your browser also. See below screenshot.

Comments!

This was the little but very powerful trick that will help you to show post titles before blog title in search results. It will also increase your blog CTR that automatically increase your blog traffic and page views. Happy Blogging!