How to display post title before blog name in blogger (For better SEO)

Title of your blog plays major role in SEO of your blog. Search engines shows first few words on search result and blogger by default first shows blog name and then show post title. That's why you should apply this change to your blog for improving SEO of your blog. For doing that you have to modify title attribution in your blogger template's HTML.
 It will take just few minutes. Just simply follow steps below.





 

How to Modify Title in Blogger Templates

Step-1: First open your blogger dashboard, then go to Template in left sidebar.

Step-2: Open theme section, then click on Backup/Restore button in top right side. This is for backup your template if something goes wrong.

Step-3: Now, click on edit HTML button to edit source code of your Blogger template.

Step-4: In the HTML source, press Ctrl+F and search for <title>. You will see a code as shown below 

                                                   

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

Step-5: Now replace it with the below provided code

       <b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Step-6: Save your template.   

From now on every post of your blog first shows your post title and your blog is better optimized for search engine.

Enjoy!