Alt Text That Helps SEO — Without Keyword Stuffing

An e-commerce client renamed every product alt to "best running shoes buy online free shipping." Image search traffic flatlined. Accessibility audits flagged hundreds of failures. Google did not reward the repetition — it ignored the noise.

Alt text exists for people who cannot see the image. Search engines use it as a text substitute for image understanding. When you write for humans first, SEO tends to follow. When you write for keyword density, both audiences lose.

Quick answer

An e-commerce client renamed every product alt to "best running shoes buy online free shipping." Image search traffic flatlined. Accessibility audits flagged hundreds of failures. Google did not reward the repetition — it ignored the noise.

What alt text actually does

The alt attribute provides alternative text when:

• Screen readers announce image content to blind and low-vision users
• Images fail to load on slow connections
• Browsers in text-only or data-saver modes skip images
• Search crawlers index image context alongside surrounding copy

It does not:

• Replace a caption (captions are visible; alts are not)
• Duplicate nearby heading text verbatim without adding information
• Carry hidden keyword lists

Vertex Solutions tool pages use alt text on icons and previews so assistive technology users understand what each control does — the same strings reinforce page topic without stuffing.

The decision tree: informative, functional, or decorative

Before typing, classify the image:

| Type | Example | Alt approach | |------|---------|--------------| | Informative | Chart of LCP improvements | Describe what the chart shows | | Functional | "Search" icon button | Describe the action, not the pixel art | | Decorative | Background flourish | alt="" | | Complex | Infographic with data | Short alt + long description nearby or aria-describedby | | Text in image | Screenshot of error message | Transcribe essential visible text |

If removing the image would leave a gap in understanding, it needs meaningful alt text.

Writing alt text that works

Formula: Subject + context + purpose (when not obvious from page copy).

Weak: image1.jpg or photo

Better: Side-by-side comparison of JPEG and WebP file sizes for the same product photo

Weak (stuffed): SEO alt text keyword SEO image optimization SEO tips

Better: Diagram showing how missing width and height attributes cause layout shift on mobile

Tie alt text to what is unique in the image, not the entire article topic. A post about Core Web Vitals and images might show a Lighthouse screenshot — alt describes the score and LCP element, not the whole guide title.

Keywords: natural inclusion, not quotas

Primary keywords belong in alt text when they accurately label what appears:

• Product photo: model name and distinguishing feature
• Tool screenshot: tool name and visible state ("JSON Formatter with indented output panel")
• Blog illustration: concept depicted, not every tag in the CMS

Synonyms help semantic understanding — "compress" and "reduce file size" both describe a compression UI if that is what the screenshot shows. Avoid repeating the H1 on every inline image.

Word Counter and Character Counter help audit surrounding copy length; alt text itself should stay short regardless.

Alt text for different image roles

Hero and featured images

Describe the visual story, not "featured image for blog post about alt text."

Example: Illustration of a screen reader announcing image descriptions on a blog page

Match image aspect ratios for web crops so alt does not describe content cropped out of frame.

Product and tool UI screenshots

Name the tool and visible outcome:

• Vertex Solutions Compress Image tool showing 68% size reduction on upload
• Resize Image panel with dimension fields filled

Screenshots are high-value for both accessibility and long-tail image queries when alts are specific.

Charts and data visuals

State the takeaway:

Bar chart: WebP averages 32% smaller file size than JPEG at similar visual quality in test set

Link to a data table or summary paragraph for full numbers — do not dump the entire dataset into alt.

Icons and buttons

If the button has visible text ("Download"), the icon beside it is decorative — alt="". If the button is icon-only, alt describes the action: Download compressed PDF.

Author photos

Portrait of [Name], [role] — not keyword bait.

Common mistakes

Filename as alt — IMG_4832.jpg helps nobody.

Redundant alts — Caption says "Figure 1: Compression workflow"; alt should not repeat word-for-word unless the caption is not programmatically associated.

Missing alt on informative images — Worse than mediocre alt; crawlers and assistors get nothing.

Keyword lists in alt — Triggers quality skepticism and fails WCAG intent.

Alts on decorative images — Screen readers announce clutter; use empty alt.

Review common mistakes when resizing images — wrong dimensions plus vague alts compound poor UX.

Alt text and image SEO beyond the attribute

Alt text is one signal among several:

• Descriptive filenames — compress-pdf-workflow.webp not final-v3.webp
• Surrounding copy — Paragraphs near images reinforce context
• Structured data — ImageObject in Article schema where appropriate; see structured data for FAQ pages
• Image sitemaps — For large catalogs; less critical for editorial blogs
• Performance — Image compression for web affects engagement, not alt directly

PNG vs JPG and format posts earn image search traffic when screenshots carry specific alts.

CMS and team workflows

Editorial standards beat one-time audits:

1. Required alt field on upload — block publish if empty on informative images
2. Decorative checkbox — sets alt="" explicitly
3. Examples in style guide — good/bad pairs per category
4. Quarterly spot checks — export alts, search for "image of" filler phrases

AI-generated alts need human review — models over-describe or hallucinate chart trends.

Testing alt text quality

• Screen reader spot check — NVDA or VoiceOver through a draft post
• WAVE or axe — Flags missing alts automatically
• Search Console — Performance report filtered by appearance in image search (where data exists)
• Peer review — Can a colleague understand the image from alt alone?

Alt text vs figcaption vs title

<figure>
  <img
    src="webp-comparison.webp"
    alt="File size comparison of JPEG and WebP versions of the same hero image"
    width="800"
    height="450"
  />
  <figcaption>WebP saved 340 KB on this 1200 px hero without visible quality loss.</figcaption>
</figure>

• Alt — Essential content for non-visual access
• Figcaption — Optional commentary visible to all users
• Title — Skip for accessibility; do not duplicate alt

Internal linking and alt context

Blog images rarely need links in alt text — surround images with internal linking clusters in body copy instead. When an image is also a linked card, alt describes the destination content: Thumbnail linking to guide on PDF compression.

Related articles

• Core Web Vitals and Images — performance complements descriptive assets
• Image Compression for the Web — smaller files, same alt discipline
• Crop Images for Social Media — alt must match visible crop
• Structured Data for FAQ Pages — schema context around page images

Related tools

• Compress Image — Screenshots in guides should show real UI states
• Resize Image — Dimension workflow for consistent crops
• WebP Converter — Format comparison screenshots need accurate alts
• Character Counter — Meta descriptions, not alts — keep roles separate

Key takeaways

• Does alt text directly improve Google rankings: Alt text helps search engines understand image content and context.
• Should I include keywords in every alt attribute: Include the primary topic only when it accurately describes the image.
• What is the difference between alt text and a title attribute: Alt text is read by screen readers and used when images fail to load.

Conclusion

Alt text that helps SEO is alt text that accurately describes what the image shows in plain language. Write for someone listening on a screen reader, include keywords only when they fit the pixels, and leave decorative images silent. Clarity is the strategy; rankings are a side effect of doing it right.