This term is also called an Alt tag or Alt attributes. This means alternative text, inserted into HTML code for the purpose of describing an image on the page.
With this video, you'll get to know why alternative text matters and get useful tips on how to create it.
Alt Text in Email Marketing
Alt text in email marketing is extremely important. If you send bulk emails to thousands of recipients, be prepared that many of them won't see the images. Email clients mostly block images because of privacy issues. So, you should find a way to avoid a poor user experience. Alt text can't fully substitute an image, but it's much better than an empty image icon.
Uses of Alt text
Images that fail to render
This is the primary use case for Alt text. Users may block images for better speed, or it may be a default setting of their email client. In this case, Alt text is displayed instead of an image.
If there is no Alt text, there will be just an empty icon.
This is the way your subscribers will see a blocked image with Alt text.
Users with vision impairment
You should think about your subscribers with special needs. People with vision impairment use screen readers. They are able to interpret Alt text. Without including Alt text, users with vision impairment will fail to understand what is described in the image.
Besides, don't use the image title instead of an Alt text. Despite the fact that it doesn't fully describe the picture, titles are often only a mix of letters and digits. Just imagine the confusion felt by people when their screen reader reproduces this.
Writing Alt Text
- Make it descriptive
- Don't make it too long
- Don't use "picture of" or "image of"
- Use proper Alt text for image buttons
- Don't write "Logo" in the Alt text
- Don't write Alt text for decorative images
- Pay special attention to sliced images
Make it descriptive
The two primary functions of Alt text are to substitute images that do not render with a description and to satisfy the needs of people with vision impairment. To aсcomplish these goals, you should describe the image in details as much as possible. To check whether you succeeded or not, ask your friend to close his eyes, read them the Alt text for an image and ask if they can imagine the image. If yes — congrats!
Let's look at an example.
Bad Alt text — "two rabbits"
This is not descriptive enough.
Perfect Alt text — Grey and white rabbits laying in the grass.
Don't make it too long
Despite the fact that Alt text should be highly descriptive, keep screen readers in mind. Screen readers often cut off Alt text that is more than 125 characters. So, stay under this limit or make it even shorter.
Don't use "picture of" or "image of"
It is obvious that your Alt text refers to an image. If you include these words into an Alt text, a screen reader will reproduce "Image Image of".
Use proper Alt text for image buttons
If you add an image which is also a button, make sure that the Alt text explains where the button leads. Use the same words of the button in your Alt text.
Don't write "Logo" in the Alt text
Very often there is a logo from your company at the top of an email, clicking this logo may redirect a recipient to your homepage. This is considered a normal practice. In this case, there's no need to write "Logo" in the Alt text as it has no relevant information, simply write your company's name.
Don't write Alt text for decorative images
Surely, you want to have a good looking email, this may include using decorative images. Images used for decoration don't introduce any information, but beautify your email. Thus, you don't need to write Alt text for these images. They should have null alt text. (alt="").
Pay special attention to sliced images
Sometimes, if an image is very big, it's sliced into multiple images for design concerns. In this case, all the sliced images convey the same idea, but your shouldn't write an Alt text for each "slice." Choose the largest image and write an Alt text for it, because it takes up more space.
Alt text uses for SEO
Alt text helps search engines comprehend images on the web pages while crawling. The page is ranked higher if there is Alt text for images, besides Alt text greatly influences image searches. If your images has Alt text, it's very likely that they will be displayed in an image search — alt texts are very helpful for search engines.
If possible, include keywords in your Alt text, but only if they correspond to the image that is displayed. Otherwise, keyword stuffing will do harm.
Writing Alt Text for SEO
Always avoid keyword stuffing.
Presence of keywords in the Alt text is great, and it shows the relevance of the page, but it's not always possible. Don't stuff your Alt text with keywords if they don't help describe an image because it will only harm you, as search engines don't like keyword stuffing.
To see the Alt text, hover your cursor over an image.
- This article provides an in-depth look at alternative text usage.
- The article on Moz covers the optimal alt text format, its benefits, and offers useful tips to follow.
- In this article on HubSpot blog, you'll find out what alt text is, why it matters to SEO, and how to write it.
Last Updated: 05.02.2020