Shopify Product Images for AI Shopping Agents

How AI Agents Source Product Images

Each AI shopping agent accesses product images through a different pathway, which determines which image appears in results and what resolution is required.

JSON-LD Image Field: The Structured Data Pathway

The image property in your Product JSON-LD is the most controllable image signal you have. When set correctly, it overrides whatever image the agent's crawler found in the DOM for structured-data-aware agents like ChatGPT Shopping.

Single image (minimum viable)

"image": "https://cdn.shopify.com/s/files/1/0000/0000/products/your-product.jpg"

Image array (recommended for AI agents)

"image": [
  "https://cdn.shopify.com/s/files/1/0000/0000/products/product-main.jpg",
  "https://cdn.shopify.com/s/files/1/0000/0000/products/product-lifestyle.jpg",
  "https://cdn.shopify.com/s/files/1/0000/0000/products/product-detail.jpg"
]

ImageObject (with dimensions specified)

"image": [
  {
    "@type": "ImageObject",
    "url": "https://cdn.shopify.com/s/files/1/0000/0000/products/product-main.jpg",
    "width": 2048,
    "height": 2048,
    "caption": "{{ product.title | json }}"
  }
]

Use the ImageObject form when you want to specify dimensions explicitly — useful for Google's structured data validation, which confirms the image meets size requirements without needing to fetch the file. The caption field is read by Google AI Mode for image entity matching and should match the product title.

Shopify Liquid implementation

{%- assign featured = product.featured_image -%}
"image": [
  {%- for image in product.images limit: 4 -%}
  {
    "@type": "ImageObject",
    "url": {{ image | img_url: 'master' | prepend: 'https:' | json }},
    "width": {{ image.width }},
    "height": {{ image.height }},
    "caption": {{ product.title | json }}
  }{% unless forloop.last %},{% endunless %}
  {%- endfor -%}
]

The key is img_url: 'master' — this outputs the original full-resolution URL without any CDN size transformation suffix. Never use img_url: '800x800' or similar in your JSON-LD image URLs.

Alt Text: Entity Consistency Signal

Alt text on product images is not a direct ranking factor for AI agent citations — agents don't sort products by alt text quality. However, alt text contributes to the entity consistency signal that agents use to determine citation confidence: when the image alt text, the product title, the JSON-LD name, and the page h1 all describe the same product consistently, agents assign higher confidence to the entity match.

Recommended alt text formula

[Brand] [Product Name] — [Primary Attribute or Use Case]

Examples:

• "Patagonia Nano Puff Hoody — Men's lightweight insulated jacket in black"
• "Peak Design Everyday Backpack 30L — weatherproof camera and laptop bag"
• "Allbirds Tree Runner — men's natural material running shoes, white"

Alt text in Shopify Liquid

{% comment %} In product image tag {% endcomment %}
<img
  src="{{ image | img_url: '800x800' }}"
  alt="{{ image.alt | default: product.title | escape }}"
  width="{{ image.width }}"
  height="{{ image.height }}"
  loading="lazy"
>

Shopify lets you set alt text per image in the product admin. When no alt text is set, image.alt falls back to the product title — which is an acceptable baseline but misses the opportunity to include variant-specific attributes for variant images.

Variant image alt text

For variant-specific images (color variant shots, size-specific images), include the variant option value in the alt text: "Patagonia Nano Puff Hoody — Men's insulated jacket in Cobalt Blue". This helps Google AI Mode's visual product graph match visual queries like "blue patagonia puffer" to the correct variant page.

Image Format and Dimension Requirements

og:image for Social-Style AI Result Cards

Meta AI and some ChatGPT Shopping card formats pull from the og:image tag rather than the JSON-LD image array. Shopify's Dawn theme sets og:image to the first product image by default. The recommended dimensions for og:image are 1200×630 pixels (Facebook Open Graph standard) rather than the square format used for product image thumbnails.

For product pages, the square 1:1 product image is typically used as og:image even though it doesn't meet the 1200×630 recommendation — this is generally acceptable because AI agents displaying product cards prefer the square format anyway. The only case where a custom 1200×630 og:image is worth creating is for blog posts and landing pages that appear in AI agent link results.

<!-- In your product page Liquid template -->
<meta property="og:image" content="{{ product.featured_image | img_url: '1200x1200' | prepend: 'https:' }}">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="1200">
<meta property="og:image:alt" content="{{ product.title | escape }}">

Google Merchant Center Feed Image Requirements

Google AI Mode sources product images primarily from the Merchant Center feed rather than from structured data. The Merchant Center image_link attribute has stricter requirements than JSON-LD:

• Must be a crawlable, publicly accessible URL (no login required, no IP restriction)
• Must not redirect more than two times before resolving to the image file
• URL must not include query string parameters that require authentication tokens
• The image file must return with a correct Content-Type header matching the format (image/jpeg, image/webp, etc.)
• Shopify CDN URLs (cdn.shopify.com) meet all of these requirements without additional configuration

If your Merchant Center feed reports image fetch errors, the most common causes are: (1) the product image was deleted in Shopify admin but the old CDN URL was cached in the feed; (2) a Shopify app CDN proxy is rate-limiting the Google image crawler; (3) you've moved from Shopify CDN to a custom image CDN and the new URL requires authentication.

Image Optimization Checklist for AI Shopping Agents

Related Resources

• Shopify Product Photography and AI Alt Text — the companion guide covering image content strategy, shot types, and bulk alt text optimization across large catalogs.
• Shopify Schema Markup Guide — complete Product JSON-LD reference including the ImageObject type and all required fields.
• AI Shopping Agent Product Ranking Factors — full ranking signal matrix; images are a secondary signal behind structured data completeness and GTIN.
• Shopify Catalog Completeness and AI Visibility — how image coverage across your full catalog affects overall AI readiness scoring.

Frequently Asked Questions

Check Your Product Image Structured Data Coverage

CatalogScan scans your product pages for JSON-LD image array coverage, og:image configuration, and Merchant Center image link health — and flags dimension and URL issues before they suppress your products from AI Shopping results.