SEO-GEO · the 23SEOGEO team

Shopify Image SEO Auditor — find images Google cannot index | SEO-GEO

Shopify themes heavily use CSS background-image for hero banners, collection lookbooks, and even product photos. Looks fine to users — but Googlebot Image cannot see it. Your product photos never appear in Google Images.

Google Images documentation states that Google indexes images referenced by an HTML <img> (or <picture>) src attribute; CSS background-image is not eligible for Image indexing. Shopify themes lean heavily on CSS background images, which quietly removes product photos from Google Images. Source: https://developers.google.com/search/docs/appearance/google-images

What can you check or produce?

  • 5-dimension weighted 0-100 scoring with CSS bg-image carrying 25% (the issue Google flagged hardest)
  • Batch audit up to 10 URLs, pure fetch — no AI cost
  • Auto-probes sitemap.xml + Shopify's sitemap_products_*.xml for <image:image> namespace
  • Detects missing ALT, empty alt, WebP coverage, loading="lazy", srcset, <picture> elements
  • Every issue ships with a Shopify Liquid fix template (image_url filter + format: 'webp')
  • Works on homepage / collection / product pages — recommend scanning a few of each

How should you interpret results and choose the next action?

Google Images documentation states that Google indexes images referenced by an HTML <img> (or <picture>) src attribute; CSS background-image is not eligible for Image indexing. Shopify themes lean heavily on CSS background images, which quietly removes product photos from Google Images. Source: https://developers.google.com/search/docs/appearance/google-images Shopify themes (especially paid themes' hero/lookbook/collection banners) lean heavily on CSS background-image — beautiful in browsers, invisible to Google Image Search. This tool uses pure fetch to identify which images are 'hidden in CSS' and provides one-click <img>/<picture> replacements. Pure edge-function implementation, User-Agent SEO-GEO-ShopifyImageBot/1.0, compliant crawling, free for all logged-in users, no AI quota consumed.

Frequently asked questions

How is this different from Multimodal GEO Check?

Multimodal GEO Check is about whether AI engines (ChatGPT/Gemini) can parse and cite your images. This tool is about whether Googlebot Image can index them. One is GEO, the other is classic SEO — complementary, non-overlapping.

Scoring weights?

5 weighted dimensions: CSS bg-image visibility 25% + ALT coverage 25% + WebP coverage 20% + image sitemap 20% + lazy-load/responsive 10%. 85+ = A, 70-84 = B, 55-69 = C.

Why does CSS bg-image carry the highest weight?

This weighting is our own rule: a CSS background image is not an <img> in the HTML, so search engines usually cannot index it as a page image. The other checks are speed and crawl-efficiency optimizations.

Shopify's auto-generated sitemap_products_*.xml has no <image:image> — what now?

Likely the theme renders images in a way Shopify's sitemap generator doesn't recognize, or the theme disabled the product sitemap. In the theme, render product images via the standard product.featured_image with non-empty alt text — Shopify usually rewrites the image entries.

By · Last updated: