New: The $100M AI Visibility Roadmap, built from 7,960 live pages and 197 A/B tests. Get it free →

Home / Blog / Image SEO for Ecommerce: The Complete Guide

AI Search · 12 min read

Image SEO for Ecommerce: The Complete Guide

Image SEO helps your product photos rank in Google Images, Shopping and Lens while keeping pages fast. Here is the checklist, the speed fixes and a step-by-step audit for Shopify stores.

Robert Battle · Updated

Key takeaways
  • Google indexes images in HTML img elements, not CSS background images, so put every product photo that matters in an img tag with descriptive alt text.
  • Only 55% of img elements on the web had non-blank alt text in the 2024 Web Almanac, so writing real alt text for best sellers is often the easiest win.
  • The LCP element is an image on 73% of mobile pages, so never lazy load the main product image and give it fetchpriority high.
  • Shopify serves WebP or AVIF automatically to supporting browsers, so upload high-quality 2048 x 2048 px originals and let the CDN convert them.
  • Google Lens handled nearly 20 billion visual searches a month in October 2024, 20% shopping-related, which rewards clean, consistent product images.

Image SEO is the work of making your images easy for search engines to find, understand and load fast, so they can rank in Google Images, show up in Google Lens and Shopping results, and help the page they sit on rank. For an online store, that comes down to five things: real <img> tags with descriptive alt text, sensible file names, modern compressed formats, product structured data with good images, and fast loading for the main product photo.

This guide is for Shopify and e-commerce teams who want a practical checklist, not theory. You'll get what Google's own documentation says matters, a product page checklist, alt text examples, the speed fixes that move Largest Contentful Paint, the structured data and Merchant Center rules for product images, and a step-by-step audit you can run on your store this week.

What is image SEO and why it matters for stores

On most content sites, images support the text. On a store, images often are the content. Shoppers judge a product by its photos, and Google uses those same photos in more places than ever: Google Images, Shopping results, product rich results, Google Lens and visual results inside regular search.

That gives image SEO three jobs:

  • Discovery. Google has to find and index the image, which means a crawlable URL inside a real <img> element.
  • Understanding. Google needs context to know what the image shows: alt text, the file name, nearby text, the page title and structured data.
  • Experience. The image has to load fast and look sharp. Google notes that images are often the largest contributor to page size, and the main product photo is often the element that decides your Largest Contentful Paint (LCP) score.

Most stores get the first job mostly right by default, because platforms like Shopify output standard image tags. The gaps show up in the second and third jobs: empty alt text, file names like IMG_4471.jpg, lazy-loaded hero images and product photos with promotional text that Merchant Center rejects.

How Google finds and understands images

Google's image SEO best practices are short and specific. These are the rules that matter most for a store:

  • Use HTML image elements. Google finds images in the src attribute of <img> elements. Google's documentation states plainly that it doesn't index CSS images, so a product shot set as a CSS background will not appear in image results.
  • Always include a fallback src. If you use srcset or the <picture> element, Google recommends a fallback URL in src because some crawlers don't understand the newer markup.
  • Use a supported format. Google Search supports BMP, GIF, JPEG, PNG, WebP, SVG and AVIF. The file extension should match the real file type.
  • Put images near relevant text. Google uses the page's content, title and headings to understand the image, so a product image on a page with a clear title and description has far more context than the same photo on a thin page.
  • Reuse the same URL. When the same image appears on several pages, referencing one URL lets Google cache it instead of treating copies as separate images.
  • Tell Google which image represents the page. You can use schema.org primaryImageOfPage, attach an image to the main entity, or use the og:image meta tag. Google advises against logos, images with text and extreme aspect ratios for this.

Notice what is not on the list: keyword density in alt text, image title attributes, or EXIF location data. Google calls alt text the most important attribute for image metadata and warns that keyword stuffing in alt text can be treated as spam.

Image SEO checklist for product pages

Use this as the standard for every product and collection page. Most items take minutes per product once the process is in place.

