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
Find the little HTML section code shown by the red arrow in the following image your template HTML code
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.
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??
sorry frnd..it was ma mistake. your snippet of code works.. was some troble with ma html before.. now solved.
@Pixelshots
Hmm..I was wondering what’s wrong with code…as you said code will work because it has been checked before posting here 🙂
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?
@ Carlos
If your blog title is too big, it’ll be of no use if you want to keep it at the end of the post page title, so I advice you to remove it and also refer to this post
http://www.techrena.net/blogger-tips/blogger-blog-title-tweak-seo/
Thanks man…. you rule
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
@marta
Replace
<title><data:blog.pagetitle/></title>
line with the code given above.
Please do not touch “<META CONTENT=……” part.
u r a star!thanks for the quick reply too. u made my day, i was going a bit crazy with this one 🙂
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
@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
@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
i host 5 of my blogs on Blogspot and it is really good for beginners. but if you want something with more features, nothing beats wordpress”;~
Will this affect all my past posts and inherently all links that come to those posts?
What is the benefit of having post title first?
Thanks!
@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.
Thank you so very much for this!
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…
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!
Nice! Thx a lot!
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.
Nice tips,
It’s working for me….
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.
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.
Thanks a lot Bharath, I used your trick and it worked wonders for my civil services blog. Thanks again.
wow…this worked..
thanks a lot…
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 == "item"’>
<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
My problem solved, Thank you very much man, you rock.
🙂 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?
how to make the post title on blogspot to: post title | label
or: post title | categories
I’ll be back here tomorrow, thanks
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..
learning seo for blogger .
thx tu info ..
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>
Had fun and knowledge at sametime <a href=”http://www.technosoftwarez.com”> What is search engine optimization </a>
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
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
It was great really enjoyed
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.
Hi
Wow, I enjoyed much of Sayttvn
Thanks for the Terrific Khvbtvn
I think you would get a great response out of it!