Image SEO for Ecommerce: How to Optimise Product Images for Search

Product images are the most viewed element on any ecommerce store. They are also the most common cause of slow page loads, missing SEO signals, and lost visibility in Google Image Search. Optimising your images properly delivers a double benefit: faster pages that rank better and convert more, plus additional organic traffic from image search results where shoppers are actively looking for products to buy.

This guide covers every image SEO factor that matters for ecommerce, from file names and alt text to formats and lazy loading. For the broader technical context, our ecommerce SEO checklist covers image optimisation alongside every other key area.

Why Image SEO Matters for Ecommerce

Google Images drives significant purchase-intent traffic that most ecommerce stores completely ignore. Shoppers searching for specific products, styles, or designs frequently use image search to find exactly what they want visually before clicking through to buy. A store with well-optimised product images appears in these results. A store with generic file names and missing alt text does not.

Beyond image search, product images directly affect Core Web Vitals scores. Largest Contentful Paint, the metric Google uses to assess how quickly your main content loads, is almost always triggered by the hero product image on ecommerce pages. Unoptimised images are the single biggest contributor to failing LCP scores across ecommerce stores.

File Names

The file name of your product image is one of the first signals Google reads about what that image contains. A file named IMG_4829.jpg tells Google nothing. A file named mens-leather-chelsea-boot-tan.jpg tells Google exactly what the image shows and reinforces the keyword relevance of the page it sits on.

Rename every product image with a descriptive, hyphen-separated file name that includes the product name and relevant attributes before uploading. For stores with large existing catalogues, prioritise renaming images on your highest-traffic and highest-revenue product pages first and work through the remainder over time.

Alt Text

What Alt Text Does

Alt text serves two purposes. It tells Google what an image contains, providing a text signal that contributes to both page relevance and image search ranking. It also provides a text description for screen readers used by visually impaired shoppers, which is both an accessibility requirement and a trust signal Google considers when evaluating page quality.

How to Write Alt Text for Product Images

Good ecommerce alt text is descriptive and specific without being stuffed with keywords. Describe what the image actually shows in plain language. For a main product image, include the product name, key attributes, and brand where relevant. For lifestyle images showing a product in use, describe the scene and the product together. Avoid generic alt text like ‘product image’ or ‘photo 1’ and avoid repeating the same alt text across multiple images on the same page.

A practical formula for product image alt text: Brand + Product Name + Key Attribute. For example: ‘Clarks mens tan leather Chelsea boot’ or ‘Samsung 55 inch QLED 4K television wall mounted in living room’. Keep it natural and accurate rather than optimised-sounding.

Image File Format

WebP Is Now the Standard

WebP is a modern image format that delivers significantly smaller file sizes than JPEG or PNG at equivalent visual quality. Smaller files mean faster load times and better LCP scores. All major browsers now support WebP, and both Shopify and WooCommerce support WebP delivery either natively or through plugins. Convert your product images to WebP as a baseline standard for any new uploads.

When to Use Each Format

Use WebP as your default for all product and lifestyle photography. Use PNG only where you need a transparent background, such as product images on white or lifestyle cutouts, and convert those to WebP where transparency is supported. Avoid using uncompressed TIFFs or BMPs anywhere on your storefront. For animated content, WebP also supports animation and is preferable to GIF for file size reasons.

Image Compression

Compression reduces file size without visible quality degradation. The goal is the smallest file size that still displays the product accurately at the size it will be rendered on screen. There is no SEO or conversion benefit to serving a 3000 pixel wide image on a page that displays it at 600 pixels. Tools like Squoosh, ShortPixel, and Imagify allow batch compression of product images before or after upload.

For Shopify stores, the platform automatically serves compressed versions of uploaded images, but this does not replace the need to upload well-optimised source files. Uploading an 8MB raw photograph and relying on Shopify’s compression still results in a larger delivered file than uploading a properly compressed 200KB WebP. For a deeper look at how app and image choices affect Shopify speed, see our guide on Shopify app bloat and page speed.

Responsive Images

Serving the same large image to both a desktop monitor and a mobile phone screen wastes bandwidth and slows mobile load times unnecessarily. Responsive images use the srcset attribute in HTML to serve different image sizes to different screen sizes. A desktop visitor receives a larger image. A mobile visitor receives a smaller one optimised for their screen width. This directly improves mobile LCP scores and contributes to better Core Web Vitals performance overall.

Mobile load times for product images are particularly important given that Google indexes your mobile pages first. Our guide on mobile SEO for ecommerce covers the full picture of mobile optimisation including how image serving fits into the broader performance strategy.

Lazy Loading

Lazy loading defers the loading of images that are below the visible area of the screen until the user scrolls toward them. This reduces the initial page load time by only loading what the visitor can immediately see. Implement lazy loading on all product images except the main hero image above the fold, which should load with high priority rather than being deferred.

This distinction matters for LCP. Adding lazy loading to your above-the-fold hero product image will delay it loading and worsen your LCP score. The loading=’lazy’ attribute should only be applied to images that are not visible on initial page load.

Image Sitemaps

Google can discover images through crawling your pages, but an image sitemap gives you an additional way to ensure all your product images are found and indexed, particularly for images loaded via JavaScript that crawlers may not reliably execute. An image sitemap lists your image URLs and the pages they appear on, giving Google a direct map to follow.

Most SEO plugins for WooCommerce and Shopify apps generate image sitemaps automatically. Verify that your sitemap is being submitted to Google Search Console and that it includes your product images rather than only your page URLs.

Structured Data for Images

Product schema markup that includes image URLs helps Google associate your product images with your product data in search results. When your Product schema includes a high-quality image URL, Google is more likely to display that image in rich product results and Shopping listings. Our guide on ecommerce schema markup implementation covers how to implement Product schema correctly including the image property.