ElementDo thisAvoid this
Alt textDescribe the product, its key attribute and the view: "Brown leather weekender bag, side view"Empty alt on product photos, or "bag bag leather bag best bag"
File nameShort, descriptive, hyphenated: brown-leather-weekender-bag-side.jpgIMG_4471.jpg, final-v3.png
DimensionsUpload large originals (Shopify recommends 2048 x 2048 px for square product images) and let the theme serve smaller sizesUploading 600 px images that look blurry on zoom
FormatUpload high-quality JPEG or PNG and let the CDN serve WebP or AVIFHuge PNG photos served at full size to every device
Main image loadingLoad the first product image immediately, ideally with fetchpriority="high"Lazy loading the main product image
Gallery imagesLazy load images below the fold or in hidden carousel slidesLoading every gallery image at full size on page load
Structured dataProduct markup with several high-resolution imagesProduct markup with no image property
Merchant feed imageA clean shot of the product with no overlays or borders"50% OFF" badges, watermarks or logos added to the photo
Find the image and speed fixes worth doing first

We benchmark your product pages against your top three competitors on Google and AI answers, then list the image, speed and schema fixes in priority order with the revenue math.

Get my technical SEO audit →

How to write alt text for product images

Alt text has two audiences: people using screen readers and search engines. Good alt text serves both by describing what the image shows in plain language. The 2024 Web Almanac found that only 55% of <img> elements had non-blank alt text, so on many stores this is the easiest gap to close.

A simple formula

For product photos, use: product type + distinguishing attribute + view or context. Keep it to one short sentence. Don't start with "image of" or "picture of", since screen readers already announce that it is an image.

ImageWeak alt textBetter alt text
Main product shot"product""Matte black insulated water bottle, 32 oz, front view"
Detail shot"bottle lid""Leak-proof flip lid with carry loop on black water bottle"
Lifestyle photo"water bottle best water bottle hiking""Hiker drinking from a black insulated bottle on a mountain trail"
Color swatch"swatch1""Sage green color option"
Decorative divider or background"decoration"Empty alt (alt="") so screen readers skip it

Alt text on Shopify

In the Shopify admin, open a product, click an image in the media section and add alt text there. Most themes output that text in the alt attribute automatically. If an image has no alt text, many themes fall back to the product title, which is better than nothing but gives every gallery image the same description. Write unique alt text for the first three to five images on your best-selling products first, then work down the catalog.

File names, formats and file size

File names are a small signal, but they cost nothing to get right before upload. Google recommends short, descriptive file names and gives my-new-black-kitten.jpg as a better example than IMG00023.JPG. On Shopify, the file name you upload becomes part of the image URL, so rename files before you upload them. Renaming later means uploading the image again.

Which image format should you use?

JPEG and PNG still make up most of the images on the web. WebP and AVIF produce smaller files at similar quality, but adoption is still low.

Share of image requests by format, mobileShare of all image requests on mobile pages, 2024
JPEG32.4%
PNG28.4%
GIF16.8%
WebP12%
SVG6.4%
AVIF1%
View the data
Value
JPEG32.4%
PNG28.4%
GIF16.8%
WebP12%
SVG6.4%
AVIF1%

Source: HTTP Archive, Web Almanac 2024, Media chapter

The good news for Shopify stores: you don't have to convert files yourself. Shopify's documentation says it delivers WebP or AVIF to browsers that support them, and its image_url Liquid filter detects which formats a browser supports and picks the best one for quality and file size. Upload a high-quality JPEG or PNG and let the CDN handle conversion. On other platforms, use an image CDN or build step that does the same.

How large should product images be?

  • Shopify: recommends 2048 x 2048 px for square product images, with a maximum of 5000 x 5000 px (25 megapixels) and 20 MB per file.
  • Google Merchant Center: recommends about 1500 x 1500 px or larger, and from January 31, 2027 requires at least 500 x 500 px for all products.
  • Google product structured data: recommends high-resolution images of at least 50,000 pixels (width multiplied by height).

Large originals are fine on a CDN that resizes on request. What hurts is serving that original at full size to a phone. That is a responsive image problem, covered next.

Image speed: LCP, lazy loading and srcset

Image speed is where image SEO meets Core Web Vitals. LCP measures how long the largest visible element takes to render, and Google's threshold for a good score is 2.5 seconds or less. On most product pages, that largest element is an image.

