Image SEO in 2026: The Complete Guide

Most "image SEO" advice you'll find online focuses on alt text. Alt text matters, but it's a small part of the picture. Google factors a dozen other things into how it ranks pages with images and how it surfaces images themselves in Image Search.

This guide ranks every image SEO factor by impact, with concrete examples.

Why image SEO matters

Images are 60-80% of the average web page's weight. They're also the most visual content on your page. Google factors both their performance impact (page speed) and their content (alt text, surrounding context) into rankings. Image Search itself drives ~25% of all Google searches, which means images that rank well can be a significant traffic source on their own.

The ranked factors

1. Page speed (the biggest factor)

Google's Core Web Vitals are now ranking factors, and images are the dominant component of two of the three vitals: Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS).

What this means in practice:

Optimize image file sizes aggressively. Convert to WebP or AVIF. Compress to 80-85% quality. Resize to the actual display size, not bigger.
Set width and height attributes to prevent layout shift as images load.
Use loading="lazy" for below-the-fold images.
Preload the LCP image with <link rel="preload"> so it starts loading immediately.

2. File names

Descriptive file names rank better than generic ones. Use red-running-shoes-side-view.jpg instead of IMG_4523.jpg or image1.jpg.

Rules of thumb: lowercase, hyphens (not underscores), descriptive keywords, no excessive length. The file name appears in image search results and is one of the signals Google uses to understand what the image shows.

3. Alt text

Alt text serves two purposes: accessibility (screen readers) and SEO (telling search engines what an image is). Good alt text is descriptive but concise — typically 5-15 words.

Bad: "image" or "photo"
Bad: empty alt for content images
Bad: "best red running shoes for marathons buy now cheap" (keyword stuffing)
Good: "Red Nike Pegasus running shoes from the side"
Good: "Pie chart showing 67% market share for Chrome browser"

For decorative images that add nothing to content, use empty alt (alt="") so screen readers skip them.

4. Surrounding context

Google reads the text around an image to understand its content. Captions, headings near the image, and paragraph text all inform how the image is indexed.

This means: if you have an image, talk about it in nearby text. Don't just drop images into pages — explain what they show and why they're there.

5. Modern formats (WebP, AVIF)

Serving images in WebP or AVIF reduces file size substantially, which directly improves page speed. Use the <picture> element to serve modern formats with JPG fallbacks:

<picture>
  <source srcset="hero.avif" type="image/avif">
  <source srcset="hero.webp" type="image/webp">
  <img src="hero.jpg" alt="Description" width="1200" height="800" loading="lazy">
</picture>

6. Responsive images

Serve different image sizes to different devices. A mobile user shouldn't download a 2000-pixel-wide hero image when their screen is 400 pixels wide.

<img src="hero-800.jpg"
     srcset="hero-400.jpg 400w,
             hero-800.jpg 800w,
             hero-1600.jpg 1600w"
     sizes="(max-width: 600px) 400px, (max-width: 1200px) 800px, 1600px"
     alt="...">

7. Structured data

For specific content types (products, recipes, articles), structured data tells Google more about images. Product images can appear in shopping results, recipe images in recipe cards. Even regular articles benefit from ImageObject structured data:

{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "url": "https://example.com/photo.jpg",
  "caption": "Description of the photo",
  "contentUrl": "https://example.com/photo.jpg"
}

8. Image sitemaps

If your site has many images Google might miss (loaded by JavaScript, behind interactions), submit an image sitemap. Add <image:image> entries to your regular sitemap.xml.

9. Image dimensions match display size

Don't upload a 4000-pixel image just to display it at 800 pixels. Resize to the actual display size (or 2× for retina). This single change can cut image weight by 80%.

10. Hosting and CDN

Serve images from a fast CDN with proper caching headers. Cache for at least a week (max-age=604800), ideally a year for content that won't change.

Common image SEO mistakes

Uploading images as PNG for everything. PNG is 5-10× larger than equivalent JPG/WebP for photos.
Default file names from cameras and phones. IMG_4523.jpg tells Google nothing.
No alt text at all. Accessibility issue plus missed SEO opportunity.
Keyword stuffing alt text. Google detects this and may penalize the page.
Lazy loading the LCP image. The most important image should NOT be lazy. Preload it instead.
No width/height attributes. Causes layout shift, hurts CLS score.
Images bigger than display size. The single most common waste of bandwidth.

The checklist

For every image on your site, ask:

Does it have a descriptive file name?
Does it have good alt text?
Is it in WebP or AVIF format (with JPG fallback)?
Is it sized appropriately for display?
Does it have width/height attributes?
Is it lazy loaded (unless it's the LCP image)?
Does the surrounding text discuss what it shows?
Is it served from a fast CDN with proper caching?

If you can answer yes to all eight, your image SEO is in the top 5% of the web.

Tools for image SEO

Audit your current images with PageSpeed Insights (Google's own tool), Lighthouse, or WebPageTest. They'll flag oversized images, missing dimensions, and format issues.

To actually fix images: use pictoolkit's converter to switch to WebP or AVIF. Use resize to match display dimensions. Use compress to reduce file size further. All free, all in your browser.

See the complete image SEO guide for technical implementation details.

Image SEO in 2026: the complete guide