The Complete WooCommerce Image SEO Guide (2026)

Optimize WooCommerce product images for Google search and faster stores — filenames, alt text, WooCommerce image sizes, compression, lazy loading, and Core Web Vitals.

WooCommerce runs on WordPress, and WordPress hands you the keys to everything — the server, the theme, the image pipeline, the plugins. That control is the whole point, and it's also the trap: on a hosted marketplace like Etsy or a hosted platform like Shopify, some image optimization happens for you. On WooCommerce, almost nothing does unless you set it up.

This guide covers every image SEO lever available to WooCommerce store owners in 2026. It's the WooCommerce-specific companion to our broader image SEO guide, and a sibling to our Shopify and Etsy guides.

Quick Summary

  • WooCommerce is self-hosted, so you own the full image stack — hosting, compression, image sizes, and metadata are your responsibility, not a platform's.
  • WooCommerce registers three product image sizes (thumbnail, single, gallery) that you configure yourself (WooCommerce Developer Docs); getting them right avoids serving oversized files.
  • WordPress lazy-loads images by default since 5.5 (Make WordPress Core) — but your main product image shouldn't be lazy-loaded, because it's usually the Largest Contentful Paint element.

Why WooCommerce image SEO is different

On Etsy and Shopify, the platform quietly handles parts of image delivery — CDN, some compression, WebP conversion. WooCommerce hands all of that to you. There's no automatic compression on upload, no built-in CDN, and no format conversion unless a plugin or your host provides it.

That's a double-edged sword. You can build a faster, better-optimized store than any hosted platform allows — or you can ship 4MB hero images straight from a DSLR and wonder why your product pages rank poorly. The difference is entirely in what you configure.

Image filenames in WooCommerce

WordPress keeps the filename you upload, sanitizing spaces and special characters rather than replacing the whole name. So unlike Etsy (which renames files on upload), a descriptive filename you set before uploading survives and becomes a real ranking signal.

IMG_4821.jpg tells Google nothing. walnut-cutting-board-engraved.jpg tells Google the material, product type, and feature.

Naming formula: [color]-[material]-[product-type]-[feature].jpg

Rename files before you upload them — renaming after upload means re-uploading and regenerating thumbnails. Our guide on fixing bad image filenames covers the cleanup process if your Media Library is already full of camera defaults.

Alt text in WooCommerce

Every image in the WordPress Media Library has an Alt Text field, and it's almost always empty by default. Google reads alt text to understand image content, and screen readers use it for accessibility.

How to add alt text in WooCommerce:

  1. Go to Media → Library (or edit the product and click a gallery image)
  2. Select the image
  3. Fill in the "Alternative Text" field
  4. Update

What good alt text looks like:

Follow the formula that works across every platform:

[color] [material] [product type] [distinguishing feature], [context]

  • Walnut wood cutting board with engraved monogram, 12x18 inch serving board
  • Navy blue linen throw pillow with tassel corners, 20 inch cushion cover

If you run Yoast SEO or Rank Math, both surface missing alt text in their analysis so you can find gaps quickly. For the full method, see our product image SEO guide.

WooCommerce image sizes

This is the WooCommerce-specific lever most stores get wrong. WooCommerce registers three image sizes, and your theme decides which one displays where (WooCommerce Developer Docs):

WooCommerce's Three Registered Image SizesSIZEDEFAULTUSED FORwoocommerce_thumbnail300pxShop / category gridssquare-croppedwoocommerce_single600pxSingle product pageuncroppedwoocommerce_gallery_thumbnail100pxGallery switchersquare-croppedConfigure under Appearance → Customize → WooCommerce → Product Images. Source: WooCommerce Developer Docs.
After you change any of these, regenerate thumbnails so existing products use the new dimensions.

The critical follow-up: after changing image sizes, regenerate your thumbnails (via a plugin like Regenerate Thumbnails, or WP-CLI) so existing products actually use the new dimensions instead of the old cached ones.

Compression and modern formats

WordPress does not compress images on upload. A 5MB photo straight from your camera stays 5MB unless you act — which is why WooCommerce stores are so often slow.

