Swapping Blogger blog title and post title -Blogger SEO tweak

In the previous post about Blogger title tweak, I’ve mentioned about the other way of optimizing blog title structure,swapping blog title name with post title name.

As said earlier,default blogger.com blogs title structure is “Blog Title followed by post title” for individual posts,now let’s see how to change this structure to “Post title followed by blog title”  (swapping).

1.Go to Dashboard>>Select your Blog>>go to Layout Section>>Click Edit HTML tab

edit html in blogger layout

Find the little HTML section code shown by the red arrow in the following image your template HTML code

tweaking blogger title Where you’ll find the following title tag.

<title><data:blog.pagetitle/></title> [Note:You may also use CTR+F function in your browser to search this little code.]

3.Replace the above code with this one:

 <b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

[note that this will still show your blog title at home page,only changes individual posts structre]

4.Save the Template and open any post from your blog and observe the title structure on the top of your browser it must now look like “blog post title | blog title

Like wise,Wordpress blogs titles also can be tweaked for better Search Engine Optimization,soon be posted here.

Please feel free to leave a comment here if you are having any troubles while doing this.

Related Posts with Thumbnails

41 thoughts on “Swapping Blogger blog title and post title -Blogger SEO tweak”

  1. not working in my blog.. can u help.. it done as u said.. it was working long before.. now its showing blog title only in browser bar..i have aded favicon later.. is tat the problem??

  2. Nice work man. One questions though. Wouldn’t it be better to leave out the <data:blog.title/> for better SEO results? My blog title is very big. What do you think?

  3. This is my title tag but how don’t know how to change it accordingly to your post bearing I want to keep my google description
    <b:include data=’blog’ name=’all-head-content’/>
    <title><data:blog.pageTitle/> – Diari di viaggio, foto, news e informazioni pratiche per un viaggio RTW</title>
    <META CONTENT=’Il blog dei viaggiatori indipendenti RTW. Guida e notizie utili per backpacking attorno al mondo.  Diari di viaggio su Asia, Australia, Nuova Zelanda e USA ma non solo.’ NAME=’Description’/>
    any clues?
    cheers

  4. @marta

    Replace

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

    line with the code given above.

    Please do not touch “<META CONTENT=……” part.

  5. sorry, still me. i am trying to change that also for my other blog (www.atravelaroundtheworld.com) but it doesn’t seem to work.
    this is the code
    <meta content=’MEHw-K8bxOc0-NpWutKj4E8BhlX5MCAGdT2bU-0GhLc’ name=’google-site-verification’/>
    <meta content=’VNznrwgw9B/yUg9G0JpBkollLJOaqqnfPBfgMUz54s8=’ name=’verify-v1’/>
    <b:include data=’blog’ name=’all-head-content’/>
    <title><data:blog.pageTitle/> – RTW Backpacking Travel Blog</title>
    <META CONTENT=’Traveling Around the World. Travel tales, tips of a 30-something adventure couple backpacking on a budget a year-long around the world. An independent RTW blog.’ NAME=’Description’/>
    <b:skin><![CDATA[/*
    thanks again for ur help

  6. @Marta

    Okay, see in the code you have given, replace

    <title><data:blog.pageTitle/> – RTW Backpacking Travel Blog</title>

    with the code mentioned in the step #3 of this post

     

  7. @Marta,

    As I can see in your blog, it’s working !! You need not worry, open any post and see the Title in the browser it’s in the format “Post Title > Blog Title”…So I guess you got it right 😛

    Want to confirm it

  8. @Constantin,

    None of the links will be changed. Only the display style of all title of your post will be changed with the post title coming first than the blog title.

    The benefit is that search engines will index your post title first and hence will lead to more keywords. Its and SEO for blogger users.

  9. Thanks a lot, I hope it will increase my traffic. I’ve already seen the change in the web browser window, but not yet in the google results (i think it’s normal). I just want to specify, in the html section code, the code to change was in the beginning, so no need to spend a lot of time to find it…

  10. Wow thanks a lot. I’ve been meaning to do this for quite some time now. I cringe every time I see my blog in google search because my blog name (Orchestroscopy) always ruins the topic title being searched. Thanks for the tweak!

  11. Was wondering if you are still monitoring the comments here?  I’m having a real difficult time getting this to work.  I was asked to help a friend with his blog, and looks like the html might be a little funny.   As I see multiple instances of:

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

    I’ve changed the 2 to your code, and still not working.  Was wondering if I could email you the HTML to have a look at.  If so, email me at tc DOT strait AT gmail.com

    Thanks in advance.

  12. I LOVE YOU! Just kidding, but this post really, really, really helped me.

    I have 7 Blogger.com blogs, and the thing that bothered me the most was the blog title coming before the post title. Not only did it suck for SEO, but every time someone (including me) bookmarked a post, the darn blog title would stand out.

    Using the CTR+F function I was able to modify all 7 of my blogs in just a few minutes. Not only did you have the solution, but you made it easy to implement, with your screenshot and all. Life is good now!

    Thank you so much. You have no idea how much I appreciate it.

  13. PS: Can you write a post how to ad an icon to your Blogger.com blog addressbar / navigationbar (like your “T”)? I think you would get a great response out of it!

    I wanted to ask you the above question via email, but I couldn’t find any way to contact you on your blog. I don’t know if that’s intentional, but if not, you may want to make your contact options more visable.

  14. Hi Bharath!  You seem to check this blog regularly and respond so I hope you will respond promptly.  First let me say you have an AWESOME BLOG!  I’m definitely going to follow this blog.  Thanks for sharing your talent and expertise.  Please see the code I used below.  I’m pretty sure everything worked, but when I do various google searches I still see my stupid blog title listed before the posts.  Is that because I have to wait for indexing of all the previous posts?  It will reindex the old posts on my blag with the title first now right?  Or does this only apply to new posts?  I also submitted a new sitemap because I have a hunch that everything just needs to be reindexed.  Is that the case?  Now that I changed the code like you suggested will all of my old posts show title first after google reindexes them?  Also one last question.  Like I said I think it worked, but I noticed that in your version of the code changed you used the word “item” in the code, and almost all of the other posts i’ve seen on the same workaround use the word “index”.  What is that all about?  Are the words interchangeable or did you use “item” for a reason?  See my code below:

    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if>

    Also, my url bar in the top of explorer never changes, just the little tab shows the title first.  Is that what you mean when you say you can check if it worked by opening up a post and looking there?  Because my actual url bar (the white box at the top of internet explorer) still shows the url of the post with the blog title first.

    Thanks for answering all these questions.  I’m sure a lot of this is simple and often silly to you, but you have been a tremendous help to everyone.  Keep up the good work!  I look forward to hearing back from you asap! 🙂
    Regards,
    Benjamin

  15. 🙂 Hey…
    This tutorial was very helpful. I’ve already applied this to my blogs.
    I feel the difference. thanks dear…
    but have you noticed that this hack is not working in the case of “Blog pages”
    It stands still “blog titile: Page title”.
    can we swap it too?

  16. how to make the post title on blogspot to: post title | label
    or: post title | categories
    I’ll be back here tomorrow, thanks

  17. after adding code :

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

    my blog show “#more” with title in title bar  when i click on “Read More” link

    example:

    MypageTitle#more..

  18. Thanks admin. Want to be a part of our team in making web more beautiful. <a href=”http://www.technosoftwarez.com”> WHAT IS SEARCH ENGINE OPTIMIZATION </a> 

  19. Normal
    0

    false
    false
    false

    EN-US
    X-NONE
    AR-SA

    /* Style Definitions */
    table.MsoNormalTable
    {mso-style-name:”Table Normal”;
    mso-tstyle-rowband-size:0;
    mso-tstyle-colband-size:0;
    mso-style-noshow:yes;
    mso-style-priority:99;
    mso-style-parent:””;
    mso-padding-alt:0in 5.4pt 0in 5.4pt;
    mso-para-margin-top:0in;
    mso-para-margin-right:0in;
    mso-para-margin-bottom:10.0pt;
    mso-para-margin-left:0in;
    line-height:115%;
    mso-pagination:widow-orphan;
    font-size:11.0pt;
    font-family:”Calibri”,”sans-serif”;
    mso-ascii-font-family:Calibri;
    mso-ascii-theme-font:minor-latin;
    mso-hansi-font-family:Calibri;
    mso-hansi-theme-font:minor-latin;
    mso-bidi-font-family:Arial;
    mso-bidi-theme-font:minor-bidi;}

    In addition to art that will give you good .I congratulate you

  20. Normal
    0

    false
    false
    false

    EN-US
    X-NONE
    AR-SA

    /* Style Definitions */
    table.MsoNormalTable
    {mso-style-name:”Table Normal”;
    mso-tstyle-rowband-size:0;
    mso-tstyle-colband-size:0;
    mso-style-noshow:yes;
    mso-style-priority:99;
    mso-style-parent:””;
    mso-padding-alt:0in 5.4pt 0in 5.4pt;
    mso-para-margin-top:0in;
    mso-para-margin-right:0in;
    mso-para-margin-bottom:10.0pt;
    mso-para-margin-left:0in;
    line-height:115%;
    mso-pagination:widow-orphan;
    font-size:11.0pt;
    font-family:”Calibri”,”sans-serif”;
    mso-ascii-font-family:Calibri;
    mso-ascii-theme-font:minor-latin;
    mso-hansi-font-family:Calibri;
    mso-hansi-theme-font:minor-latin;
    mso-bidi-font-family:Arial;
    mso-bidi-theme-font:minor-bidi;}

    Until now I did not notice these things. I’m glad you’ve mentioned. I understand what you mean. I must thank you for this article

  21. PS: Can you write a post how to ad an icon to your Blogger.com blog addressbar / navigationbar (like your “T”)? I think you would get a great response out of it!

    I wanted to ask you the above question via email, but I couldn’t find any way to contact you on your blog. I don’t know if that’s intentional, but if not, you may want to make your contact options more visable.

Leave a Comment