Alt Text vs Image Title Text: What's the Real SEO Difference?

Alt text matters for SEO and accessibility. Image title text doesn't matter for either — it's a browser tooltip that appears on hover, isn't read by most screen readers by default, and carries no ranking signal that Google has ever confirmed. The practical rule is simple: write descriptive alt text for every meaningful image; skip the title attribute entirely unless you have a specific interactive reason to include it.

If you're spending time filling in image title attributes for SEO purposes, stop. That time is better spent on alt text you haven't written yet.

What alt text actually does

The alt attribute provides a text alternative for an image. Its HTML looks like this:

<img src="sourdough-bread.jpg" alt="Sliced sourdough loaf on a wooden cutting board">

Alt text serves three purposes, in rough order of SEO importance:

Google Image Search ranking. Alt text is Google's primary signal for understanding what an image depicts. Google's own documentation states: "When choosing alt text, focus on creating useful, information-rich content that uses keywords appropriately and is in context of the content of the page." Pages with well-written alt text index their images more reliably and rank higher in Google Images.

Accessibility. Screen readers read alt text aloud to visually impaired users. This is a legal and ethical requirement in most jurisdictions, not a best practice. The ADA and WCAG 2.x Success Criterion 1.1.1 both require text alternatives for non-decorative images.

Fallback display. If an image fails to load, the browser renders the alt text in the image's place. This matters on slow connections and for email clients.

What image title text actually does

The title attribute adds a browser tooltip that appears when a user hovers over an image for a second or more:

<img src="sourdough-bread.jpg" alt="Sliced sourdough loaf on a wooden cutting board" title="Artisan sourdough bread recipe">

That's it. The tooltip behavior is the feature.

What it doesn't do:

• It is not read by JAWS, NVDA, or VoiceOver screen readers by default (some screen readers have settings to expose it, but the default is to ignore it).
• It carries no confirmed SEO signal. Google has never stated that image title attributes affect ranking.
• It does not substitute for alt text. WCAG explicitly prohibits using the title attribute as the sole text alternative for an image.

Some SEOs argued in the early 2010s that image title attributes contributed to ranking. There's no credible evidence this was ever true, and no Google guidance has ever supported it.

How to write good alt text

Alt text quality depends on context. A useful mental test: imagine you're describing the image to someone who can't see it. What would they need to know?

Be specific and descriptive. "Man standing outside" is less useful than "A developer looking at code on a laptop in a coffee shop." The more precise, the more useful it is for accessibility and the more surface area it creates for matching image queries.

Make it contextual. Alt text should fit the page's content and purpose. An image of a graph on a data analysis page needs different alt text than the same graph on a news article. Describe what the image contributes to the surrounding content.

Include keywords naturally — don't stuff them. If the page is about sourdough bread and the image shows sourdough bread, it's natural and correct to mention sourdough bread in the alt text. Writing "sourdough bread sourdough recipe artisan sourdough best sourdough bread" is keyword stuffing and will be treated as low quality.

Keep it under about 125 characters. Screen readers typically cut off alt text around this length. If the image requires a longer description, use the longdesc attribute or describe it in the surrounding body text.

Don't start with "Image of" or "Photo of." Screen readers already announce that the element is an image. Starting with that prefix wastes characters and creates redundancy.

When to use empty alt text

Decorative images — images that don't convey content and are purely visual — should use an empty alt attribute:

<img src="decorative-divider.png" alt="">

The empty alt="" tells screen readers to skip the image entirely. This is the correct, standards-compliant approach for decorative images. The alternative — omitting the alt attribute — causes screen readers to often fall back to reading the filename, which is noisy and unhelpful.

Decorative images include: background textures, spacer images, purely stylistic separators, and icons whose meaning is already conveyed by adjacent text.

Icons and SVGs

Inline SVG icons are a common case where alt text is handled differently. For SVGs used as images, add role="img" and an aria-label attribute:

<svg role="img" aria-label="External link">...</svg>

For SVGs that are purely decorative, add aria-hidden="true" to hide them from the accessibility tree.

The practical "use alt, skip title" rule

Given all of the above, the actionable workflow is:

1. Write descriptive, contextual alt text for every image that contributes meaning to the page.
2. Use alt="" for purely decorative images.
3. Skip the title attribute unless you have a specific interactive reason for the tooltip (e.g., on a form element that benefits from a hover hint).
4. Never use the title attribute as a substitute for alt text.

This covers the accessibility requirements, maximizes your Image Search surface area, and doesn't waste time on an attribute that provides no SEO benefit.

Auditing your existing images

Finding images with missing or poor alt text across a site requires a crawl. Most crawl tools report on missing alt attributes. For a single-page check, browser developer tools (Elements tab, filter for <img>) show every image element and its attributes at a glance.

The heading structure analyzer also surfaces basic accessibility issues in your page structure. For a complete on-page audit that includes alt text coverage alongside 79 other checks, RankCrab's audit tool runs the full analysis in one pass.

How alt text fits into on-page SEO

Alt text is one of seven categories of on-page signals. It affects Image Search traffic directly, contributes to accessibility compliance (which increasingly feeds into quality signals), and is one of the faster wins on most sites — a surprising number of pages have images with empty or missing alt attributes.

For the broader framework of how on-page signals work together, see the On-page SEO guide. For the heading structure side of accessibility — which works alongside alt text to create a fully navigable page — see How Many H1 Tags Should a Page Have? and H2 and H3 Heading Structure.

Alt text and heading structure aren't independent optimizations — they're part of the same commitment to building a page that communicates clearly to every reader, human or automated.