Two approaches:

  • Compress before upload — export JPEGs at 80-85% quality; keep main product images under ~150KB where quality allows.
  • Use a plugin — image-optimization plugins compress and can serve modern formats automatically.

Modern formats: WebP averages 25-34% smaller than JPEG at equivalent quality (Google WebP Compression Study). WordPress can handle WebP, and many optimization plugins serve WebP to supported browsers with a JPEG fallback. Our guide on optimizing images for SEO and website speed covers the full compression workflow.

Lazy loading and Core Web Vitals

Since WordPress 5.5, images are lazy-loaded by default using the native loading="lazy" attribute (Make WordPress Core). That's good for images below the fold — but there's a catch.

Your main product image is usually the Largest Contentful Paint (LCP) element — the metric Google wants at 2.5 seconds or less (web.dev). Lazy-loading it delays that paint. WordPress 5.9 began skipping loading="lazy" on the first content image for exactly this reason (Make WordPress Core).

Eager-Load the LCP Image, Lazy-Load the RestMain product imageeager-load (LCP)foldgallery + related products: lazy-loadWordPress 5.9+ skips lazy-load on the first image; make sure your theme respects that.
Below-the-fold images should lazy-load. The one that paints first should not.

WordPress also serves responsive srcset markup automatically, so browsers pick an appropriately sized file per device — one more reason to configure your WooCommerce image sizes correctly.

Embedded metadata

Beyond alt text, image files can carry EXIF and IPTC metadata — titles, descriptions, and keywords stored inside the file. Embed these before uploading, and they travel with your original image. (What EXIF and IPTC metadata is, and why it matters explains the standards.)

Writing embedded metadata by hand needs technical tools. ImgSEO generates and embeds SEO-optimized titles, descriptions, and keywords automatically before you upload to WooCommerce — free for your first 30 images.

The WooCommerce image SEO checklist

  • Rename images descriptively before uploading
  • Add alt text to every product and gallery image
  • Set correct WooCommerce image sizes, then regenerate thumbnails
  • Compress images (plugin or pre-upload) — target under ~150KB for main images
  • Serve WebP with a JPEG fallback
  • Keep lazy loading on below-fold images, but not the main product image
  • Embed EXIF/IPTC metadata before uploading
  • Add a CDN and caching (your responsibility on self-hosted WooCommerce)

Frequently asked questions

Does WooCommerce compress images automatically? No. WordPress does not compress images on upload — a 5MB file stays 5MB. You need to compress before uploading or install an image-optimization plugin. This is the biggest difference from hosted platforms like Shopify, which apply basic compression for you.

What image sizes does WooCommerce use? WooCommerce registers three sizes: woocommerce_thumbnail (300px, cropped, for shop grids), woocommerce_single (600px, uncropped, for product pages), and woocommerce_gallery_thumbnail (100px, for the gallery switcher) (WooCommerce). Regenerate thumbnails after changing them.

Should I lazy-load WooCommerce product images? Lazy-load below-the-fold images, but not your main product image. Since WordPress 5.5 images lazy-load by default, and 5.9 began skipping the first image because lazy-loading the Largest Contentful Paint element hurt page speed (Make WordPress Core).

Do WooCommerce image filenames matter for SEO? Yes. Unlike Etsy, WordPress preserves the filename you upload (sanitized), so a descriptive name like walnut-cutting-board-engraved.jpg becomes a lasting signal. Set it before uploading, because renaming afterward means re-uploading and regenerating thumbnails.

The bottom line

WooCommerce gives you total control of your image pipeline, which means every optimization is opt-in. Filenames, alt text, image sizes, compression, format, lazy-loading behavior, CDN — all yours to configure.

Most WooCommerce stores configure almost none of it, which is exactly why doing the basics puts you ahead. Compare how the platforms differ in our Shopify vs Etsy vs WooCommerce image SEO breakdown, or go deeper on WooCommerce specifics in our WooCommerce image SEO deep dive.

Optimize your product images with AI

Generate SEO titles, alt text, tags, filenames, and metadata in seconds.