Alt Text
Alt text (alternative text) is an HTML attribute on `<img>` tags that provides a text description of an image for screen readers, search engine crawlers, and situations where the image cannot be displayed.
Alt text serves dual purposes: accessibility (screen readers read it aloud for visually impaired users) and SEO (search engines use it to understand image content and rank images in Google Images).
Write descriptive, concise alt text that conveys the image's purpose in context. Avoid keyword stuffing and phrases like "image of" or "picture of" — screen readers already announce it as an image. Decorative images (borders, spacers) should have empty alt text (`alt=""`) so screen readers skip them.
In Next.js, the `<Image>` component requires an `alt` prop. Indxel validates that all images have alt text and flags empty or overly generic descriptions.
Example
// Next.js Image component
import Image from "next/image";
<Image
src="/screenshot-cli.png"
alt="Indxel CLI output showing SEO score 91/100 with 3 warnings"
width={800}
height={450}
/>
// Bad: alt="image" or alt="screenshot"
// Good: alt="Terminal output of npx indxel check showing passing results"Related terms
On-Page SEO
On-page SEO refers to the optimization of individual web page elements — content, HTML tags, structured data, and internal links — to improve search engine rankings and user experience.
Title Tag
The title tag is an HTML element (`<title>`) that specifies the title of a web page. It appears in search engine results, browser tabs, and social media shares as the primary clickable headline.
Meta Description
A meta description is an HTML meta tag that provides a brief summary of a web page's content. Search engines often display it as the snippet below the title in search results.
Stop shipping broken SEO
Indxel validates your metadata, guards your CI/CD pipeline, and monitors indexation — so you never miss an SEO issue again.