Images do a lot of quiet work for a website. They explain products, prove that a service was done well, break up long articles and make pages more shareable. They can also be a source of traffic in their own right, through Google Images, image packs in web results, Google Discover and visual search with Google Lens.
But images can just as easily hold a site back. Oversized files slow pages down, missing alt text leaves search engines guessing, and images loaded the wrong way may never be indexed at all. Image SEO is the discipline of getting all of this right.
In this guide you will learn how Google finds and understands images, the exact optimizations that matter in 2026, a step-by-step workflow you can apply to any site, and the mistakes we most often fix during audits.
Key Takeaways
- Use real HTML
<img>elements; Google doesn't index CSS background images. - Write descriptive, natural alt text and short, descriptive file names.
- Compress images and use modern formats like WebP or AVIF with responsive
srcset. - Never lazy-load the main above-the-fold image; give it priority instead.
- Place images near relevant text on useful pages, because Google uses page context to understand them.
What Is Image SEO?
Image SEO is the process of making images discoverable, understandable and fast, so they can rank in image-based search features and support the rankings and user experience of the pages they sit on.
It has two goals. The first is visibility: helping Google find, index and correctly interpret your images. The second is performance: making sure images do not drag down page speed or Core Web Vitals. Both feed into wider technical SEO and on-page SEO.
Where Images Can Appear in Search
- Google Images, the dedicated image search tab.
- Image packs and thumbnails within regular web results.
- Google Discover, where large, high-quality images matter. Google recommends images at least 1200 px wide, enabled by the
max-image-preview:largesetting or AMP. - Google Lens and visual search results.
- Rich results such as products, recipes and articles, where images come from structured data and the page.
- Local results, where photos on your Business Profile help customers choose (see our local SEO guide).
The Image SEO Checklist
| Element | Best practice | Why it matters |
|---|---|---|
| HTML element | Use <img> (or <picture> with an <img> fallback) | Google finds images in the src attribute; CSS images aren't indexed |
| Alt text | Describe the image specifically and naturally | Main metadata signal for Google and essential for screen readers |
| File name | Short and descriptive, e.g. red-brick-patio.jpg | Gives a light extra hint about the subject |
| Format | WebP or AVIF for photos, SVG for logos and icons | Smaller files and faster loading |
| Dimensions | Set width and height attributes | Reserves space and prevents layout shift (CLS) |
| Responsive sizes | Use srcset and sizes with a src fallback | Phones download smaller files |
| Loading | Lazy-load below the fold; eager and high priority for the LCP image | Saves bandwidth without delaying the main content |
| Page context | Place images near relevant headings and text | Google uses surrounding content to understand images |
| Structured data | Include images in Product, Recipe, Article markup | Can enable image-rich results |
| Sitemap | Add image entries if images are hard to discover | Helps Google find images, including on CDN domains |
How to Write Good Alt Text
Alt text (the alt attribute) describes an image for people who cannot see it and for search engines. Google is clear about its importance:
“The most important attribute when it comes to providing more metadata for an image is the alt text.”
— Google Search Central, Image SEO best practices
Google also warns against filling alt attributes with keywords, because it creates a poor experience and may cause a site to be seen as spam. Compare these examples, adapted from the approach Google illustrates in its documentation:
| Quality | Alt text example | Verdict |
|---|---|---|
| Missing | alt="" on a product photo | Search engines and screen readers get nothing |
| Keyword-stuffed | "patio pavers cheap patio pavers best patio pavers Austin" | Spammy and unhelpful |
| Vague | "patio" | Accurate but generic |
| Good | "Red brick patio with built-in fire pit in a small back garden" | Specific, natural and useful |
Decorative images such as background flourishes or spacers can use an empty alt attribute so screen readers skip them.
Step-by-Step Image Optimization Workflow
- Choose or create original images. Real photos of your products, team, premises and work are more useful than generic stock and are more likely to be distinctive in image search.
- Resize before upload. Export images at the largest size they will actually be displayed, not straight from the camera.
- Compress and convert. Use WebP or AVIF for photos with sensible quality settings, and SVG for vector graphics.
- Name the file descriptively. Use lowercase words separated by hyphens that describe the image.
- Write alt text. Describe what is in the image in the context of the page, naturally including a keyword only if it genuinely fits.
- Add responsive markup. Provide
srcset,sizes, width and height, as in the example below. - Set loading behaviour. Lazy-load images below the fold. For the hero image, keep the default eager loading and consider
fetchpriority="high". - Add structured data where relevant. Include image properties in your schema markup for products, recipes and articles.
- Check indexing and performance. Use URL Inspection to confirm Google sees images in the rendered HTML, and PageSpeed Insights to check their effect on LCP.
<img
src="/images/blue-trail-running-shoe-800.webp"
srcset="/images/blue-trail-running-shoe-400.webp 400w,
/images/blue-trail-running-shoe-800.webp 800w,
/images/blue-trail-running-shoe-1200.webp 1200w"
sizes="(max-width: 600px) 100vw, 600px"
width="800" height="800"
alt="Blue trail running shoe with a grippy rubber sole, side view"
loading="lazy">Images and Page Speed
Images are often the heaviest resources on a page, and the hero image is frequently the Largest Contentful Paint element. Web.dev's guidance is unambiguous: never lazy-load your LCP image, because that always delays it. It also cautions that setting high priority on more than one or two images makes the hint unhelpful.
Practical speed wins include:
- Serving images from a CDN with automatic format conversion and resizing.
- Preloading or prioritizing the single most important image.
- Replacing animated GIFs with short, muted video files.
- Removing unused images and carousels nobody scrolls through.
For a wider list of fixes, see our guides to Core Web Vitals and improving page speed, or let our page speed optimization team handle it.
Image SEO for Ecommerce
Product images are often the deciding factor in a purchase. Show several angles, include images in Product structured data, keep image URLs stable when variants change, and make sure gallery images are real <img> elements rather than JavaScript-only backgrounds. Our ecommerce SEO service covers product image optimization as standard.
Common Image SEO Mistakes
- Using CSS background images for important content. They look fine but are not indexed as images.
- Keyword-stuffed alt text. It reads badly and can look spammy.
- Lazy-loading the hero image. A common plugin default that hurts LCP.
- Missing width and height. Leads to layout shifts as images load.
- Uploading huge originals. Multi-megabyte photos displayed as small thumbnails waste bandwidth, especially on mobile (see our mobile SEO guide).
- Blocking image folders in robots.txt. Google cannot index what it cannot crawl.
- Generic file names such as
IMG_4021.jpgorimage1.png.
Related Guides
- How to Do an SEO Audit: A Step-by-Step Checklist
- Technical SEO: The Complete Beginner’s Guide
- Core Web Vitals: LCP, INP and CLS Explained
- Local SEO: What It Is and How to Do It in 2026
Frequently Asked Questions
What is the most important part of image SEO?
Descriptive alt text on a properly coded HTML image, placed on a relevant, useful page. Google calls alt text the most important attribute for giving it extra information about an image.
Does Google index CSS background images?
No. Google's image documentation states that it doesn't index CSS images. If an image matters for search, use an img element (optionally inside a picture element).
Which image format is best for SEO?
Google supports BMP, GIF, JPEG, PNG, WebP, SVG and AVIF. For most photos, WebP or AVIF give smaller files at similar quality, which helps page speed. Use SVG for logos and icons.
Should I lazy-load all images?
No. Lazy-load images below the fold, but never the main image visible when the page loads. Lazy-loading the LCP image delays it and hurts Core Web Vitals.
Do I need an image sitemap?
Not always. It helps when images are loaded in ways Google might miss, or when you host images on a CDN or another domain, since image sitemaps can list URLs from other domains.
Conclusion
Image SEO in 2026 comes down to a few disciplined habits: real image elements, descriptive alt text and file names, modern compressed formats, responsive sizes and smart loading. Do those consistently and your images will help both rankings and conversions instead of slowing pages down.
If you would like your image library audited and optimized, our on-page optimization specialists can help. Get a free quote today.
