How To Make Blogger Post Title Appear Before Blog Homepage Title in Google Search Engine

Making your blog post title appear before blog homepage title is one major way to optimize your blog to perform better on Search Engine Result Pages. The blogger default templates displays your blog homepage title first before your post title on search engines result which is not healthy for your blog.

This will make you lose search engine visitors searching for a particular topic which what they see first is your blog title instead of the title of the post they are search for. See example below.

Let assume that we search for "How to make blogger post title appear before blog homepage title" The one labeled Bad Title will receive less clicks than the one labeled Good title. This is because, the former post title comes after the blog homepage title making it difficult for one to know what the post is all about.

BAD TITLE
Cyracksinternetbiz.com : Tutorial, Tech, Entertainment and more: How To Make Blogger Post Title Comes Before Blog Homepage Title

GOOD TITLE
How To Make Blogger Post Title Comes Before Blog Homepage Title: Cyracksinternetbiz.com : Tutorial, Tech, Entertainment and more:

So to correct this error from your blogger template, then follow this guide below.

1. Login to your Blogger Dashboard

2. Click on Design

3. Now click Edit HTML .

4. Press Crtl+F and search for this codes below.

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



If you can't find the above code, kindly remove /></title>   that end the above giving code

 If you find it, replace the above code with any of the code below.

i. This code will show your blog post title before your blog title in search engine results pages.

<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> 

ii. This code will only show your blog post title in search engine result pages.

<b:if cond='data:blog.pageType ==&quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

5. Now save your Template and previews your blog. That's all


I hope you find it easy adding it on your blog. Cheers.

If you encounter any problem implementing the code, kindly drop up comment so we can help you.

Share among your friends below