Skip to content
Published September 6, 2017

You blog post’s title is what your website’s visitors are reading at first to get an idea about written in the post. You may have written a great post but if the title fails to complement it; visitors will go for the cross button on the browser and may not return to your blog.

The same principle goes for the search engine crawler, who comes to your site and reads the tittle from the codes.

If the title of your blog’s pages’ are not well written and well placed in the HTML of your site, then search engines like Google will penalize your site. As far as on-page Search Engine Optimization is concerned, you do not want to give leave any unwanted flaws and gaps that might reduce your position on search engine results page (SERP).

So, to avoid that you want to make sure your titles inside <title> tag of the blog’s template/HTML code is properly contracted.

The text you see on the tab or window of your browser when you visit a webpage; it is the page title of the web page.

They are also used in the search results as the links on top of each result colored in blue to the each result that shows up on the search engine results page (SERP). Page title is the most essential element in your blog that helps you to rank to in search engines and also set you apart from the competitors.

Now; usually the default setting of blogger blogs for page title are not SEO friendly. This is what a typical a post of a blogger blog ‘s will look like in search engines.

As you see because of your blog’s title the post’s title is not showing entirely. Though Google limits SERP titles by pixel width, not by character count but on average Google can only show 50-65 characters as title.

Check out how Google is showing your blog in the search result by simply searching “site:URL of your site (i.e..

You might say this is not a problem, but think again. It is more likely that people will search for a content that they like not you blog.

Also what is the point in spending time on writing a great post and its great title is the search engine cannot show it fully and searcher can read it. A bad title in SERP will not help you to get visitors from organic search. Chances are you post in not coming in the search result of the keyword/topic that you have write the post for.

So you need the blog’s posts are shown in the search result in Google is to look like this;

As you see the post’s title showing properly in front of the blog’s title and the long title is showing fully as possible without the blog’s title. Blog’s title is not important as the post’s tittle as that is what the searcher is looking for.

So we established that you want your blog’s page tittle to be;

  1. Of course SEO friendly.
  2. Post’s title should be in front and in focus for the SERP. So that searchers can find read your title first.
  3. You can add a few keywords or tag lines or phrase that best describes your blog in the page title of the home page of your blog. It is in fact a great SEO practice. It will draw more attention to searchers to your home page’s link in the results, thus more organic visit.
  4. Adding few extra things. Like: showing cool title for label pages (Articles for Blogger); it will show “page on found” or “404 error” in an error page.

To achieve this follow these instructions below;

    1. Go to your blog’s Dashboard > Templates.
    2. Click “Edit HTML”.
    3. Now look for <title><data:blog.pageTitle/></title> (in a default blogger template) or <title>. If you are using a custom template then you might find that quite a few times with conditional tags. Select it whole.
    4. Replace it/them with the following code. (see the table below to understand and edit the code properly)
      <b:if cond='data:blog.pageType == "item"'>
      <title><data:blog.pageName/> | <data:blog.title/></title>
      <b:if cond='data:blog.pageType == "index"'>
      <b:if cond='data:blog.url != data:blog.homepageUrl'>
      <title><data:blog.pageName/> | <data:blog.title/></title>
      <title><data:blog.pageTitle/> | Use Few words to Describe Your Blog's nature or content</title>
      <b:if cond='data:blog.pageType == "static_page"'>
      <b:if cond='data:blog.pageType == "archive"'>
      <title>Posts in:<data:blog.pageName/> | <data:blog.title/></title>
      <b:if cond='data:blog.pageType == "error_page"'>
      <title>Page Not Found | <data:blog.pageTitle/></title>
    5. If you require; do not forget to make changes according to your requirement. (See instruction for below)
    6. Click “Save template”

That’s it your Blogger blog’s page title is now SEO friendly.

Edit Blogger Blog Title Code According to Your Blog’s Needs

To make the Blogger blog’s title parallel to your blog’s nature; sometimes you may want to or require to edit the title code of your blog.

Now let’s try to understand the parts of this code so that you can edit it for yourself.

Tags and itemsDescription
<title>It’s the tittle tag man.
<b:if cond…….>
These are conditional tags for blogger page types. You use them to show what you want in a particular page(s) of your blog.

On the above code there; the title tag is different for each page type of your blog; i.e.. home page, label page, archive page, posts and static pages
I have written a post which will be helpful for you to know about how to use conditional tags for Blogger blog.

<data:blog.pageName/>If used in the home-page and error-page it will show the URL of the blog as title.
For label-page and static-pages it will show the Label name of that page as title.
For post-pages it will show the post title as the title.
<data:blog.title/>It will show the blog’s title that you have set in the settings.
<data:blog.pageTitle/>For home-page, it will show the blog’s title.
For post-pages, label-pages, static-pages it will show the blog’s title with a colon ( : ) then the title of the post/static page/ name of the label.
For example; “My travel Blog: Chilling out at the world’s longest beach”. Or “My travel blog: Beautiful Bangladesh”.
” |Use Few words to Describe Your Blog’s nature or content

Posts in:

Page not found |

In case if you do not know; these are not HTML tags merely some texts.

On the above code some texts are inserted within the Title tag.

Here; “Use Few words to Describe Your Blog’s nature or content” is for adding some text for along with home page title. If you add a precise and short line in the home page title, click through from search engines results will increase.

Page not found” for the 404 error pages and “Posts in:” is add to static pagesfor fun in archive pages of blog. (result in the above code: Post in:May 2014)

You can add this kind of phrases and words in you blog titles if you think they describes you particular pages properly and helps your blog’s SERP.

For examples; you could try is in you blog’s label pages:- replace the line-3 in the above code and use <title><data:blog.pageName/>: News, Updates, Tips and Tricks</title>. The results will be for a label page will be “Windows: News, Updates, Tips and Tricks“.

Try different combination and phrases using commas and vertical bars( | ) for your blog until you find one that suits you blog.

As you see there are ways to change the codes to your meet blog’s needs and nature. After you have made you title SEO optimized and search engine friendly, you can be sure that your great post along with its title is showing properly in the search result. now get busy writing great post’s and also great title for them.

If you face any kind of problem implementing this in your blog or if you have any question regarding these tip, or if you want advice for your Blogger/Blogspot blogs do use the comments section and let me know. I will try my best. Hope this post helped you. Thanks for reading.