TechnicalAlternative text

Alt text

The alt attribute describing an image's content and function for screen readers, for cases where the image fails to load, and for image search.

In full

Google uses alt text alongside surrounding content and the filename to understand images for Google Images and image packs. Good alt text describes what matters about the image in context and is concise; decorative images should carry an empty `alt=""` so assistive technology skips them. Keyword-stuffed alt attributes are treated as a spam signal and help nobody.

Example

`alt="Cross-section of a sourdough loaf showing an open crumb"` rather than `alt="bread bread recipe sourdough best bread"`.

Related terms

Image pack

A horizontal or grid block of image results embedded within the web SERP, linking through to Google Images.

Image and video sitemap extensions

Namespace extensions to XML sitemaps that declare images and videos associated with a page so they can be discovered for Images and Video…

Semantic HTML

Using HTML elements according to their meaning — article, nav, main, table, time — rather than generic divs styled to look right.

Web accessibility (WCAG)

Designing and building so people with disabilities can use a site, guided by the W3C's Web Content Accessibility Guidelines.

Structured data

Machine-readable annotations on a page, usually Schema.org vocabulary in JSON-LD, that describe entities and make pages eligible for rich…

Where to read more

Tools that touch this