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
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...
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
Top 10 Easy Ways to Make Money Online by Blogging - Blogging...
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.
2. You can proceed with editing the HTML. This is under "Template" section - "Edit HTML", then Edit Template. Locate the code below.
3. Change the bold code into this one:
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.

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>
<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:
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).
5. Then save the template, and the next time a search engine crawl your blog, the new setting will be applied impressively.<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>
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:
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
To receive blogging tips and tricks right into your inbox, please don't forget to subscribe:
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
i just tried this tweak, can anyone confirm if this works?
ReplyDeleteanyways, thank you in advance, ill get back here for the results!
this really works! i've been using this code for my blog and my traffic goes higher. But take note, this is not only the factor. There are other factors to consider in SERP. Try checking this one:
ReplyDeleteHow to Increase Pagerank
How about if the SERP show as Following:
ReplyDeletePost.Title+Specifik.Keyword ~ Blog.Title
Post.Deskription
http://www.Post.Url
It works like a charm in my blog (http://nanaynotebook.blogspot.com), and in my shared Facebook links as well. Thank you for this!
ReplyDeleteWow... This is great! By creating an active community, you are opening up more opportunities for links and positive publicity, which can improve your search engine rankings as well as your business reputation and thus maximizing your online strategy. Thanks and I will definitely visit this site more often.
ReplyDeletei prove it's great..thanks dude..it helps me a lot for seo..
ReplyDeletebro...why don't you try google adsense? it makes more money..salamat bro..
ReplyDeletei'd tried but i made some mistakes during my first application as Google adsense Publisher. Now i'm trying to find other ways on which i can monetize the blog. With a unique visitors of approx. 1,200 per day, i should be earning if i have adsense ads. But i do not lose hope. I will still continue with this blog and continue to sky rocket my traffic.
ReplyDeleteA Blog Post Title SEO Friendly | Blogger SEO Trick
ReplyDeleteIf you want to make your blog title or even your post title an SEO friendly in your blogger here are the simple trick for blog search engine optimization friendly. This will benefit all your post title of your blog to be easily seen and will have page rank in search results. I am going to teach you how to do it. But before that, i should remind you that you should be carefully encoding all HTML code in your blogger or website template.
This is quite true. Optimizing title pages have been shown to have positive effects on search engine rankings. I myself do this very much on wordpress blogs but I never thought you could optimize title pages for blogger/blogspot. This is pretty good stuff to know, thanks!
ReplyDeleteNIce Stuff, Hey I found some fast pagerank tools, may be seo friends would like them......
ReplyDeleteseo41.com/pagerank-checker.php
seo41.com/internal-pagerank.php
one is bulk page rank checker that can check 1000 of pages PR with single click and another is internal PR checker to check pagerank of all internal pages on a website.
There is lot more helpful things for search engine optimization.
How do you find a company to use for getting your site ranked? I found Quickranks and anuvatech.com what do you think?
ReplyDeleteThis is quite true. Optimizing title pages have been shown to have positive effects on search engine rankings. I myself do this very much on wordpress blogs but I never thought you could optimize title pages for blogger/blogspot. This is pretty good stuff to know, thanks!
ReplyDeleteIt really informatic for Novice blogger. Thanks man
ReplyDeleteThis is pretty good stuff to know, Thanks a lot.
ReplyDeletegreat information... great guide for starters...
ReplyDeleteThanks for the info, it's really great that you are sharing it. Not many people give any good tips any more.
ReplyDeletehttp://affiliatemarketingtactics.net
excellent tutorial post,i liked so much
ReplyDeleteI am gonna try it. Hope, it will also work for my blog. Thanks.
ReplyDeleteYou're welcome guys! I'll posting more tutorials that will help newbie bloggers.
ReplyDeletehi, thanks for the tutorial. I have tried this today, will wait for the result.
ReplyDeleteme again, how long will it take for the changes to take place?
ReplyDeletethe result will be visible the next time Google crawls your site if you are anticipating how your site will appear in SERP.
ReplyDeleteBut as soon as you have entered the code, you can see it working by looking at your browser's tab. Please check if your Post Title appear before blog Title.
I am using wordpress.
ReplyDeleteThere are many plugins available to do this.
Any ways helpful for non-wordpress blogers.
thanx for this education tutorial post.its so useful.
ReplyDeletenice one, this helps me a lot since im not familiar with HTML editing for better search results,tnx.
ReplyDeletehttp://mycodedblog.blogspot.com
Vinzcher like the blog and this one also
ReplyDeleteI agree. We should prioritize meta title first before the blog title field.
ReplyDeletewhite label seo