SEOMay 19, 20268 min read

Product Image SEO: Alt Text, File Names, and Image Sitemaps Done Right

Most ecommerce stores treat image SEO as 'write some alt text.' Here's the complete image SEO playbook — file naming, alt text patterns, structured data, image sitemaps, and format optimization.

StoreVitals Team

Product images are one of the highest-ROI SEO opportunities in ecommerce, and one of the most neglected. Most stores write generic alt text (or none at all), use machine-generated file names like DSC_04521.jpg, and skip image sitemaps entirely. The stores that get this right appear in Google Images — a source of commercial-intent traffic that most SEO tools don't even track.

The Commercial Intent Case for Google Images

Google Images drives significant ecommerce traffic that's easy to overlook. Users who search for product images are often in research or purchase mode — comparing options visually before buying. For jewelry, apparel, furniture, home decor, and specialty items, Google Images ranking can match or exceed organic text search traffic.

Google Images eligibility and ranking depends on:

  • Alt text relevance to the search query
  • File name containing relevant keywords
  • Page context (surrounding content, page title, structured data)
  • Image quality and size (high-resolution images rank better)
  • Page performance (slow pages rank worse in Images too)
  • Inclusion in image sitemap
  • Product structured data on the page

File Names: The First Signal

File names are the first signal Google reads about an image's content. DSC_04521.jpg tells Google nothing. mens-leather-chelsea-boots-brown-size-11.webp tells Google exactly what it's looking at.

File naming conventions that work:

  • Use hyphens between words (underscores are not word separators in URLs)
  • Include product name, key attributes (color, material, size range), and product type
  • Keep it under 100 characters — prioritize the most important terms first
  • Use descriptive terms users would actually search for, not internal SKU codes

Pattern: [brand]-[product-name]-[color]-[key-attribute]-[product-type].[ext]

Example transformations:

  • img_1234.jpgnike-air-max-270-triple-black-mens-running-shoe.webp
  • product_hero.pnghandmade-ceramic-coffee-mug-speckled-blue-12oz.webp
  • front_view.jpgwomens-cashmere-turtleneck-sweater-camel-tan.webp

Alt Text: The Ranking Signal

Alt text has two purposes: accessibility (screen readers read it to visually impaired users) and SEO (Google uses it to understand image content). Good alt text serves both purposes simultaneously.

What makes good alt text

  • Descriptive and specific — describe what is visually in the image, including product attributes
  • Naturally includes the primary keyword — the product name and type
  • Under 125 characters — screen readers typically stop reading after 125 chars
  • No keyword stuffing — "blue shoe blue sneaker blue athletic shoe blue running shoe" is spam
  • No "image of" or "photo of" — Google already knows it's an image

Alt text patterns by image type

Hero/primary product image: [Product Name] in [Color] — [Key Feature or Use Case]

alt="Nike Air Max 270 in Triple Black — Men's cushioned running shoe"

Gallery/angle images: [Product Name] [Angle/View]

alt="Nike Air Max 270 side profile view"
alt="Nike Air Max 270 sole and tread detail"

Lifestyle/in-use images: [Product Name] being used in context

alt="Man running on trail wearing Nike Air Max 270"

Size/measurement images: [Product Name] dimensions

alt="Nike Air Max 270 size chart — US Men's 6 to 15"

Decorative images (page separators, background patterns): use alt="" (empty). Screen readers skip images with empty alt text, which is correct behavior for purely decorative content.

Scaling alt text across catalogs

Writing custom alt text for 10,000 product images by hand isn't practical. Scalable approaches:

  • Template-based generation: [Product Title] — [Category] from [Brand]. Not perfect but better than empty or machine-generated filenames used as alt text.
  • For high-traffic products (top 20% by sales), write custom alt text manually. These pages have the most to gain from optimized images.
  • Audit for missing alt text first — empty alt text on product images is a Google Images exclusion signal.

Image Sitemaps: The Indexation Signal

Image sitemaps explicitly tell Google which images exist on each page and where. Without them, Google discovers images by crawling — slower, less reliable, and subject to crawl budget constraints.

Image sitemap format:

<url>
  <loc>https://yourstore.com/products/chelsea-boots</loc>
  <image:image>
    <image:loc>https://cdn.yourstore.com/mens-leather-chelsea-boots-brown.webp</image:loc>
    <image:title>Men's Leather Chelsea Boots in Brown</image:title>
    <image:caption>Handcrafted leather Chelsea boots with elastic side panel</image:caption>
  </image:image>
  <image:image>
    <image:loc>https://cdn.yourstore.com/mens-leather-chelsea-boots-brown-side.webp</image:loc>
    <image:title>Men's Leather Chelsea Boots — Side View</image:title>
  </image:image>
</url>

Most Shopify and WooCommerce stores don't include image data in their sitemaps. Adding it is straightforward with a sitemap plugin (Yoast, Rank Math for WooCommerce) or custom sitemap code.

Structured Data for Product Images

Google's Product structured data supports an image property that explicitly associates your product images with your product entity. When present, this data is used to qualify images for Google Shopping rich results and Google Images rich snippets (showing price, brand, and availability alongside the image).

{
  "@type": "Product",
  "name": "Men's Leather Chelsea Boots",
  "image": [
    "https://cdn.yourstore.com/mens-leather-chelsea-boots-brown.webp",
    "https://cdn.yourstore.com/mens-leather-chelsea-boots-brown-side.webp"
  ],
  "brand": { "@type": "Brand", "name": "Your Brand" },
  "offers": {
    "@type": "Offer",
    "price": "189.00",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

Image Format and Performance

Image format affects both SEO (page speed is a ranking signal) and image eligibility (Google Images requires images to be accessible and not blocked by robots.txt).

Format recommendations for ecommerce:

  • WebP — 25-35% smaller than JPEG at equivalent quality, supported by all modern browsers. Default format for product images.
  • AVIF — 50% smaller than JPEG, increasingly supported (Chrome, Firefox, Safari 16+). Use as primary format with WebP fallback.
  • JPEG — Keep as fallback for browsers that support neither AVIF nor WebP.
  • Never use PNG for product photos (correct for logos, icons with transparency).

StoreVitals audits scan your product pages for missing alt text, detect images with generic or machine-generated file names, check whether your sitemap includes image data, verify product structured data includes image URLs, and flag images still served as JPEG or PNG where WebP/AVIF would reduce weight. The result is an actionable prioritized list — starting with the highest-traffic pages where image SEO gains are largest.

image SEOalt textimage sitemapecommerce SEOproduct images

See these issues on your store?

Run a free scan and find out in seconds.

Run Free Scan