How To Show Post Title Before Blog Title In Blogger

If you're using blogger then you may notice, search engines shows your Blog Title first instead of Post Title. Post title is the first and only thing which is checked by visitors to either they should click on this link or not.

Blog title before post title reduces the better SEO benefits and post titles which have the main keywords get chopped because of the characters limit in search results.

If you are not displaying post title first, then the chances for the people to click on your site will be decreased. Because they will see your blog title first and your blog title may not about your post. In some cases, where blog names are much lengthy, post titles are totally omitted in search results.

But don’t worry, you can do a little modification in your Blogger blog’s template to make your post titles appear before your blog title. You will need to modify the title attribution in your Blogger template’s HTML. Follow the below steps to make it working for you:

Steps to Implement:

Step 1: Log in to your Blogger account.

Step 2: From the dropdown menu click on Template.

Step 3: Backup the template and then click on Edit HTML.

Step 4: Now press Ctrl + F and find the below line in your template (In my blog it was in the 11th line).

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

And replace the above code with the below 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>

Step 5: Now click on Save Template.

You Are Done!!

You may not be able to see the effect immediately because search engines might require few days to update their databases or crawl your blog. Hope it will boost your site's traffic. And certainly it will be helpful for SEO too. Your reactions are always welcomed. Thanks :)