Images make your content more engaging, but unoptimized images are one of the most common reasons websites rank poorly. Large image files slow your pages down, missing alt text leaves ranking signals on the table, and poorly named files give search engines nothing to work with.
The good news: image SEO is one of the fastest wins available to you. A few hours of work can meaningfully improve your Core Web Vitals scores, your rankings, and your visibility in Google Image Search — which drives more traffic than most site owners realize.
This guide walks you through every image optimization technique that matters in 2026.
Why Image SEO Matters
Google can’t “see” images the way humans do. It relies on surrounding text, file names, and alt attributes to understand what an image contains. If you don’t provide those signals, your images are essentially invisible to search engines.
On the performance side, images account for the largest portion of page weight on most websites. A single uncompressed hero image can weigh 3–5MB, which will tank your Largest Contentful Paint (LCP) score — one of Google’s Core Web Vitals signals used directly in ranking.
Optimizing images means better rankings, faster pages, and a better user experience. All three matter.
Write Descriptive Alt Text
Alt text is the single most important image SEO element. It serves two purposes: it tells search engines what the image shows, and it provides a text alternative for screen readers and users who can’t load images.
Best practices for alt text:
- Describe the image accurately and specifically. “Golden retriever puppy playing in autumn leaves” is better than “dog.”
- Include your target keyword when it genuinely fits the context. Don’t force it.
- Keep it under 125 characters — screen readers often truncate longer descriptions.
- Don’t start with “Image of” or “Photo of.” Google already knows it’s an image.
- Leave alt text empty (
alt="") for purely decorative images that add no informational value.
What Bad Alt Text Looks Like
alt="img_4523.jpg"— this is the file name, not a descriptionalt="SEO SEO best SEO practices SEO"— keyword stuffing hurts more than it helps- Missing alt attribute entirely — a missed opportunity every time
Use Descriptive, Keyword-Rich File Names
Before uploading any image, rename the file to something descriptive. Search engines read file names as a ranking signal.
Change DSC_0047.jpg to keyword-research-spreadsheet-example.jpg. Use hyphens to separate words (not underscores), keep it lowercase, and make it accurately describe the image content.
This takes five seconds per image and is one of the simplest on-page SEO improvements you can make — covered in more detail in our on-page SEO guide.
Compress Images Before Uploading
Large images are the number one cause of slow page load times. Compression reduces file size with minimal visible quality loss.
Free tools for image compression:
- TinyPNG / TinyJPG — drag-and-drop compression that typically reduces file sizes by 60–80% without visible quality loss. Works on PNG and JPEG files.
- Squoosh (by Google) — a browser-based tool that gives you side-by-side quality comparisons as you adjust compression settings. Excellent for fine-tuning.
- ImageOptim (Mac) — batch compress images before uploading, useful for large sites.
As a general rule, no image on a web page should exceed 200KB. Hero images can go up to 400KB if the quality demands it, but anything larger should be questioned.
Convert to WebP Format
WebP is a modern image format developed by Google. It produces files that are 25–35% smaller than equivalent JPEG or PNG files at the same visual quality.
Browser support for WebP is now essentially universal — all major browsers have supported it since 2020. There’s no good reason to serve JPEG or PNG when WebP is available.
You can convert images to WebP using Squoosh, the cwebp command-line tool, or image CDNs like Cloudinary and Imgix that auto-convert on delivery.
Using the <picture> Element for Fallbacks
If you need to support very old browsers, use the <picture> element to serve WebP with a JPEG fallback:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Description of image">
</picture>
Modern browsers load the WebP; older ones fall back to the JPEG.
Implement Lazy Loading
Lazy loading tells the browser not to load images until they’re about to scroll into the user’s viewport. This dramatically improves initial page load time because the browser only fetches what the user actually needs.
The implementation is a single HTML attribute:
<img src="image.webp" alt="Description" loading="lazy">
Do not apply lazy loading to your above-the-fold images — anything visible when the page first loads should load immediately. Lazy loading those images will actually hurt your LCP score.
Use Responsive Images
Serving a 1600px-wide image to a mobile user with a 390px-wide screen wastes bandwidth and hurts performance. Use the srcset attribute to serve appropriately sized images for each device:
<img
src="image-800w.webp"
srcset="image-400w.webp 400w, image-800w.webp 800w, image-1600w.webp 1600w"
sizes="(max-width: 600px) 400px, (max-width: 1200px) 800px, 1600px"
alt="Description"
>
This tells the browser which image size to request based on the viewport. It’s one of the most impactful performance improvements for mobile users.
Create an Image Sitemap
An image sitemap tells Google about images on your site that it might not discover through regular crawling — particularly images loaded via JavaScript or images hosted on a CDN.
You can either create a dedicated image sitemap or extend your existing XML sitemap with image tags. For most WordPress sites, the Yoast SEO plugin handles this automatically. For custom sites, refer to Google’s image sitemap guidelines.
For more on sitemaps and how to set them up properly, see our technical SEO checklist.
Quick Image SEO Checklist
Before publishing any page, run through this list:
- All images have descriptive alt text
- File names are descriptive and use hyphens
- Images are compressed to under 200KB
- Images are served in WebP format
- Above-the-fold images are NOT lazy loaded
- Below-the-fold images have
loading="lazy" - Responsive
srcsetis implemented for large images
Image SEO is low-effort, high-reward work. Most sites skip it entirely, which means doing it well gives you a real competitive advantage.
Want more practical SEO tips like this? Subscribe to the SEO Journal newsletter and get actionable guides delivered to your inbox every week.
