Technical SEO
Image SEO
Alt Text
Product Images

Image Optimization for AI: Why Your Product Photos Need More Than Good Lighting

Your product images look amazing to humans but are invisible to AI. Alt text, file names, and image schema are the signals AI actually uses to understand your products visually.

RecomazeJipianu Adin-Daniel8 min read
Jipianu Adin-Daniel

Jipianu Adin-Daniel

CTO & Co-Founder at Recomaze. AI and ecommerce expert with years of experience in search technology, generative engine optimization (GEO), and AI visibility strategies. Specialist in helping ecommerce businesses get discovered and recommended by AI assistants like ChatGPT, Perplexity, and Google AI.

Beautiful Photos, Invisible to AI

Your product images are stunning. Professional photography, perfect lighting, lifestyle shots that make people want to buy. Your photographer is worth every penny.

But AI can't see any of it.

AI crawlers don't look at images the way you do. They can't appreciate your product styling or notice that perfect shadow detail. What they can do is read text — specifically, the text you attach to your images: alt text, file names, captions, and schema markup.

And for most e-commerce stores, that text is either missing entirely, auto-generated like "IMG_4392.jpg", or so generic that it tells AI nothing useful about what the image shows.

This means your beautiful product photos are contributing zero to your AI visibility. Here's how to fix that.

How AI "Sees" Your Images

To understand image optimization for AI, you need to understand what AI crawlers actually do when they encounter an image on your page.

Step 1: They read the alt text. The alt attribute on your img tag is the primary way AI understands what an image shows. If there's no alt text, AI skips the image entirely.

Step 2: They read the file name. A file named "blue-merino-wool-sweater-front.jpg" tells AI something. A file named "DSC_0042_final_v2.jpg" tells it nothing.

Step 3: They check for image schema. If your product images are referenced in your Product schema, AI connects them to specific products and their properties.

Step 4: They read surrounding context. The text near an image on the page helps AI understand what the image is about. A product image next to a description of a blue merino wool sweater gets associated with that content.

What AI crawlers do NOT do (in most cases):

  • Analyze the visual content of the image itself
  • Read text embedded in images
  • Understand image composition or styling
  • Process images loaded only via JavaScript (some crawlers)

Alt Text: The Most Undervalued AI Signal

Alt text was originally created for accessibility — describing images to visually impaired users using screen readers. It's still critically important for that purpose. But it's also become one of the most important signals for AI crawlers.

