SEO-GEO · 23SEOGEO 团队

Shopify 图片 SEO 审计 — 找出无法被 Google 图片索引的图 | SEO-GEO

Shopify 主题大量用 CSS background-image 放产品图、collection banner、lookbook。看起来一切正常,但 Googlebot Image 完全看不到——你的产品图根本不在 Google 图片搜索结果里。

Google 图片 SEO 官方文档说明:Google 只能索引通过 HTML <img>(或 <picture>)的 src 属性引用的图片,CSS 的 background-image 不具备图片索引资格。Shopify 主题大量使用 CSS 背景图,产品图因此从 Google 图片搜索中消失。官方依据: https://developers.google.com/search/docs/appearance/google-images

可以检查或产出什么？

  • 5 维加权 0-100 评分,CSS bg-image 占最高 25% 权重(Google 原话最严重)
  • 批量审计最多 10 个 URL,纯抓取无 AI 成本
  • 自动探测 sitemap.xml + Shopify 子 sitemap_products_*.xml 的 <image:image> 命名空间
  • 检测 ALT 缺失/空 alt/WebP 覆盖率/loading=lazy/srcset/<picture> 元素
  • 每条问题附 Shopify Liquid 修复模板(image_url filter + format: 'webp')
  • 首页/集合页/产品页都能扫,推荐三类各扫几个对比

如何理解结果并决定下一步？

Google 图片 SEO 官方文档说明:Google 只能索引通过 HTML <img>(或 <picture>)的 src 属性引用的图片,CSS 的 background-image 不具备图片索引资格。Shopify 主题大量使用 CSS 背景图,产品图因此从 Google 图片搜索中消失。官方依据: https://developers.google.com/search/docs/appearance/google-images Shopify 主题(尤其是付费主题的 hero/lookbook/collection banner)极度依赖 CSS background-image —— 看起来美观,但你的产品图就此从 Google 图片搜索消失。本工具用纯抓取识别哪些图片『藏在 CSS 里』,并给出可一键替换的 <img>/<picture> 代码。 纯边缘函数实现,User-Agent 标识为 SEO-GEO-ShopifyImageBot/1.0,合规抓取,登录后全员免费,不占用 AI 配额。

常见问题

和『多模态 GEO 检查』有什么区别?

多模态 GEO 检查关注图片是否能被 AI 引擎(ChatGPT/Gemini)解析引用;本工具关注图片是否能被 Googlebot Image 收录。一个是 GEO,一个是经典 SEO,互补不重叠。

评分标准?

5 维加权:CSS bg-image 可见性 25% + ALT 覆盖 25% + WebP 覆盖 20% + 图片 sitemap 20% + 懒加载/响应式 10%。85+ A,70-84 B,55-69 C。

为什么 CSS bg-image 权重最高?

这是本工具的权重设定（我们的规则）：CSS 背景图不在 HTML 的 <img> 里，搜索引擎通常无法把它当作页面图片收录；其他几项属于加载速度和收录效率优化。

Shopify 自动生成的 sitemap_products_*.xml 里如果没有 <image:image> 怎么办?

可能是主题用 alt 属性的方式不被 Shopify sitemap 生成器认出来,或主题禁用了产品 sitemap。在主题里把产品图改用标准 product.featured_image 渲染、确保 alt 文本非空,通常能让 Shopify 重新写入 image 条目。

作者： · 最近更新：