Think of it from the standpoint of a visually impaired reader. Those with visual impairments use screen readers, which are unable to portray images, but will allow the user to read the title, alt text and captions – if they are provided.
Alt text has been built with the user in mind; however, improving the user experience doesn’t mean neglecting optimizing for company or personal goals as well.
Alt Text Descriptions for Maximum Rankings
When used correctly, alt text contains the ability to provide organic search benefits, which means more exposure for your products, posts and bylines. Just remember, as with all good inbound practices, do what is best for your reader, while following Google’s search quality guidelines, and you’ll get your rewarded in the SERPs.
Image optimization, like site optimization, should first start with the URL. For example, if I owned a fly-fishing shop, and bought the domain 12345xyz.com, do you think a user would know that this URL could lead them to a Sage rod? Highly doubtful.
Just like with the website example, if I had a picture that was saved as 12345xyz.jpg, would a user know that the image was of a Parachute Adams fly? Again, highly doubtful. This is why you need to make sure you start by naming your photos correctly. For example, I want to display an of the Adams fly, I would save the picture as parachute-adams-fly.jpg.
After the file has been saved with an appropriate description, move on to setting your alt text. Alt text should be a natural language description of the image. It shouldn’t ever surpass a single sentence and from personal testing, it is best to keep it under 8-10 words or 120 characters in length, although 5 or 6 words is usually enough.
If you are using a popular CMS like WordPress, this is easily inputted; however, if you are manually entering this, the format should look like this:
<img src=”parachute-adams-fly.jpg” alt=”Hand Tied Adams Fly”>
Don’t forget that if you are linking to an item from the image, the alt text is what will be used as your anchor text. This is another important reason to always set your alt text – it improves user experience by providing users with an idea of where the link will take them.
What to Avoid when Writing Alt Text
Alt text could be seen as the cross between a title tag and the anchor text of an html link. This combination leads to some dos and don’ts and the most common don’ts include:
Don’t stuff keywords
<img src=”adams-fly.jpg” alt=”Adams fly or parachute Adams fly is a dry Adams fly and we tie Adams flies”>
- How many times can you throw the keyword Adams fly in there? That’s awful.
Limit the length
<img src=”adams-fly.jpg” alt=” See this list of commonly used dry flies including the famous Parachute Adams dry fly which is used in many fly fishing scenarios. Learn more about the Adams fly in this post “>
- This is even too long as a meta description, so why would you use as alt text?
Don’t use alt tags out of context
<img src=”adams-fly.jpg” alt=”Sage Rod”>
- The pic is still for the fly, but the alt text was set for Sage rod and is out of context for the source
Image Title vs. Alt Text
The image title is very much different from your alt text – it’s designed to be the text that is displayed as a tooltip when you hover over an image in most browsers. This is a common option on blogging platforms and can be used to markup almost any html document.
Your image title should be relevant, short catchy and concise. This is completely designed for user experience. I have yet to find a correlation between the image title and rankings.
The benefit to using the image title is the fact you can add subtle calls-to-action within these tool tips.
While I am a fan of using image titles, I do feel it is important to keep these from being duplicate to your alt text. If there hasn’t been an algorithm in place for duplicate image titles and alt text, I’m sure there will be down the road.
For additional information, see this video from Matt Cutts on writing great alt text: