Q: How to display post title before blog title in Search Engine Results Page(SERP) and in the browser Title Bar?

Answer:
If you are publishing your blog through Blogger or Blogspot, its default setting when you publish your post is Blog Title + Post Title. For example if the title of your blog is Blogging Guide for Beginners and the title of your post is Top 10 Easy Ways to Make Money Online by Blogging, when you hit the publish button and view your post it will appear as Blogging Guide for Beginners ~ Top 10 Easy Ways to Make Money Online by Blogging.

Our website or blog has many competitors in Search Engine Results Page or SERP and if your blog was not optimized so that the Post Title will appear first before the Blog title, you are at loss in terms of search engine optimization(SEO).

When people search for keywords in search engine, they want that what they are typing in the search box will have the same results in SERP. So if your blog is not optimized in a format Post Title + Blog Title, you will loss a lot of potential visitors to your blog.

Again for example, let us use the following:
Blog Title: Blogging Guide for Beginners
Post Title: Top 10 Easy Ways to Make Money Online by Blogging

In Search Engine Results Page, if your blog is set in format Blog Title + Post Title, it will look like something like this:

Blogging Guide for Beginners - Top 10 Easy Ways to Make Money Online by Blogging
Description of the Blog Post
http://www.complete-URL-of the-blog Post

But the above example is not what SERP will display. The search engine may notice that the entry is too long and delete the some of the keywords to the right. So instead of a complete info, the result will be:

Blogging Guide for Beginners - Top 10 Easy Ways to...
Description of the Blog Post
http://www.complete-URL-of the-blog Post

What a disaster! "Top 10 Easy Ways to... what??"

Don't worry yet, we can still fix that problem with a little modification in the html part of your blog. The change that we are going to apply is very easy to do even without deeper knowledge in HTML coding. We can change how search engine display our post into this one: [Post Title before Blog Title]

Top 10 Easy Ways to Make Money Online by Blogging - Blogging Guide for Beginners
Description of the Blog Post
http://www.complete-URL-of the-blog Post

If search engine see it as very long, don't worry because the most important keywords are still present. For example:

Top 10 Easy Ways to Make Money Online by Blogging - Blogging...
Description of the Blog Post
http://www.complete-URL-of the-blog Post

To optimize your blog so that it will display in title bar and search engine results page (SERP) as Post Title before Blog Title, just follow the steps below: 

1. Before doing some modification in your blog's HTML, Download the Full Template of your blog first. In your dashboard click Template, then Edit HTML. Before you proceed, click Backup/Restore button on the upper right portion.  This is in case you have done something wrong in the process, you can revert back to the previous template. Take note where you have downloaded the template. 
display post title before blog title in search engine

2. You can proceed with editing the HTML. This is under "Template" section - "Edit HTML", then Edit Template. Locate the code below.
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
3. Change the bold code into this one:
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
4. The final code will appear like this:
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
5. Then save the template, and the next time a search engine crawl your blog, the new setting will be applied impressively.

Options: the character ~ are shown directly in the title and does not represent any code, so you can change it with another characters like @, -, |, #, etc if you wish.

You can check whether the codes are working or not by opening one of your posts, and observe its title on the upper part of your browser. For example, in Mozilla Firefox, we can view the title of the page near the upper border of the window (with dark blue background).

You have now the format: Post Title + Blog Title for better search engine ranking = more traffic for your blog.

If you have problems regarding the installation of the code, feel free to leave comment.

To receive blogging tips and tricks right into your inbox, please don't forget to subscribe:
Enter your email address:


Delivered by FeedBurner
Related Posts:
Ways to Increase Alexa Rank | How to Boost Alexa Ranking
Ways to Increase Pagerank
Increase Search Engine Ranking - Be a Search Engine Favorite
Make Money Online Haunting Me Through Email
Post Title Before Blog Title for Better Search Engine Ranking
Infolinks Dream On Contest
Scolex Portal Page Rank is Now 1
Pagerank Backlink Table