SEO Tip: Blog Meta Tags

SEO Blog Tip

While meta tags are becoming less and less important to Google for ranking purposes, they are still important to other search engines.

However, I think more important than for SEO purposes, the meta tag description is what readers will see when they search for something and your blog homepage comes up in the search engine results.

Meta Tag Description & Keywords

What do Meta Tags mean, what do they do?

Meta Tag Description:

This is where you describe what your blog is about, hopefully using some keywords in your description that pertain to the content you generally post about.

This is what Google (or any search engine) generally pulls when someone searches and your blog homepage is in the results. The meta tag description is what is listed in the search results description.

An example:

My meta tag description for hands on : as we grow is this:

Hands on kids activities, crafts, and art projects for hands on moms.

It shows up in Google search results like this:

Meta Tag Description

Meta Tag Keywords:

The same way I spoke about finding keywords for particular posts, you want to do the same for your overall site.

Use the Google Keyword Tool to find the best keywords and keyword phrases that are fitting for your site. Don’t overload your meta tag keywords, just pick relevant ones. The 15 minute SEO Checklist suggests only 10 to 20 keywords at most.

<Keywords> metatag

The <Keywords> metatag also matters, though as all metatags it gets almost no attention from Google and some attention from Bing and Yahoo! Keep the metatag reasonably long – 10 to 20 keywords at most. Don’t stuff the <Keywords> tag with keywords that you don’t have on the page, this is bad for your rankings.

I mentioned that these meta tags are becoming less and less important, you can read more about Google’s use (or not use) of meta tag keywords, just keep in mind that other search engines do still look at the meta tag keywords.

How to add Meta Tags to a Blogger Blog:

Important: Please download a copy of your template before making edits by clicking on the Backup/Restore button in the Template tab.

In Blogger, you will be editing your template HTML. Go to the Template tab > Edit HTML > Proceed.

Find (Ctrl+F):

<b:include data='blog' name='all-head-content'/>

Add the following code right after that line:

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

It will look like this:

<b:include data='blog' name='all-head-content'/>
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Change the DESCRIPTION HERE and KEYWORDS HERE to be specific to your blog. Save your template once you’ve filled in the appropriate areas.

Meta tags on self-hosted WordPress:

Use the All in One Pack SEO plugin! Fill in the information and you’re done! Check out the theme that you’re using though, some premium themes (such as Thesis and Genesis) have built in SEO packages that are better and easier to use without the need for an additional plugin.

The All in One SEO Pack allows you to fill in these meta tag fields on each post as well. Very vital, probably more so than it is on the homepage.

Meta tags for free WordPress:

Sorry, as far as I can see from research, you can’t access the meta tag files in order to add them. Bummer.

More SEO tips on the way!

Be sure to sign up to receive posts by email so you don’t miss one!

In the meantime,

have you been working on the other SEO tips we’ve shared?

Blogging Basics – Blogger Commenting System

blogging basics how tos and advice

We all love receiving comments on our blogs without looking at the Stats it’s one of the ways that we know that people are reading them. However, Blogger in it’s standard set up discourages some people for commenting.

getting people to comment on your blog

With my Tuesday Tots link up over on Rainy Day Mum I started out visiting every blog that linked up but after a while I realised that I couldn’t manage to do this because of a few features that blogs used that meant that I couldn’t leave a comment easily without spending half an hour trying to work out how to do it.

One of the easiest things to change is to enable word press and other blog uses to leave a comment with a link back to their site is by enabling the Name/URL and Anonymous function of your blogger blog commenting system. Do not fear… Blogger has a good spam filter system in place and although you may get the occasional spam comment you can quickly delete these. However, by enabling the Name/URL and Anonymous you will encourage other bloggers to leave comments.

encouraging comments on your blog

To change the settings:

  • Go into your blogger dashboard and then Settings.
  • From the settings menu choose Posts and Comments.
  • There you can set the “Who Can Comment?” settings to Anyone, which allows bloggers and readers who don’t use Blogger to easily leave a comment with a link back to their blog so you can go and visit and leave a comment as well.

Putting social media icons on your blog

blogging basics how tos and adviceSo you’ve created a page on Facebook, signed up for Twitter, navigated the minefield that is creating a G+ profile and business page and opened a Pinterest account as well as spent hours and hours looking at everything on there and now you want to let people know where you can be found so you can start building your blogging community.

social media icons for your blogPutting social media icons into blogger

These will need to go into a gadget on your sidebar or other location on your blog. First off you need to add a gadget – we’re going to choose the HTML/Java Script gadget and open it up.

html text gadget in bloggerTo get you started we are providing a free set of icons for you to you. There is a Twitter, Facebook, Pinterest and G+ Icon.

free basic social media iconsInto the box that appears you will need to copy the code below to use the icons – the portions of text highlighted are areas where you need to insert your own URL’s for the different social media.

<a href="your facebook page URL">
<img src=""
height="50px"/></a><a href="your pinterest account URL">
<img src=""
height="50px"/></a><a href="your google+ page URL">
<img src=""
<a href="your twitter account URL"><img src=""

If you title your gadget something like Come Follow us it will appear on your blogger blog like below

social media iconsUsing your own Icons

If you want to create your own icons or use some that you have found on the web you will first need to upload the images into your Picasa or other online image storing area and then change the red parts of the code below to the image URL that you want to use

<a href="your facebook page URL">
<img src=""
height="50px"/></a><a href="your pinterest account URL">
<img src=""
height="50px"/></a><a href="your google+ page URL">
<img src=""
<a href="your twitter account URL"><img src=""

Remember to test your icons that you have them linked to the correct URL

Troubleshooting social media icons

There are a few common problems with putting in social media icons

I want all my media icons to appear on 1 line

Using the code above they should if you sidebar is 250 px or wider fit on a single line – if you have a smaller sidebar then one of the icons will appear on the line below – in the template option in your blogger dashboard you can change these dimension – at Blogging with Kids we recommend using a sidebar of 350px+ as this will allow you to place the large ad units from Google Ad Sense.

My social media icons are all over the place some higher up than others

If you are using your own images this can be a very common problem – part of the issue is the way that the images are designed, some designers may have added extra blank space around the icons in our code above we have added the instruction height ="50px" this gives the instruction to make each icon 50px high – by changing the 50px you can alter the height of the image and make it fit with the other images- using icons from the same set shouldn’t produce this problem.

I want to add more social media icons

To add more copy the code

<a href="your social media URL">
<img src=""

and add in your social media URL (highlighted in yellow) and change the image URL (in red) to the icon that you want to use. You may find that you need to add in a line break so that your icons split between 2 lines in which case add the code br before the <a href="..... and this will put in a line break.

If you have any problems please let us know in the comments