Images make up 50-70% of any web page's weight, according to HTTPArchive. Yet despite this, most sites upload images straight from the camera, add generic alt text, and wonder why their images don't appear in Google Images. In 2026, image optimization is the highest-ROI technical investment: it improves site speed (LCP), prevents layout shift (CLS), drives traffic from image search, and makes your site WCAG-compliant.
Why Image SEO Matters in 2026
- 22-27% of all searches are on Google Images
- Google Lens searches have increased 40% in the last two years
- Unoptimized images are the #1 cause of slow LCP
- Millions of users have visual impairments and rely on alt text
- AI systems use images and alt text to understand content
Choosing the Right Format
| Format | Best Use | Size vs JPEG | Transparency |
|---|---|---|---|
| JPEG | Photographs | Baseline | No |
| PNG | Screenshots, transparency | 20-40% larger | Yes |
| WebP | JPEG/PNG replacement | 25-35% smaller | Yes |
| AVIF | Best compression | 40-55% smaller | Yes |
| SVG | Logos, icons | Variable (scalable) | Yes |
2026 Recommendation: Use WebP as your primary format (97%+ browser support). Use AVIF for additional optimization with a WebP fallback.
Alt Text: The Strongest SEO Signal for Images
Alt text is the text that Google reads to understand image content, and screen readers read for visually impaired users. There is no stronger SEO signal for images.
Alt Text Writing Rules: 1. Describe the image, not the page: "Brown leather shoe with canvas straps" is better than "Product" 2. Be specific: "Red Honda CB650R motorcycle" is better than "Vehicle" 3. Include the keyword naturally once 4. Keep it 80-125 characters 5. Don't start with "Image of" or "Picture of" — screen readers already know it's an image 6. Use alt="" for decorative images (purely ornamental elements)
Technical Optimization
Compression and Size: - Hero image: Under 500KB, preferably under 200KB - Content images: Under 100KB - Thumbnails: Under 50KB - Use quality level 80-85 (visually imperceptible but reduces size by 30-50%)
Dimensions (width/height): Add width and height to every <img>. This prevents CLS entirely. The browser calculates aspect ratio and reserves space before the image loads.
Proper Lazy Loading: Use loading="lazy" only for images below the fold. Never use it on the hero image (LCP element). Instead, add fetchpriority="high" to the hero image.
Responsive Images with srcset: Serve different image sizes for different screen widths: - 480w for mobile - 768w for tablet - 1200w for desktop
XML Image Sitemap
Create a dedicated image sitemap or include image tags in your regular sitemap. This helps Google discover images it might not find through page crawling, especially images loaded via JavaScript.
Structured Data for Images
Use ImageObject schema markup to provide additional context about your images: caption, author, license, and location. This can lead to rich results in image search.
Common Image SEO Mistakes
- No alt text or generic alt text ("image.jpg" or "photo")
- Oversized images (5MB hero images killing LCP)
- Missing width/height attributes causing layout shifts
- Using PNG when WebP would be 35% smaller
- No responsive images (serving desktop-sized images to mobile users)
- lazy loading on hero images
- Not using an image CDN