Alt text in e-commerce: why it matters and how to write it

By Manuel Mattar3 min read

In short

Alt text describes an image in words for people who cannot see it and for search engines. In a store it should say what the photo shows —the product, its color, the angle or the use— in one or two concrete sentences, without stuffing keywords. Writing it for thousands of photos takes a process, not good intentions.

What it is for

Alt text —an image's alt attribute— does two jobs at once:

  • Accessibility. Screen readers read it aloud to people who cannot see the image. For them, a photo without alt text does not exist. The W3C accessibility guidelines require all non-text content to have a text alternative.
  • Search engines. Google uses alt text, together with the page content, to understand what an image is about. A good description helps your photos show up in image search.

On top of that, several marketplaces ask for it to publish a product's images.

What to say

The W3C sums it up in one question: what information does this image provide? On a product page, that is usually:

  • which product it is, without repeating the full name and code;
  • what this particular photo shows: the front, the back, a detail, the product in use;
  • what is not in the text: the exact color of this variant, the size compared with a hand, what is in the box.

An example: instead of “drill”, “cordless hammer drill seen from the side, with the battery attached and the chuck open”.

What to avoid

  • Keyword stuffing. “Drill cheap drill cordless drill” describes nothing and Google treats it as filler.
  • Starting with “image of” or “photo of”. The screen reader already says it is an image.
  • The same text on every photo. Each photo exists because it shows something different; the text should say what.
  • Making things up. If the photo does not show outdoor use, the text should not suggest it.
  • Leaving it empty on a product photo. Empty alt text tells the screen reader the image is decorative.

Alt text in every language

If you sell in several languages, alt text gets translated too. An English product page with images described in Spanish confuses buyers who use a screen reader and the search engine of the other market. Each image should have its description in every catalog language, and the store should use the one for the page's language.

The scale problem

Writing good alt text for one photo takes a minute. For ten thousand photos it is more than a hundred hours, which is why many catalogs never do it or fill it with the product name. It makes sense to rely on AI that looks at the image and proposes the description, as long as someone checks that it describes what is actually there.

How to review what AI proposes

When AI proposes the text, the review is quick if you look at the right things:

  • Does it describe this photo or the product in general? If all ten photos say the same thing, what makes each one different is missing.
  • Does it say something that is not visible? A feature, a use or a material the photo does not show does not belong in the alt text.
  • Do the color and the variant match the product record the image is linked to?
  • Is it in the right language for each version of the record?

With those four questions, reviewing a hundred images takes minutes, not hours.

How Bruxel handles it

In Bruxel each image lives in your library, linked to one or more products, and the “Write with AI” button generates its alt text in four languages at once: Spanish, English, French and Portuguese. The product record shows the text in the screen's language and the text travels with the image on export. The images guide explains it, and the photos for the whole catalog use case shows it on video.

Where to start

Start with the main images of your best sellers: they are the most viewed and the ones search engines show first. Check that each one has a text saying what the product is and what is shown, then move on to the gallery photos.

The video tutorial

Video transcript

In this video, you'll upload a product photo, write its alt text and see how your space works.

From the product record, “Upload images” saves the photo to your library and assigns it to this product in one step.

The first one is the main image: it's the one exported as the base image.

“Remove” takes it off this product, but doesn't delete it from your library.

Images holds your whole library, and the bar tells you how much space you've used.

Alt text describes the photo for people who can't see it and for search engines: the AI writes it in four languages at once.

The cost is on the button, and if it doesn't finish all four languages you aren't charged.

Your account comes with space to get started, and if you need more you add blocks paid monthly with credits.

If you're short on credits one month you get 15 days of grace, and we never delete your files over a missed payment.

What you delete goes to the trash for 30 days, and meanwhile it still takes up space.

In the next video, you'll create a model and photos of your product with AI.

Frequently asked questions

How long should alt text be?

Long enough to say what the image shows, usually one or two short sentences. If you need a paragraph, that information probably belongs in the product description.

Should I put the product name in every photo?

You can name the product, but each photo should say what is different about it: the front, the stitching detail, the product in use. Ten photos with the same text help nobody.

Does a decorative image need alt text?

An image that only decorates, such as a background or an ornament, gets empty alt text so screen readers skip it. Product photos always carry information, so they always need it.

Sources

  1. Images Tutorial (W3C Web Accessibility Initiative)
  2. Understanding Success Criterion 1.1.1: Non-text Content (W3C)
  3. Google Images best practices (Google Search Central)

About the author

Manuel Mattar

Founder of Bruxel.AI

In 2014 he founded Wolf Sellers, an e-commerce agency in Mexico City, and later Bruxel.AI, the AI-powered PIM.

See all posts by Manuel Mattar

Try it with your catalog

Create your free account and try Bruxel with your own products using the welcome credits.

Keep reading

Alt text in e-commerce: why it matters and how to write it