Image SEO for Online Stores: Faster Pages, More Visibility

Ecommerce image SEO means preparing product and category images so they load quickly, describe the product clearly to search engines and assistive technology, and can appear in image search and shopping results. In practice, that comes down to a few habits: descriptive file names, useful alt text, the right format and size for each screen, sensible lazy loading, structured data that points to your images and pages built so search engines can find them. Images are often the heaviest part of a product page and the first thing shoppers look at. Getting them right improves speed, accessibility and visibility at the same time, without changing a single product photo.

Why images matter for search and sales

Shoppers judge products largely by their images. They zoom, swipe and compare before reading a word of description. Search engines increasingly show images too, in image results, shopping listings and visual search. A clear, well-described product image can bring visitors who never typed your brand name.

Images also affect speed. Large, uncompressed photos slow down pages, especially on phones. The main product image is often the largest element on the page, so it directly affects how quickly the page appears to load. Slow pages lose visitors and can perform worse in search.

The good news is that most image improvements are one-off changes to templates and upload routines. Once in place, every new product benefits automatically. Google's own guidance on image SEO best practices sets out the principles this guide puts into practice.

File names and alt text

Search engines use the words around an image, the file name and the alt text to understand what it shows. Shoppers using screen readers rely on alt text to know what the image contains.

File names

Use short, descriptive file names with words separated by hyphens, such as womens-waterproof-hiking-boot-brown.jpg. Avoid camera defaults like IMG_4821.jpg or long strings of numbers. If your platform renames files on upload, check whether it keeps a readable name.

Alt text

Write alt text that describes what the image shows, as you would to someone who cannot see it. Include the product name and the detail that matters in that image, such as the colour or the angle.

Avoid stuffing keywords into alt text. It does not help, reads badly for screen reader users and can look like spam. Purely decorative images, such as background patterns, should have empty alt text so screen readers skip them. Our guide to ecommerce accessibility explains alt text in more depth.

Formats, sizes and compression

The right format and size can cut image weight dramatically without any visible loss of quality.

• Modern formats: WebP and AVIF usually produce much smaller files than JPEG or PNG for the same quality. Most browsers support them.
• Fallbacks: serve a JPEG or PNG to the few browsers that cannot display modern formats, using the picture element or your platform's built-in support.
• Responsive sizes: generate several widths of each image and let the browser choose the right one for the screen.
• Compression: compress images to a sensible quality level; check by eye that products still look sharp and colours are accurate.
• Dimensions: never upload huge camera originals for display; resize to the largest size actually needed, plus a version for zoom.

Most modern platforms and image services can do this automatically on upload or on request. Check what yours does, because the defaults are not always the best settings. A content delivery network can also resize and convert images close to the shopper. Our guide to CDNs for online stores explains how.

Loading images in the right order

How images load matters as much as how big they are. The goal is to show the most important image as quickly as possible, and delay the rest until they are needed.

1. Load the main product image first. Do not lazy load it, and consider giving it a higher loading priority.
2. Lazy load images further down, such as additional gallery images, related products and reviews with photos.
3. Set width and height on every image, so the browser reserves space and the page does not jump as images arrive.
4. Avoid images inside sliders that load many large files before the shopper has swiped once.
5. Check category pages, where dozens of product thumbnails can add up to a heavy page.

These steps directly affect Core Web Vitals, particularly loading speed and layout stability. Our guide to Core Web Vitals for online stores explains the measures and how images affect them.

Helping search engines find your images

Search engines can only show images they can find and connect to the right page.

• Use standard image elements with a real image address, rather than images loaded only through scripts or set as CSS backgrounds.
• Place images near related text, such as the product name and description.
• Keep image addresses stable, because changing them often loses any visibility they have built.
• Include images in your sitemap where your platform supports it, especially for products.
• Do not block image folders in your robots file.

Check a few product pages with the URL inspection tool in Search Console to confirm that search engines can see the main image. If you use a separate domain or CDN for images, make sure it is accessible to crawlers too. Watch for images that stop loading after a platform change, because broken image links quietly remove products from image results.

Structured data, feeds and ecommerce image SEO

Product structured data tells search engines which image belongs to which product, alongside the price, availability and reviews. Include high-quality images in several aspect ratios where you can, using the same product images shoppers see on the page. Our guide to product schema markup explains how to add it correctly.

Shopping feeds have their own image requirements. Main images usually need a plain background, no promotional text or watermarks, and a minimum size. Images that break the rules can stop products from showing at all. Our guide to Google Shopping ads covers feed requirements.

Keep the main product image consistent across your page, structured data and feeds. Consistency helps search engines and shopping platforms trust that they are showing the right product.

Image quality that sells

Technical optimisation only helps if the images themselves are good. Search engines increasingly favour high-quality, original images, and shoppers certainly do.

• Show the product clearly from several angles, with a consistent background.
• Include close-ups of details that matter, such as fabric, stitching or connectors.
• Show scale and use: the product in a hand, on a person or in a room.
• Use your own photography rather than the same supplier images every other store uses.
• Keep colours accurate, because colour mismatches are a common reason for returns.
• Add short videos or 360-degree views for products where movement or fit matters, and keep them light.

Original images give search engines a reason to show your page rather than a competitor's with identical photos. Our guide to ecommerce product photography explains how to plan and shoot product images on a sensible budget.

Banners, category images and other visuals

Product photos get most of the attention, but other images on the store need the same care. Home page banners are often the heaviest files on the whole site, and they sit right at the top of the page where speed matters most.

• Banners: put important text, such as offer details, in real page text rather than inside the image, so it is readable, translatable and visible to search engines.
• Separate mobile versions: crop banners for narrow screens instead of shrinking a wide desktop image until nothing is readable.
• Category images: use descriptive alt text that names the category, because these images often act as links.
• Icons and logos: use SVG where possible, which stays sharp at any size and is usually tiny.
• User photos in reviews: compress and resize them on upload, because customers often send very large files.

Review banners whenever a campaign changes. Old promotional images are often left in place long after the offer has ended, adding weight and confusing shoppers.

An image checklist for every upload

Turn these practices into a short routine for whoever uploads products:

1. Rename the file descriptively before uploading.
2. Resize to the agreed maximum dimensions.
3. Add alt text describing the product and the view.
4. Check the main image meets feed rules.
5. Preview the product page on a phone to check sharpness and loading.

Every quarter, review your heaviest pages, check for images missing alt text and confirm that modern formats are being served. A crawling tool can list missing alt text and oversized images across the whole store in minutes. Fix the highest-traffic pages first, because that is where improvements reach the most shoppers. Then update the upload routine itself, so the same problems do not return with the next batch of products.

Frequently asked questions

Want faster product pages and better image visibility? Ask us for an image and speed review of your product and category templates.