Image Alt Text

No Comments
Image alt text
TL;DR: Alt text is one attribute doing three jobs. It describes the image to screen reader users, it gives image search something to rank, and it is often the only description of your images that AI crawlers ever ingest. Write what the image means in its context, give decorative images an empty alt="", and stop treating the field as a keyword bucket.
Attribute
alt on every img
WCAG
1.1.1 Non-text Content
SEO impact
Image search + page context
GEO impact
How AI systems read images
Fix effort
Low per image, adds up fast

One attribute, three very different readers

Alt text usually gets filed as an accessibility checkbox, and that undersells it badly. Three distinct consumers read that attribute, and they read it differently.

Screen readers announce alt text in place of the image. If the attribute is missing entirely, most screen readers fall back to the filename, so a real person hears "IMG underscore 4382 dot jpg" in the middle of your article. An empty alt="", on the other hand, tells the screen reader to skip the image completely, which is exactly right for decoration. Missing and empty are not the same thing, and mixing them up is the most common alt text mistake I see in audits.

Search engines use alt text as a primary signal for image search and as context for the surrounding page. Google's own image SEO documentation lists alt text alongside filenames and structured data as the inputs it uses to understand image content. For product, recipe, how-to, and local queries, image results and image packs carry real traffic, and pages with empty image metadata simply do not compete there.

AI crawlers. This is why the check sits in our GEO category. Bots like GPTBot, ClaudeBot, and PerplexityBot fetch your HTML as text. Running vision models over every embedded image at crawl scale is expensive, so in practice the text in your markup, alt attributes included, is what reliably makes it into the systems generating answers about your pages. If a fact only exists in pixels, for most AI retrieval purposes it does not exist.

The thirty-second decision tree

Does the image carry information the text does not? No Decorative: use alt="" (empty, but present) Yes Is it inside a link or a button? Yes Describe the destination or the action, not the picture No Is it a chart, diagram, or complex graphic? Yes Short alt with the takeaway, full explanation in body text No Describe what it shows, in the context of this page

What good alt text sounds like

Describe the image the way you would to a colleague on the phone who needs to act on it. Context decides content: the same photo of a running shoe needs "Nike Pegasus 41 in white and volt, side profile" on a product page, and maybe nothing at all when it is a mood shot in a training article. Front-load the important words, skip "image of" and "picture of" because the screen reader already announces the role, and keep it tight. The old advice to stay near 125 characters is not a hard technical limit in modern screen readers, but it remains a good instinct: if your alt runs three lines, the detail belongs in the body copy.

Image typeWhat the alt should doExample
Product photoName the product, variant, and angle"Osprey Talon 22 daypack in green, front pocket open"
Chart or graphState the takeaway, put detail in the text"Line chart: organic clicks dropped sharply after the March core update"
Linked logo or iconDescribe the destination, not the artwork"SEO ProCheck home"
Tutorial screenshotName the UI location and its state"Search Console page indexing report showing Crawled, currently not indexed"
Decorative flourishSignal that it can be skippedalt="" (empty, never missing)

The GEO angle, without the hype

Answer engines build responses from crawled text. When an assistant summarizes your product page or cites your comparison chart, everything the image communicates has to exist somewhere in the markup for it to survive the trip. Alt text is the image's proxy in that pipeline, so entity-rich, factual alt ("DJI Mini 4 Pro folded next to a smartphone for scale") gives retrieval systems usable facts, while "drone photo new best 2024" gives them nothing. The discipline is the same one accessibility has demanded for twenty-five years, the stakes just got higher. I would not chase any exotic AI-specific alt formula; I would make sure every fact your images carry also exists as text, in alt, captions, or nearby prose.

How to audit alt text at scale

