How to Change the Title for Blogger Posts

Title tags for blogger play vital role in search engine optimization.Today i will hold the tutorial on title tags and various ways on how to add these tags and what effect it makes to SEO with various demos and pictures to make it all clear. The original way is blog title first then the post title tag like this:



Let me first tell you, this post is the part of my blogger design tutorial series i have started.Below are the first two Types of changing blogger post title:

Swap title hack.Swap the title or change the title for the posts of the blog in place of title of blog makes the seo for blogger. Title tags hack makes blogger search engine optimized. When you click the post in blogger the post title always appear after the blog title. and your blog is restricted to only blog title.

Also See >> How to Disable Right Click on Blogger Hosted Blog Posts

But now your title will come first on clicking your post which ill make it seo i.e the blogger title is swapped.

This title tag hack is also done in two ways:-

1. if you want blog title to appear after your post title separated by | sign.

Or

2.Only post title will appear after clicking post.

First Change title tags for your blogger posts with blogger title-

Option 1. Go to Template then Edit Html

Search for this tag <title><data:blog.pagetitle/></title>

Replace this tag with Following tag

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



I hope you will like this swap title hack as this is very good for search engine optimization.

Option 2. Change post title in blogger,this is the best hack then previous as only post title is the title for seo and will be searched. As blog title will not be indexed in it as previous.It all depend on you to use which hack as if you feel you blog title to be indexed as well with every title then you can use previous procedure else follow my this new change post title hack in blogger.



Go to Layout then Edit Html

Search for this tag <title><data:blog.pagetitle/></title>

Replace this tag with Following tag-
 
<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
 

</b:if>
Now For the Only Post Title Will appear like this




Related Articles >>

Related Posts

Traffic Tips 2095724122408917408

Post a Comment Default Comments

  1. I usually got confused on how to change the title. Anyways, thank you for sharing.

    ReplyDelete
  2. It was helpful and i have successfully changed blogger title :)
    Prijom Download

    ReplyDelete
  3. This comment has been removed by a blog administrator.

    ReplyDelete
  4. Very Informative Blog for the Beginners...!!

    ReplyDelete
  5. Thanks Buddy...
    ya it is working.
    thanks a lot, i have been searching for this all around the net, finally i got it here.

    Very helpful for the newbies like me. I am implementing right now in my site songs download

    Keep posting this type of blogger customization tips.

    ReplyDelete
  6. hey i got a problem. My blog title was "ram", i implemented your code and published a post. Then it showed like "(title of the post)| ram". It is fine.

    here the problem is, after implementing your code i want to change my blog title. How to change? Now i want to change my blog title to "Satish", so that if i publish a post it should look like "(title of the post)| Satish".

    Please help me..

    ReplyDelete
  7. Thanks man, Thanks alot. Very useful info.I am just looking for this kinda information.I have used your code in my blog Mp3 download,and it is working just fine.

    Keep posting..

    ReplyDelete
    Replies
    1. Thank shree for giving your time and commenting here

      Delete
  8. Hurray...finally i have swapped blog title with post title..
    Thanks a lot dude.

    ReplyDelete
  9. Under "layout" the template "Watermark" I use doesn't seem to offer "edit HTML". Is there another way to access the html and edit it?

    ReplyDelete
  10. Hello, I cannot find the title code in my html to replace with the hack. Could you help? Thanks!

    ReplyDelete
  11. This hack does not apply to mobile view. Do you know, how to get it done there too?

    ReplyDelete
    Replies
    1. Hi Tapio, I just tested this code again after reading your comment and its working fine, may be your template has some custom settings. As you can see it on my blog on mobile view.

      Delete

Do not forget to drop your valuable comment here.
Note:- Please Do not put any external link, all the links are nofollow, as such comments goes to spam and are not displayed on this blog. Let’s enjoy a personal and evocative conversation.

emo-but-icon

item