Fix: Multimodal Readiness (Alt Text)

What this means

A low Multimodal Readiness score means many of your images lack alt text. The score is simply: ImagesWithAlt / ImagesTotal × 100. Without alt text, AI systems lose information carried by product photos, charts, screenshots, and diagrams.

How to write good alt text for AI

• Be specific: "Red Nike Air Max 90 running shoe, side view" not "shoe image"
• Include data: For charts, include the key takeaway: "Bar chart showing 40% growth in Q3 2025"
• Describe actions: For screenshots: "SEODiff dashboard showing AI Readiness Score of 87"
• Skip decoration: Use alt="" (empty) for purely decorative images (dividers, background patterns)

Framework-specific

Next.js

<Image src="/product.jpg" alt="Blue ergonomic office chair with lumbar support" width={600} height={400} />

WordPress

When uploading images, fill in the "Alternative Text" field in the media library. For existing images, update via Media → Library → select image → fill "Alt Text".

Shopify

Edit product images and fill in the "Image alt text" field. For theme images, edit the Liquid template and add alt attributes.

How to validate

1. Re-scan with SEODiff — Multimodal Readiness should increase.
2. Target 90%+ alt text coverage (100% for product/data images).