Screaming Frog is the workhorse: crawl the site, open the Images tab, and work the Missing Alt Text, Missing Alt Attribute, and Alt Text Over 100 Characters filters. Bulk Export, then Images, then Images Missing Alt Text Inlinks gives you a spreadsheet mapping every offending image to the pages that embed it. Sitebulb surfaces the same data with friendlier reporting if you prefer that. axe DevTools catches the subtler per-template failures, like images whose alt exists but says "image" or repeats the filename. And Search Console tells you where to start: switch performance to Search type: Image and prioritize the templates that already earn image impressions.

One WordPress gotcha worth knowing: alt text saved in the media library is copied into content at insert time. Updating the library later does not update images already sitting in published posts, so fix alt where the image is embedded, not just in the library.

A fix workflow that actually finishes

  1. Crawl and segment by template. Product images, blog heroes, thumbnails, and theme icons each need different treatment, and lumping them together kills momentum.
  2. Kill the decorative noise first. Spacer graphics, borders, and theme flourishes get alt="" in template code. One fix can clear thousands of warnings.
  3. Write real alt for the money images: products, step-by-step screenshots, charts. This is where the search and GEO value lives.
  4. Make alt a required field in the CMS workflow with a one-line style guide, so the backlog never regrows.
  5. Use AI generation as a first draft, not a final answer. Bulk vision-model alt is a fine starting point, but someone who knows the page context has to approve, because the model does not know your product names or why the image is there.
  6. Re-crawl and compare counts. If missing-alt numbers do not drop to near zero, a template is still emitting bare img tags.

DO

  • Describe the image's meaning in the context of the page
  • Give decorative images an empty alt="", deliberately
  • Describe the destination for images that act as links
  • Put chart takeaways and product facts into the alt as text
  • Front-load the words that matter and keep it concise

DON'T

  • Don't stuff keywords; it reads as spam to every consumer of the attribute
  • Don't start with "image of" or "picture of"
  • Don't leave alt missing so screen readers announce the filename
  • Don't paste one generic alt across every image on a template
  • Don't duplicate the visible caption word for word right next to it

Questions that come up

Is alt text a ranking factor?
For image search, yes, it is one of the main signals Google documents for understanding images. For regular web ranking it is context, not a lever. Nobody outranks a competitor because their alt text is prettier, but pages competing in image-heavy verticals leave real traffic behind without it.
What is the difference between alt="" and no alt at all?
An empty alt tells assistive technology the image is intentionally decorative and should be skipped. A missing alt attribute forces the screen reader to guess, and most fall back to reading the filename aloud. Empty is a decision; missing is a bug.
Should I put keywords in alt text?
If the keyword honestly describes the image, absolutely, that is just accurate writing. A product alt should contain the product name. What fails is bolting query strings onto images that do not show those things; it helps nothing and it is the kind of pattern that makes the rest of the page look worse.
Can AI write my alt text for me?
As a first pass over a large backlog, yes, vision models are genuinely good at literal description. They are bad at context: they cannot know the image is there to show the pocket configuration, not the backpack. Generate in bulk, review with a human who knows the page.
What about CSS background images?
They cannot carry alt text. If a background image conveys information, that is the wrong element: move it to an img tag, or make sure the same information exists as visible text. Backgrounds should be decoration only.

Missing alt text is usually a symptom, not the disease.

Templates emitting bare img tags tend to have other problems: lazy-load traps, missing structured data, unindexable media. I crawl the whole stack and give you a prioritized list of what actually moves the needle.

Book an Advanced SEO Audit

Claude Vincent is a technical SEO consultant focused on crawlability, rendering, and AI-search visibility. He writes the field guides and case studies at SEO ProCheck, with a bias toward the durable, unglamorous work that decides whether search engines and AI answer engines can actually read and cite a site.

About SEO ProCheck

Technical SEO consulting and GEO strategy with 20 years of enterprise experience. Case studies, resources, and tools for search and AI visibility.

Work With Me

Technical SEO audits, GEO strategy, site migrations, and international SEO. Hourly consulting for teams who need hands-on support, not just reports.

Subscribe to our newsletter!

More from our blog