One of the most often overlooked elements of SEO (though I don’t really know why, given how much coverage it gets) is the alt attribute. You will notice that I am saying alt attribute rather than alt tag, because that is what it is. ‘Alt tag’ is used so often incorrectly, for there is no <alt ></alt>
The alt attribute’s use, as many will already know; is to describe the image, because search engines and screen readers cannot see what the image is of. Leaving out alt attributes from your image tags, or leaving them empty, means that search engines are missing some of your content.
For example on the product page you may have the title of the product in the Meta title, and the H1 of the page, but not in the page copy, because the page copy may be talking about the product without actually referring to it by its specific model name. If you have an image in the page copy with another instance of the product name located in the alt attribute, this can provide some further reenforcement to search engines as to the relevance of your page.
When I first learned to build websites, I would create my site layout in photoshop, then slice the layout up and present it in a table. I would then overlay my actual textual content with an absolutely positioned div (some of my old sites are still using this layout!). The benefit of this method was of course the very small amount of coding time, and the reasonable result. The downside however, was the need for image maps for links, javasccript for rollovers, and absolutely positioned divs, which aren’t the most flexible of creatures.
How does this relate to alt attributes? Well when I used this type of layout, i would have between 9 and 18 images that were simply the background of the site – there was no real appropriate alt attribute because they would have just had to have been ‘background image1, 2, 3′ etc. The option some people take of course is to use this to their advantage and put a different key phrase in every image’s markup, but if you think that search engines don’t know that trick, then you’re stuck in the 90’s.
That said, you don’t want your alt attributes to be too bare either, ‘my product, from my company name and my services’ will always be more effective than ‘my product’, if you catch my drift. There’s a fine balance, and unlike Meta content, there is no set limit as to how many characters search engines will accept. There are however, general guidelines that you can follow; if you have trouble reading it, you’ve tried too hard. If you feel like you’re reading an advertisement, you’ve tried too hard, and finally, if you find yourself reading a list of words rather than a very short sentence, you’ve tried too hard.
I’ll be honest, I don’t like alt attributes. As a FireFox user I rarely ever see them, and I like it that way. Thought I will admit that they are useful for SEO purposes, and definitely should not be overlooked.
the funny thing is that the picture posted with your story doesn’t got an alt attribute
rominiek
March 6th, 2008
Well spotted! thankyou!
It does now :)
John
March 7th, 2008
The alt attribute isn’t for describing the image. It’s to offer a text alternative to the image. Very important difference.
Example; you have an yellow explanation icon at the beginning of a paragraph to indicate an important comment. The alt attribute shouldn’t then describe how it looks like, “Yellow triangle with black explanation icon”, it should say something like “Warning:”, “Attention:” or similar.
I’m posting this because I see it said so many times that alt=”" is for describing, while it’s not and I feel it’s important to emphasize this difference.
Thomas Thomassen
March 23rd, 2008
Hi Thomas, thanks for commenting! You’re completely right in what you’re saying, I should have chosen my words a little more carefully. By description I meant a description of what the image is, but not describing the image itself, as you said!
John
March 23rd, 2008