| name | image-alt-and-seo |
| description | Use when adding images to pages. Image alt text + filename = image SEO. Drives image search traffic + accessibility.
|
Image Alt and SEO
Alt text describes image content for: accessibility (screen readers), image search (Google Images), and AI search (LLMs read alt).
Alt text formula
[Subject] [doing what] [in context]
Examples:
- 'PSA 10 graded Charizard card showing front and back'
- 'CardPrepAI dashboard with grading results'
- 'Whatnot live break stream with card pulls visible'
Avoid:
- 'card.jpg' (generic)
- 'CardPrepAI logo' (when image is product photo)
- Stuffed keywords ('card card grading card PSA card')
- Empty alt (only for decorative images)
Filename optimization
- Lowercase: 'psa-graded-charizard.jpg'
- Hyphens (not underscores): 'card-grading-process.png'
- Keyword-rich: 'pokemon-card-grading-comparison.jpg'
- Descriptive: 'submission-packaging-protocol.jpg'
- Not too long (< 60 chars)
Image SEO checklist
- Compressed for fast loading (<200KB ideal)
- WebP or modern format (with JPG fallback)
- Responsive srcset for multiple sizes
- Lazy load (loading='lazy')
- Alt text describing content
- Filename SEO-friendly
- Surrounding text relevant
- Image schema (for Recipe, Product, etc.)
Where this fits in the X3 empire
Image SEO rules for every CardPrepAI page.
