AI Product Scout · Blog

Image SEO in 2026: WebP vs AVIF, Lazy Load, and Google Lens

Images drive 20% of web search traffic and Google Lens searches grew 200% YoY. Yet most WordPress sites still serve uncompressed PNGs. Here is the complete image SEO playbook.

July 5, 2026  ·  6 min read

Table of Contents
  1. Image Formats: WebP vs AVIF vs JPEG vs PNG
  2. Lazy Loading: What Changed in 2026
  3. Alt Text: Still Important, But Not How You Think
  4. Image Structured Data
  5. Google Lens and Visual Search
  6. WordPress Image Optimization Checklist

Image search accounts for roughly 20% of all web search queries. Google Lens usage grew 200% year-over-year. Image SEO is no longer about alt tags alone — it involves format selection, delivery optimization, structured data, and visual search readiness. Here is the 2026 playbook.

Image Formats: WebP vs AVIF vs JPEG vs PNG

Format Compression Browser Support (2026) Best For
AVIF Best (50% smaller than JPEG) 92% (all except IE) Photographic content, hero images
WebP Good (30% smaller than JPEG) 97% (universal) General use, safe default
JPEG Baseline 100% Fallback for unsupported browsers
PNG Poor (large files) 100% Transparency, logos, screenshots
SVG N/A (vector) 98% Icons, logos, illustrations

Recommendation: Serve AVIF with WebP fallback. WordPress 6.5+ supports AVIF natively. Use the <picture> element to provide both formats. If your hosting does not support AVIF encoding, WebP is a safe default that works everywhere.

Lazy Loading: What Changed in 2026

WordPress 5.5 added native lazy loading via loading="lazy". But Google's 2024 update changed the guidance: do not lazy load the first image above the fold. Lazy loading above-the-fold images delays LCP, which directly affects Core Web Vitals.

Image Position Lazy Load? Priority Hint
Above the fold (LCP image) ❌ No fetchpriority="high"
Below the fold ✅ Yes loading="lazy"
Carousel/slider first slide ❌ No fetchpriority="high"
Carousel subsequent slides ✅ Yes loading="lazy"

Alt Text: Still Important, But Not How You Think

Alt text serves two purposes: accessibility (screen readers) and image search (Google Images, Google Lens). The 2026 best practice is not to stuff keywords into alt text. It is to describe the image accurately and let keywords appear naturally.

Bad Alt Text Good Alt Text
"red shoes buy online cheap" "Red canvas sneakers with white sole on wooden floor"
"espresso machine" "Stainless steel semi-automatic espresso machine with portafilter"
"logo" "Shop2LLM logo — blue gradient circle with white text"

Google's 2025 image search update placed more weight on contextual relevance — the alt text must match the surrounding content. Keyword-stuffed alt text that does not match the page topic is now a negative signal.

Image Structured Data

For product images, e-commerce sites should use ImageObject schema:

Schema Field Required? Why It Matters
url Canonical image URL
caption Optional Appears in image search results
representativeOfPage Optional Tells Google this is the main product image
width / height Prevents CLS (layout shift)

Google Lens processes over 12 billion visual searches per month. Users point their camera at a product, and Google matches it against product images in its index. To be discoverable via Google Lens:

  1. Use high-quality product images — at least 800x800px, white background preferred.
  2. Include Product schema with image field — Google Lens matches the camera image against your structured product images.
  3. Unique images per product — Stock photos used by multiple stores dilute Lens matching.
  4. Image filenames matterred-canvas-sneakers-front-view.jpg is better than IMG_3471.jpg.

WordPress Image Optimization Checklist

  1. Convert all images to WebP or AVIF — Use ShortPixel, Imagify, or WordPress 6.5+ native AVIF support.
  2. Set explicit width and height — Prevents CLS. WordPress does this automatically if images are uploaded through the media library.
  3. Lazy load below-the-fold images — WordPress does this by default since 5.5. Verify with View Source.
  4. Add fetchpriority="high" to LCP image — Use a plugin like Perfmatters or add via theme functions.php.
  5. Write descriptive alt text — Audit existing images, fix empty alt attributes.
  6. Use descriptive filenames — Rename IMG_1234.jpg to product-name-angle.jpg before upload.
  7. Serve images via CDN — Cloudflare, BunnyCDN, or your host's built-in CDN.
  8. Generate image sitemap — Includes image URLs in XML sitemap for Google to discover.
Forward