How to Change Blogspot post Title for SEO (on page SEO). You can swap between the title of your post and the title of your blog to put the title post on the front of blog's title. You have to customize the Blogger HTML, but before making any change to your Blogger HTML you might want to backup the template first.

How to Change Blogpost Title for SEO

Login to your Blogger account
Open up Blogger HTML template editor.
On the HTML Template Editor search for this line of code <data:blog.pageTitle/> (title tag) and delete that line or make a comment tag and put title tag between the comment tag, like this :

Replace it with


   <data:blog.pageName/> | <data:blog.title/>

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

Then click the orange Save Template button.

Explanation

It's a conditional statement whether the page being opened by users is equal to a single blog post page or not, if it's a blog post page then :

<data:blog.pageName/> | <data:blog.title/>
Put the post title on the front and separate with a | character followed by blog title, you can change the separator with any charater you like.

If it's not equal to blog post page (cond="data:blog.pageType == 'item'"), such as users in the homepage, search page or any other than blog post page, then show :

<data:blog.pageTitle/>
The blog page title More..