Good alt text does three things:

  • Describes what the image actually shows
  • Includes relevant product details (material, color, size, use case)
  • Provides context that connects the image to the product
  • The state of alt text in e-commerce:

    Most stores fall into one of these categories:

    Missing entirely. No alt text at all. AI learns nothing.

    Auto-generated from product title. "Blue Sweater - MyStore" on every image for that product. AI gets the product name but nothing about what this specific image shows.

    Generic stock descriptions. "Man wearing sweater" or "Product image." Tells AI almost nothing useful.

    Keyword-stuffed. "Best blue merino wool sweater buy online cheap premium quality winter sweater for men." Useless for both AI and accessibility.

    None of these help.

    Writing Alt Text That AI Actually Uses

    The formula is simple: describe what someone would see if they looked at the image, including product-relevant details.

    Product front view: Instead of: "Blue sweater" Write: "Navy blue merino wool crew neck sweater, front view showing ribbed cuffs and hem"

    Product being used: Instead of: "Woman wearing sweater" Write: "Woman wearing the navy merino sweater while hiking on a mountain trail, showing the fit and layering"

    Product detail shot: Instead of: "Sweater detail" Write: "Close-up of the merino wool texture and hand-stitched label on the navy crew neck sweater"

    Product packaging: Instead of: "Product box" Write: "Navy merino sweater folded in eco-friendly recycled cardboard gift box with care instructions"

    Each of these alt texts tells AI something specific and different about the product. The front view describes the garment details. The lifestyle shot describes the use case and fit. The detail shot highlights material quality. The packaging shot mentions sustainability.

    For AI, this is rich, indexable data. When someone asks "what's a good merino sweater for hiking?", your lifestyle shot's alt text just created a match.

    Guidelines for product image alt text:

    • Include the product name and key identifier (color, model)
    • Describe what's unique about this specific image (angle, context, detail)
    • Mention materials, features, or use cases visible in the image
    • Keep it under 125 characters (screen readers truncate longer text)
    • Don't start with "Image of" or "Photo of" — it's already known to be an image
    • Don't keyword-stuff

    File Names: The Overlooked Signal

    Image file names are the second text signal AI uses. And they're set once, at upload time, then almost never thought about again.

    Bad file names:

    • IMG_4392.jpg
    • product_photo_1.png
    • DSC_0042_final_v2.jpg
    • screenshot-2026-01-15.png
    Good file names:
    • navy-merino-wool-sweater-front.jpg
    • merino-sweater-hiking-lifestyle.jpg
    • merino-wool-texture-detail.jpg
    • merino-sweater-gift-packaging.jpg
    File names should be: lowercase, hyphen-separated, descriptive, and unique to the specific image. Think of them as URL slugs for images.

    If you have hundreds or thousands of product images with bad file names, renaming them all is a project. But for new products going forward, establishing a naming convention takes zero additional effort.

    Important: If you rename existing image files, make sure to set up 301 redirects from old image URLs to new ones. Otherwise, any existing external links to those images (including AI indexes) break.

    Product Image Schema

    Your Product schema should include image references. This tells AI exactly which images belong to which products:

    {
      "@type": "Product",
      "name": "Navy Merino Wool Crew Neck Sweater",
      "image": [
        "https://yourstore.com/images/navy-merino-sweater-front.jpg",
        "https://yourstore.com/images/navy-merino-sweater-back.jpg",
        "https://yourstore.com/images/navy-merino-sweater-detail.jpg"
      ]
    }

    The image property in Product schema can be a single URL or an array of URLs. Use an array to include all key product images.

    This is straightforward but often missing. Many Product schema implementations include every other field but omit images. Run a Recomaze audit to check if your product images are properly referenced in your schema.

    Image Sitemaps: Helping AI Find Your Images

    Just as your XML sitemap helps AI crawlers find your pages, an image sitemap helps them find your images.

    You can include image information directly in your standard sitemap or create a separate image sitemap. The key data:

    • Image URL
    • Image caption (similar to alt text, another text signal)
    • Image title
    • Image license information
    Most e-commerce platforms can generate image sitemaps automatically:
    • Shopify includes images in its standard sitemap
    • WooCommerce with Yoast or Rank Math can generate image sitemaps
    • Custom platforms need manual implementation
    If your product pages have 5-10 images each across hundreds of products, an image sitemap ensures AI discovers all of them — not just the ones it finds through page crawls.

    The Lazy Loading Problem

    Lazy loading — loading images only when they scroll into view — is great for page speed. It can be terrible for AI crawlers.

    Most AI crawlers don't scroll. They load the page, read the HTML, and move on. If your images are lazy-loaded and the initial HTML contains placeholder images (or no image src at all), AI never sees your actual product images.

    The fix: Use native lazy loading (the loading="lazy" attribute) rather than JavaScript-based lazy loading. Native lazy loading keeps the actual image URL in the src attribute, making it visible to crawlers even if the image hasn't loaded visually. JavaScript lazy loading often replaces src with data-src until scroll, hiding the image from crawlers.

    Also ensure that your first product image (the main/hero image) is NOT lazy loaded. This is the most important image for both users and AI — it should load immediately.

    Common Mistakes That Cost AI Visibility

    Images in CSS backgrounds. Product images loaded via CSS background-image are invisible to most AI crawlers. Always use img tags for product images.

    Text in images. Size charts, specification tables, or feature comparisons rendered as images instead of HTML. AI can't read text in images. These need to be HTML content.

    Missing images on mobile. Some responsive designs hide images on mobile to save bandwidth. AI crawlers increasingly use mobile user agents. If images are hidden on mobile, AI might not see them.

    No variety. One product image from one angle gives AI one data point. Five images from different angles, in different contexts, with different alt text give AI five data points. More images with proper alt text = richer AI understanding of your product.

    Your Image Optimization Action Plan

    This week:

  • Audit your top 10 products' images. Check each image. Does it have alt text? Is the file name descriptive? Is it in your Product schema?
  • Fix alt text on your top-selling products first. Write specific, descriptive alt text for every image on your top 10 product pages. This is the highest-ROI image optimization work.
  • Check for lazy loading issues. View your product pages in source code. Are actual image URLs in the src attributes, or are they hidden in data-src?
  • This month:

  • Establish naming conventions. Create a file naming standard for all new product images going forward. Document it for your team.
  • Add images to Product schema. Verify that your structured data includes the image property referencing all key product images.
  • Generate an image sitemap. If your platform supports it, enable it. If not, create one manually for your most important product images.
  • Convert text images to HTML. If you have size charts, comparison tables, or feature lists as images, recreate them in HTML.
  • Ongoing:

  • Build alt text into your product upload workflow. Every new product should launch with proper alt text on every image. Don't treat it as an afterthought.
  • Your product photography is an investment. Make sure AI can actually understand what those photos show. The stores that connect beautiful imagery with descriptive, structured text signals will have a significant advantage in AI product recommendations.

    Check if AI can understand your product images — free audit evaluates your image optimization, schema markup, and overall AI readiness. Takes 2 minutes.

    Image SEO
    Alt Text
    Product Images
    AI Crawlers
    Technical SEO
    GEO

    Check Your AI Readiness

    Get a free audit of your website's GEO optimization and AI visibility.

    Start Free Audit
    Recomaze AI Assistant

    Audit Assistant

    Recomaze AI Assistant response

    Hi! I'm your AI Readiness Audit assistant. I can answer any questions about how audits work, how scores are calculated, what the metrics mean, and how to improve your site's AI readiness.

    What would you like to know?

    Quick questions: