Optimizing Blogger Title TagsOne of the challenges when choosing a 'free Blog' is the SEO implications based on your decision. There is a host of choices out there - Wordpress, Blogger, Moveable Type, etc.
Personally, I chose Blogger as my 'free Blog' of choice without a lot of research. I figured, "Hey, Google, owns it. It must be good, right?" Well, the answer is yes and no. For a publishing platform it is easy to use, edit, incorporate Adsense, change templates, etc. From an SEO standpoint, however, it is very limited.
By default Blogger templates come with a “smart” tag inserted that automatically places the Blog Title before every post title in the title tags on the actual post pages. This “smart” tag also displays only the Blogger Title for the main page of the blog - meaning your Blog title is shown on EVERY page.
So, for most of you involved in SEO, I’m preaching to the choir when I tell you that title tags are important and that they could very well be the most important piece of your blog. For those of you not familiar, here are a couple of things about title tags.
- Title tags describe a page. They are a one line summary of what the page is about. The common understanding of the tag is to wrap the title of the site. Unfortunately for many people, the title of the site is completely un-descriptive of the content of the blog. For example, my blog is called "Search Marketing Blog Online”. If I put this in the title tag, search engines really have no clue as to the content of each post on my site. It would be much better for SEO to place a keyword-rich description (e.g. “Optimizing Title Tags for Blogger”) in the title tag.
- It’s the Title Used in SERPs! The content of your title tag is what will be displayed in search engine results.
So, here you go!
Optimizing Blogger Title Tags - Beta VersionThis is written for Blogger's Beta version and so it only works in Beta.
Find the following codes, near the top of your template:
<title><data:blog.pageTitle/></title>Replace with the following code:
<!-- Start Widget-based: Changing the Blogger Title Tag -->
<b:if cond='data:blog.pageType == "item"'>
<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='comments' var='post'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='main' var='top'><title><b:loop values='data:posts' var='post'><b:include data='post' name='post'/></b:loop> ~ <data:blog.title/></title></b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='post' var='post'><data:post.title/></b:includable>
<!-- End Widget-based: Changing the Blogger Title Tag -->
Optimizing Blogger Title Tags - Classic Version<title><br /><mainorarchivepage><$BlogTitle$></mainorarchivepage><br /><itempage><blogger><$BlogItemTitle$></blogger> - <$BlogTitle$></itempage><br /></title>
Use the above code in place of: <title><$BlogPageTitle$></title>
That's all for now! Happy Blogger optimizing:) You can click through some of my other posts to see how the code transposes the title tags.