Optimizing your Blogger Blog for SEO

Now that you have a Blogger blog all set up - you're going to have to optimize it a little for best SEO performance.

Optimizing the Title tags on your Blog

You may have noticed that Blogger already automatically creates title tags for your blog pages. This is done with a bit of dynamic code that Blogger inserts into the title tag of each page.  If you go to Blogger and click on "Template" and then click "Edit HTML", you will be able to see this code already in place:

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

On your blog's home page, the page title is simply the name of your blog.  You will probably want to add some more copy here, especially if your blog title is a little esoteric or not immediately understandable.  

On individual posting pages, the title tag is the name of your blog followed by a colon (:) and then the name of your post.

The problem with this is that only the first 65-70 characters of a title show up in search results listings.  If your blog is called "The UNI Digital Advertising Blog", and you write a blog post called "The magical powers of Google's Hal Varian", then your Blogger page title will show up like this (I've put the first 65 characters in green and the characters that will get left out of the title listing in red):

The UNI Digital Advertising Blog: The Magical Powers of Google's Hal Varian

See what happens?  A very important keyword gets cut off!  So if a user was searching for "Hal Varian", they might skip this search result because they don't SEE their keyword in the title.

To remedy this, many have recommended changing the code in your Blogger template to switch the order so that your blog post title goes FIRST and your blog name goes second.  

Here's a link with the code you will need:
Adjust Blogger Title Tags to Improve SEO

I wanted to add the hashtag (#advertisingspoiled) to my blog title, as well as a little blurb about the blog ("all things digital, mobile, and social").  I followed the directions in the blog post above and here is what my code ended up looking like:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title>#advertisingspoiled - <data:blog.pageTitle/> - All Things Digital, Mobile, and Social</title> </b:if>

Now the page title of my blog contains some extra keywords, and my blog post page titles contain the title of the blog post FIRST, followed by the name of my blog.

Optimizing the Meta Description tags on your Blog

You're going to thank me profusely for this tip - I found a way to customize your Meta Description tags WITHOUT editing your template HTML code!  

Your Blog's Main Description Tag
First, for the main Description tag on your blog's home page, go to "Settings / Basic" and edit your blog's "Description".  Whatever you write here will automatically be included in the meta description tag on your home page.

Description Tags for your Blog Posts
Before you can start writing these, you need to enable Meta tag descriptions in "Settings / Search Preferences":

Just click "Edit", and click "Yes" when asked to "Enable Search Description":

Now you're all set. When writing a blog post you can now click on an option called "Search Description" located in the "Post Settings" menu on the right hand side of the screen. Write your meta description copy for that post and click "done".  

It is best practice to write meta description copy for each of your blog's posts. Just try to summarize your blog post in 150 characters or less.  Make it readable and try to include important keywords (and all the other stuff you learned from this post).  If you don't, then Blogger will not include a Meta Description tag for that post.