Image SEO: How to Optimize Images to Rank Higher on Google
Images are usually the heaviest thing on a page and one of the most overlooked ranking levers. Done right, they win you image-search traffic, speed up your Core Web Vitals, and make your pages more accessible. Here's the complete image-SEO checklist we follow in 2026.
1. Descriptive filenames
Search engines read filenames. DSC_0431.jpg says nothing;
golden-retriever-puppy-training.jpg tells Google exactly what the image shows. Use
lowercase words separated by hyphens, and describe the actual content — no keyword stuffing.
2. Meaningful alt text
The alt attribute is the single most important image-SEO signal, and it's an
accessibility requirement — it's what screen readers announce. Write what a person would say
describing the image to someone who can't see it:
<img src="..." alt="Barista pouring latte art into a white ceramic cup">
- Be specific and concise (a short sentence, not a paragraph).
- Include your keyword only if it's genuinely relevant to the image.
- Leave
alt=""(empty) for purely decorative images so screen readers skip them.
3. Compress and use next-gen formats
Page speed is a ranking factor, and images are where most of the weight lives. Two moves matter most:
- Compress every image to its visual sweet spot before publishing. See how to compress without losing quality.
- Serve modern formats. WebP is ~25% smaller than JPG; AVIF is smaller still. Our WebP vs AVIF guide covers which to choose.
4. Responsive images with srcset
Don't ship a 2000px image to a 400px phone screen. Use srcset and
sizes so each device downloads an appropriately sized variant:
<img srcset="photo-480.webp 480w, photo-960.webp 960w, photo-1600.webp 1600w"
sizes="(max-width: 600px) 100vw, 960px" src="photo-960.webp" alt="…">
5. Protect Core Web Vitals
- LCP (Largest Contentful Paint): the hero image is often the LCP element.
Compress it hard, and add
fetchpriority="high"so it loads first. - CLS (Cumulative Layout Shift): always set
widthandheight(oraspect-ratio) so the browser reserves space and the page doesn't jump as images load. - Lazy-load below the fold with
loading="lazy"— but never on the LCP image, which must load immediately.
6. Structured data for images
Google uses image structured data (via ImageObject in your Product, Recipe,
Article and other schema) to enrich results and enable features like image badges. If you mark up
content with schema, include the relevant image URLs — Google prefers high-resolution,
crawlable images.
7. Make images crawlable and mapped
- Don't hide important images behind CSS backgrounds — use real
<img>tags so they can be indexed. - Include images in your XML sitemap (or an image sitemap) so Google discovers them.
- Serve images over HTTPS from a fast, cacheable URL — ideally a CDN.
8. Context around the image
Google reads the surrounding text, captions and nearby headings to understand an image. Place images near relevant copy, and use real captions where they help the reader. Relevance between the page topic, the image, and its alt text is what earns image-search rankings.
The checklist
- Descriptive, hyphenated filenames
- Specific alt text on every meaningful image
- Compressed, next-gen formats (WebP/AVIF)
- Responsive
srcsetvariants width/heightset; lazy-load below the fold; prioritize the LCP image- Structured data and sitemap coverage
- Relevant surrounding context
Most of this list starts with a compressed, correctly-formatted image — which is exactly what the free FreeCompressor image tool produces in your browser.