Image SEO Optimization Guide
Images quietly govern page speed and visual search. This guide covers the format, compression, and delivery choices that actually move rankings.
Why Images Deserve Their Own SEO Plan
Images are rarely the headline of an SEO strategy, yet they quietly govern two things Google weighs heavily: page speed (LCP is very often an image) and visual search discovery. On slower mobile networks common across many markets, an unoptimized hero image can push LCP past the 2.5s threshold and drag the whole page down. Done right, images also win image-pack and lens-style placements that text alone never captures.
1. Choose the Right Format
- AVIF where browser support allows — best compression at equal quality.
- WebP as the safe default for photos and complex graphics.
- SVG for icons and logos (text-based, tiny, crisp at any size).
- PNG only when you need lossless transparency that WebP can't cover.
Modern formats cut bytes by 30–70% versus legacy JPEG/PNG — the single highest-leverage change for image-heavy pages.
2. Compress Without Visible Loss
Target a perceptual balance: shrink file size until a side-by-side looks identical to a human, then stop. Tools like Squoosh, sharp, or ImageMagick let you set quality 70–85 for photos. Re-compress any asset uploaded by non-technical editors — CMS uploads are frequently uncompressed.
3. Size, Dimensions & Responsive Serving
Never ship a 4000px-wide photo into a 600px container. Use srcset and sizes so each device pulls the smallest adequate version:
- Generate 1x, 2x, and a few width breakpoints per hero.
- Set explicit
width/heightattributes to reserve layout space (prevents CLS). - Let a CDN auto-convert and resize on the edge for international visitors.
4. Lazy-Loading Done Correctly
Lazy-load below-the-fold images with loading="lazy". But keep the first viewport's LCP image eagerly loaded — lazy-loading the LCP element is a classic mistake that hurts the very metric you're trying to improve.
5. Alt Text That Helps Users and Crawlers
Alt text is for accessibility first, SEO second. Write it as a concise description of what the image shows and why it matters in context — not a keyword dump.
- Decorative images: empty
alt=""so screen readers skip them. - Informative images: describe the subject and its relevance.
- Avoid stuffing the same keyword into every alt on a page.
6. Filenames & Captions
A filename like blue-running-shoes-side.jpg is marginally better than IMG_4821.jpg, but the real ranking signal is the surrounding context (heading, caption, paragraph). Name files sensibly; don't obsess.
7. Image Sitemaps & Structured Data
For image-heavy or gallery sites, an image sitemap helps discovery. Add ImageObject schema where images are central to the page (recipes, products). Licensable images can use the licensable badge to surface in image search.
8. CDN, Caching & Geodistribution
Serve images from a CDN close to users. Set long cache headers (a year for versioned filenames) so repeat visitors don't re-download. For global audiences, edge-resized images remove the transcontinental round trip that slows first paint.