Images are one of the most overlooked ranking opportunities on most websites. A page can have strong copy and clean code and still leave traffic on the table because its images are unnamed, uncompressed, or invisible to crawlers. Here's what to fix, and in what order.
What Is Image SEO?
Image SEO is the practice of optimizing an image's file, markup, and surrounding context so search engines can index it correctly, understand what it shows, and serve it in results — without it slowing the page down. It sits across two disciplines: the on-page details you write (file names, alt text, captions) and the technical delivery of the file itself (compression, responsive sizing, structured data). Done well, it affects two separate outcomes: whether the page it lives on ranks, and whether the image itself shows up in Google Images or gets pulled into an AI-generated answer.
The Image SEO Checklist
Work through these eight areas for any page where images matter for search — product photos, blog graphics, or a hero image above the fold. Image optimization is also item 6 in our broader on-page SEO checklist; this guide goes deeper on that one item.
1. Use descriptive, human-readable file names
Rename image files before upload so the name describes the subject — blue-suede-running-shoes.jpg, not IMG_4821.jpg. Search engines read file names as a small but real relevance signal, and a descriptive name is easier for your own team to find again later.
2. Write alt text that actually describes the image
Alt text serves screen readers, image-search crawlers, and Google when it can't otherwise interpret an image, all at once. Describe what's actually in the frame in one short sentence, work in a relevant keyword only if it fits naturally, and leave decorative images with an empty alt="" instead of stuffing every image with keywords.
3. Compress every image and pick the right format
Large, uncompressed images are still the most common cause of slow-loading pages. Use JPEG for photos, reach for modern formats like WebP or AVIF where your platform supports them, and run every image through a compression step before it reaches production — something our web design team builds into every site from the start.
4. Ship responsive images, not one oversized file
A single 2,400px-wide image served to a 375px-wide phone screen wastes bandwidth and slows the page for no visual benefit. Use the srcset and sizes attributes, or your CMS's responsive-image feature, so each device downloads a file sized for the space it actually fills.
5. Lazy-load anything below the fold — but not above it
Defer loading images that aren't visible on page load with loading="lazy". Never lazy-load your largest above-the-fold image, though — it's usually the page's Largest Contentful Paint element, and lazy-loading it delays the exact metric it's supposed to help.
6. Give important images real surrounding context
Search engines use the text around an image — captions, nearby headings, adjacent paragraphs — to confirm what it shows. An image with no caption and no related copy nearby is harder to rank in image search, no matter how good its alt text is.
7. Add structured data where it applies
ImageObject markup, or the image fields inside Product, Article, and Recipe schema, gives search engines an explicit description of an image instead of one inferred from context. It's also the entry point for how AI systems interpret visual content when they can't render the page themselves — foundational groundwork for AI SEO and answer engine optimization.
8. Confirm images are actually being crawled
Larger sites should include an image sitemap, or image entries in the main sitemap, so images that load lazily or via JavaScript don't go undiscovered. Periodically check Search Console's image-indexing reporting to confirm pages with important images are actually being indexed for image search.
| Checklist item | Quick check you can do today |
|---|---|
| File names | Hover an image and read its URL — does the file name describe it? |
| Alt text | Inspect the image — does the alt attribute describe what's shown? |
| Compression & format | Check the file size — is any single image over a few hundred KB? |
| Responsive delivery | View source — does the image tag include srcset? |
| Lazy loading | Is the hero image excluded from loading="lazy"? |
| Surrounding context | Does the image sit near a caption or relevant paragraph? |
| Structured data | Does the page's schema include an image field or ImageObject? |
| Indexing | Does Search Console show the image indexed for the page? |
Common Image SEO Mistakes to Avoid
The same handful of mistakes show up repeatedly: uploading camera- or CMS-generated file names straight to production, leaving alt text blank on images that actually convey information (or the opposite — stuffing keywords into every alt attribute), skipping compression entirely, serving one oversized image to every screen size, and lazy-loading the one image that should load first. Each is quick to fix once you know where to look.
How Image SEO Affects Page Speed
Page speed, measured through Core Web Vitals, is a confirmed Google ranking factor. Unoptimized images are consistently one of the largest contributors to slow load times on content-heavy pages, since they're often the single heaviest asset type on the page. That's an observation about how most sites are built, not a guarantee about your specific results — but it's the reason compression and responsive delivery belong in the same audit as everything else on this list, not treated as a separate project. If your platform makes this hard to control yourself, it's usually a technical SEO fix.
Frequently Asked Questions
Does Google Images send meaningful traffic?
It depends heavily on the industry. Sites with strong visual subject matter — product catalogs, recipes, home improvement, fashion, real estate — tend to see the most image-search traffic, while a B2B software page may see almost none. Optimizing images is still worth doing everywhere because of its page-speed and accessibility benefits, even where image search itself isn't a major channel.
Do I need alt text on every single image?
Every image that conveys information needs alt text that describes it. Purely decorative images, like background textures or spacing dividers, should use an empty alt attribute (alt="") so screen readers skip over them instead of reading a meaningless description aloud.
Does image file size actually affect rankings?
Not as a direct, standalone ranking factor. It matters indirectly through page speed and Core Web Vitals, which are confirmed ranking signals, and unoptimized images are one of the most common reasons a page loads slowly in the first place.