How mobile pages handle their LCP imageShare of mobile pages, 2024
73%LCP element is an imageof mobile pages
16%LCP image is lazy loadednative or custom lazy loading
15%LCP image uses fetchpriority highup from 0.03% in 2022

Source: HTTP Archive, Web Almanac 2024, Performance chapter

These numbers point to three fixes that apply to almost every store:

  1. Never lazy load the main product image or homepage hero. Remove loading="lazy" from the first visible image. Lazy loading is for images below the fold.
  2. Prioritize the LCP image. Add fetchpriority="high" to the main product image so the browser requests it early. Only 15% of mobile pages did this in the 2024 Web Almanac.
  3. Serve the right size with srcset and sizes. srcset lists several widths and sizes tells the browser how wide the image will display. Most modern Shopify themes generate both through the image_url and image_tag filters, but custom sections and page builder blocks often skip them.
  4. Set width and height. Explicit dimensions let the browser reserve space and prevent layout shift (CLS). The Web Almanac found only 32% of mobile <img> elements set both.

For a wider look at speed on Shopify, see our guide to Core Web Vitals on Shopify.

Structured data, sitemaps and Merchant Center

Alt text helps Google understand an image. Structured data and feeds tell Google which images belong to which product, which is how product photos reach rich results and Shopping.

Product structured data

Google's merchant listing documentation lists image as a required property for Product markup to be eligible for merchant listing experiences. It recommends several high-resolution images, shows examples in 16x9, 4x3 and 1x1 aspect ratios, and prefers pictures that clearly show the product, such as on a white background. Most Shopify themes output Product structured data with at least the featured image. Check yours with our schema validator, and see product schema on Shopify for what to add.

Image sitemaps

Image sitemaps help Google find images it might otherwise miss, such as images loaded by JavaScript. Google now supports only two tags, <image:image> and <image:loc>, and allows up to 1,000 images per page URL. The old caption, title, geo location and license tags have been removed from Google's documentation. Image URLs in the sitemap can be on another domain, such as a CDN.

Image license metadata

If you license original photography, Google's image license metadata can make images eligible for a Licensable badge in Google Images. You add it with structured data (contentUrl plus a property such as license, creator or creditText) or with IPTC photo metadata embedded in the file. Most stores don't need this, but brands that sell art, prints or photography should consider it.

Merchant Center image rules

Product images in your Google Merchant Center feed go straight into free listings and Shopping ads, and the rules are stricter than on your own site.

RequirementGoogle Merchant Center rule
Minimum size500 x 500 px for all products from January 31, 2027
Recommended sizeAbout 1500 x 1500 px or larger
Maximum64 megapixels and 16 MB
FormatsJPEG, WebP, PNG, GIF, BMP and TIFF
Not allowedPromotional text or overlays, watermarks, added logos, borders, placeholders
FramingProduct fills no less than 75% and no more than 90% of the image
Crawl accessrobots.txt must allow Googlebot and Googlebot-Image
Get your products seen in AI answers, not just image results

Our free $100M AI Visibility Roadmap, built from 7,960 live pages and 197 A/B tests, shows how to get cited by ChatGPT, Google AI Overviews and Perplexity.

Get the free roadmap →

Visual search is no longer a niche. When Google last published Lens usage figures in October 2024, it reported nearly 20 billion visual searches every month, with 20% of them shopping-related.

Google Lens and shopping, as reported by GoogleFigures Google published on October 3, 2024
20BVisual searches per monthnearly 20 billion
20%Lens searches that are shopping-relatedof all Lens searches
45B+Products in the Shopping Graphmore than 45 billion

Source: Google, The Keyword blog, October 3, 2024

When a shopper photographs a product with Lens, Google matches it against product images it already understands, drawing on its Shopping Graph, which Google says covers more than 45 billion products. You can't optimize for Lens with a special tag. What you can do is make your product images clear, accurate and connected to good product data:

  • Show the product clearly. A clean main image on a plain background, plus angles and details, gives Google more to match against.
  • Keep feed and site images consistent. The same product, same variant, same photos in Merchant Center and on the product page.
  • Use real photos of your own product. Generic stock images or supplier photos shared by dozens of stores make it harder for Google to tie the image to your listing.
  • Label AI-generated images. Google's Merchant Center rules ask you to keep embedded metadata such as the IPTC DigitalSourceType tag on AI-generated product images.

