Seo(search engine optimization) is a basic and important thing for a blog or website's traffic. Seo is of two types one is on-page seo and another is off-page seo, off-page seo includes many thing among which one is blog title optimization. While creating a blog there are many thing to take care of such as category, description, meta tags etc but a very important thing is having a good title. Good title means a title which describes your blog category properly.
Let say if you have a blog about fashion then what would be the best title for it? I think it would be Fashion, style, latest fashion clothes or something like New fashion for boys and girls, fashion 2014 etc. But it is not just about having a good title another thing comes whena post is created, so when a post is opened it will display only post title and not represent you blog title which is not good for seo. So for displaying blog title beside post title you will use a separator between post title and blog title. It is a good way to optimize post titles that's why I have created a post about adding a separator between post and blog title before. But adding a separator between blog and post title is not useful for all blog specially if a blog has a long title such as mine, my blog title is 101Helper | Blogger tips,tricks,widgets,tutorials,seo but when a post is opened and browser tab is hovered it represents only 101Helper so how did I do it and why?
The answer is because some search engines specially Google and Bing doesn't show full title, so a blog having long title is not optimized by just adding a separator. For example if i am searching for All in one social sharing buttons for blogger or another post on Google then it will show
results as shown in below image:
In above image the results shown by Google is just name of the post and after separator there is only 101Helper... similar to Google bing also shows only 101Helper after post title so if you have a blog having long title then you have to optimize it for better seo. In above example I have used a post having small title, what would happen if I search for a long title? such as Tips to increase blog traffic and generate more than 600 page-views/day Google will show only Tips to increase blog traffic and generate more than 600... therefore I have to optimize my blog title in such a way that after post title it show only 101Helper so if you have a blog having long title or you want post title alone or want your post titles to be followed by blog title then you are at right place. In this post I will tell you how to optimizeyour blog title in different ways according to your needs.
How to optimize blog title for seo in blogger?
When its about optimizing title of either post or blog, we need to edit template. But before that download a backup of your blog so that if something goes wrong you could backup it. To optimize your blog title follow below mentioned steps:
Step 1: Go to blogger dashboard and click on template.
Step 2: On the template page click on Edit Html.
Step 3: Click anywhere in the Html and search for <title><data:blog.pageTitle/></title> by using Ctrl+F on your keyboard.
Step 4: Replace it with the anyone of below codes which you prefer for your blog:
Post title followed by blog title:
If you want your post titles to be followed by blog title or your blog title includes relevant keywords of your content and you want to show your post titles along with blog title then replace the above code with code shown 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>
In the above code green colored | is a separator between blog and post title, you can use another symbol instead of it. I have previously created a detailed post about how to add a separator between your blog and post title for seo you can read it here if you don't understand it.
Post title followed by Short blog title:
As in the introduction of this post I said that some search engines specially Google and Bing doesn't show full title of a blog or site, so if you have a long blog title then you have to reduce it if you want to show your blog title with your post title in search results. If you don't reduce then in search results your post title will be something like 101Helper | Blogger tips,tricks,widgets,tutorials,seo.... so your post title will be displayed but your blog title will be kept hidden in dots as shown in above image. To reduce your blog title and to show name of your blog only after separator replace the above code with below code:
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | Your blog title<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
In the above code replace Your blog title with your blog name and beside it separator is also added in this code you can use other symbols instead of it. When you replace Your blog titlewith your blog name then when browser tab is hovered it will show post title, a separator and blog name which you type in place of Your blog title, so your long blog title is reduced and now its seo friendly.
Post titles only:
If you want to strengthen your post titles keyword density and want only post titles alone without a blog title then use below code:
<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/></title><b:else/><title><data:blog.pageTitle/></title></b:if>
After using this code when you will open a post and hover browser tab it will show only post title.
Blog title before post titles:
It is similar to the second one but it has a little difference, by using the second code your post titles will be followed by blog title but this code will show your blog title first and the post title after that. So if your blog title is searched on the web all posts will be shown in results as all of the post titles will have your blog title. Why does the second code doesn'tshow all posts in search results? its because some posts have long titles so search enginesshow your post title but hide blog titles in dots. Use this code only if you are sure that people use to search your blog name to reach your blog otherwise it may result in low traffic.
<b:if cond='data:blog.pageType == "item"'>
<title>Your blog title | <data:blog.pageName/><b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
You can see that in second code Your blog title was in last so it showed your blog title in last but now it is first so it will show your blog title first. Just replace Your blog title with your blog name and you are done!
Step 5: After replacing anyone of the above code click on save template and you are done!
Final words:
Title optimization is a good step to make your blog seo friendly, but with title there are so many other things which also need to be optimized such as links, meta tags, robot tags, 404 page not found redirection etc. Therefore I have created a post which is all in one seo packfor blogger you can fully optimize your blog by reading that post.
If you have any question or suggestion leave a comment below or contact me. Follow and subscribe to get instant news about seo. If you like this post please share it with others.
Let say if you have a blog about fashion then what would be the best title for it? I think it would be Fashion, style, latest fashion clothes or something like New fashion for boys and girls, fashion 2014 etc. But it is not just about having a good title another thing comes whena post is created, so when a post is opened it will display only post title and not represent you blog title which is not good for seo. So for displaying blog title beside post title you will use a separator between post title and blog title. It is a good way to optimize post titles that's why I have created a post about adding a separator between post and blog title before. But adding a separator between blog and post title is not useful for all blog specially if a blog has a long title such as mine, my blog title is 101Helper | Blogger tips,tricks,widgets,tutorials,seo but when a post is opened and browser tab is hovered it represents only 101Helper so how did I do it and why?
The answer is because some search engines specially Google and Bing doesn't show full title, so a blog having long title is not optimized by just adding a separator. For example if i am searching for All in one social sharing buttons for blogger or another post on Google then it will show
results as shown in below image:
In above image the results shown by Google is just name of the post and after separator there is only 101Helper... similar to Google bing also shows only 101Helper after post title so if you have a blog having long title then you have to optimize it for better seo. In above example I have used a post having small title, what would happen if I search for a long title? such as Tips to increase blog traffic and generate more than 600 page-views/day Google will show only Tips to increase blog traffic and generate more than 600... therefore I have to optimize my blog title in such a way that after post title it show only 101Helper so if you have a blog having long title or you want post title alone or want your post titles to be followed by blog title then you are at right place. In this post I will tell you how to optimizeyour blog title in different ways according to your needs.
How to optimize blog title for seo in blogger?
When its about optimizing title of either post or blog, we need to edit template. But before that download a backup of your blog so that if something goes wrong you could backup it. To optimize your blog title follow below mentioned steps:
Step 1: Go to blogger dashboard and click on template.
Step 2: On the template page click on Edit Html.
Step 3: Click anywhere in the Html and search for <title><data:blog.pageTitle/></title> by using Ctrl+F on your keyboard.
Step 4: Replace it with the anyone of below codes which you prefer for your blog:
Post title followed by blog title:
If you want your post titles to be followed by blog title or your blog title includes relevant keywords of your content and you want to show your post titles along with blog title then replace the above code with code shown 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>
In the above code green colored | is a separator between blog and post title, you can use another symbol instead of it. I have previously created a detailed post about how to add a separator between your blog and post title for seo you can read it here if you don't understand it.
Post title followed by Short blog title:
As in the introduction of this post I said that some search engines specially Google and Bing doesn't show full title of a blog or site, so if you have a long blog title then you have to reduce it if you want to show your blog title with your post title in search results. If you don't reduce then in search results your post title will be something like 101Helper | Blogger tips,tricks,widgets,tutorials,seo.... so your post title will be displayed but your blog title will be kept hidden in dots as shown in above image. To reduce your blog title and to show name of your blog only after separator replace the above code with below code:
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | Your blog title<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
In the above code replace Your blog title with your blog name and beside it separator is also added in this code you can use other symbols instead of it. When you replace Your blog titlewith your blog name then when browser tab is hovered it will show post title, a separator and blog name which you type in place of Your blog title, so your long blog title is reduced and now its seo friendly.
Post titles only:
If you want to strengthen your post titles keyword density and want only post titles alone without a blog title then use below code:
<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/></title><b:else/><title><data:blog.pageTitle/></title></b:if>
After using this code when you will open a post and hover browser tab it will show only post title.
Blog title before post titles:
It is similar to the second one but it has a little difference, by using the second code your post titles will be followed by blog title but this code will show your blog title first and the post title after that. So if your blog title is searched on the web all posts will be shown in results as all of the post titles will have your blog title. Why does the second code doesn'tshow all posts in search results? its because some posts have long titles so search enginesshow your post title but hide blog titles in dots. Use this code only if you are sure that people use to search your blog name to reach your blog otherwise it may result in low traffic.
<b:if cond='data:blog.pageType == "item"'>
<title>Your blog title | <data:blog.pageName/><b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
You can see that in second code Your blog title was in last so it showed your blog title in last but now it is first so it will show your blog title first. Just replace Your blog title with your blog name and you are done!
Step 5: After replacing anyone of the above code click on save template and you are done!
Final words:
Title optimization is a good step to make your blog seo friendly, but with title there are so many other things which also need to be optimized such as links, meta tags, robot tags, 404 page not found redirection etc. Therefore I have created a post which is all in one seo packfor blogger you can fully optimize your blog by reading that post.
If you have any question or suggestion leave a comment below or contact me. Follow and subscribe to get instant news about seo. If you like this post please share it with others.