For AI answer engines like ChatGPT, Perplexity and Google AI Overviews, the text around your images matters most today. Those systems mostly retrieve and quote the text on your page, so descriptive alt text, clear product copy and structured data make the information in your photos available to them. Our guide to AI search visibility covers the rest of that picture.

How to audit your store's images step by step

You can run this audit in an afternoon for your top 20 products, then turn it into a standard for every new upload.

  1. Pick your pages. Export your top 20 product pages and top 5 collection pages by revenue or organic traffic from GA4 or Search Console.
  2. Check alt text. Crawl the pages with a site crawler or inspect them in your browser. List every product image with missing, duplicate or keyword-stuffed alt text.
  3. Check file names. Look at the image URLs. Flag camera-default names on your best sellers and rename them on the next photo refresh.
  4. Find the LCP image. Run each page type (home, collection, product) through PageSpeed Insights on mobile. Note the LCP element, whether it is lazy loaded, and whether it uses fetchpriority.
  5. Check responsive markup. View source on a product page and confirm the main images have srcset, sizes, width and height. Check custom sections and app blocks too.
  6. Check CSS images. Look for important images set as CSS backgrounds, such as banners on collection pages. Move any that matter for search into <img> elements.
  7. Validate structured data. Test a product URL and confirm the Product markup includes an image property with high-resolution images.
  8. Review Merchant Center. Open the diagnostics in Merchant Center and filter for image issues, such as images that are too small or include promotional overlays.
  9. Fix, then set the standard. Fix the issues on your top pages first, then write a one-page upload standard (file name, alt formula, size, background) for whoever adds products.
SymptomLikely causeFix
Poor mobile LCP on product pagesMain image lazy loaded or oversizedRemove lazy loading, add fetchpriority="high", serve sized images with srcset
Images missing from Google ImagesCSS background images or JavaScript-only loadingUse <img> with a src, add an image sitemap if needed
Merchant Center image warningsPromotional overlays, small images or bordersUse clean product shots of at least 1500 x 1500 px
Layout jumps as images loadNo width and height setAdd explicit dimensions or aspect ratio
Every gallery image has the same alt textTheme falling back to product titleWrite unique alt text for each image

Where to start with image SEO this week

If you only do three things, fix the main product image on your top templates so it loads first and fast, write real alt text for the first few images on your best sellers, and clear any image warnings in Merchant Center. Those changes improve speed, accessibility and product visibility at the same time.

Image SEO is one part of the bigger product page picture. Our guide to Shopify product SEO covers titles, descriptions and structured data, and our technical SEO team can run the full audit for you. If you want a second opinion on your store, get in touch.

Want faster, better ranking product pages?

Book a free 30-minute call. We'll show you which pages are ready to move and the fixes that matter most for your store.

Get my custom plan →
FAQ

Questions & answers

Does alt text help SEO?
Yes. Google calls alt text the most important attribute for image metadata and uses it, along with page content, to understand what an image shows. It also makes your store accessible to screen reader users.
What is the best image format for SEO?
Google supports JPEG, PNG, WebP, AVIF, GIF, SVG and BMP, so format is mainly a speed decision. WebP and AVIF give smaller files; Shopify serves them automatically to browsers that support them.
Should I lazy load images?
Lazy load images below the fold, such as later gallery images and footer content. Never lazy load the main product image or hero image, because that delays Largest Contentful Paint.
Do image file names matter for SEO?
They are a small signal, but Google recommends short, descriptive file names. On Shopify, rename files before uploading, since the name becomes part of the image URL.
Do I need an image sitemap on Shopify?
Usually not for standard product images, which Google finds in normal img tags. An image sitemap helps when images load through JavaScript or Google is missing them.
Free custom plan

Find the revenue you're leaving on the table

A free 30-minute call where we build the first version of your plan with you. You leave with a plan either way.

  • Your score across Google, AI citations, branded demand, and reviews
  • The pages on your site that are ready to move right now
  • Your first Flagship page and the first three tests we'd run

Step 1 of 3

Get your free custom plan

Free. Takes about 30 seconds.