Shopify SEO · 商品发现

Shopify Metaobjects 形象书图片 SEO 检查清单(用于商品发现)

如何让用 Shopify metaobjects 制作的形象书图片更容易被发现。涵盖描述性 alt 文本与文件名、服务器端渲染、可被抓取的“选购这套”商品链接、metaobject 页面元数据、图片结构化数据、常见错误与衡量计划。

Prodofoto Team··10 min read
作为 Shopify metaobjects 形象书图片演绎、并链接到商品页的休闲运动鞋生活方式照片
形象书图片只有在每套造型都有描述性 alt 文本和可被抓取的商品页链接时,才能带来商品发现。

快速答案

用 Shopify metaobjects 制作的形象书,只有在图片以可被发现的内容形式渲染时,才有助于商品发现:包含商品名称的描述性 alt 文本、上传前设置的描述性文件名、从每套造型连到其商品页的可被抓取“选购这套”链接,以及让爬虫能看到的服务器端渲染标记。Metaobject 是容器,图片与链接的整备才是信号。

什么是 metaobjects 形象书,SEO 又从哪里流失

Shopify metaobjects 是自定义内容结构,很适合形象书 — 每套造型都有风格化图片、简短说明与所含商品。问题在于 SEO 信号藏在容易被略过的细节:各图片的 alt 文本与文件名、商品是否被链接,以及这些是否出现在爬虫读取的 HTML 中。Metaobject 图片会渲染成普通的 img,因此 Google 的图片指南会像对待商品照片一样适用。

Shopify Metaobjects · Google Images SEO · Google Crawlable Links

可被抓取的“选购这套”链接是发现引擎

装饰性形象书与发现表面之间最大的差别,在于每套造型是否以真正的锚点(带 href 的 a 元素)连到商品。Google 只会跟随可被抓取的链接。只触发 JavaScript 点击处理的热点无法被抓取,因此即使对用户有效也不会传递发现价值。在 metaobject 上建立商品引用字段,让模板能渲染这些链接,并撰写包含商品名称的描述性锚文本或 alt。

形象书图片 SEO 检查清单

每一行都是针对 metaobject 中每套造型要确认的项目。越靠前的项目越容易让你流失发现。

元素建议做法避免做法
造型图片 alt 文本描述场景并列出画面中的商品名称alt 留空/自动沿用文件名
图片文件名linen-blazer-tan-trouser-studio-lookbook.webp直接用拍摄的 IMG_4821.JPG
“选购这套”商品链接连到每个商品页的真正 a href 链接没有链接的平面图/只有 JS 的热点
服务器端标记含宽高与链接、由服务器渲染的 img仅由 Storefront API 在前端渲染
Metaobject 页面元数据描述性标题、meta description、自引用 canonical主题默认标题/没有描述
图片尺寸与格式适当尺寸的 .webp 并设置宽高未设宽高的超大原图

制作流程

  1. 建立形象书 metaobject 结构(标题、造型图片的 File 字段、说明、商品引用字段)。
  2. 在加入 metaobject 之前,先为每张图片设置描述性文件名与 alt 文本。
  3. 用商品引用字段把每套造型连到其商品,让模板能渲染链接。
  4. 输出为含宽高、由服务器渲染的图片,并渲染连到每个商品页的真正 a href 链接;确认 JavaScript 执行前标记就已存在。
  5. 给形象书一个可被抓取的 URL,设置描述性标题、meta description 与自引用 canonical,并纳入导航与 sitemap。

常见错误

  • 把整套造型压成一张没有链接的图片。
  • alt 留空或只是沿用文件名。
  • 在 headless 构建上只做前端渲染。
  • 用只有 JS 的热点而非真正的链接。
  • 形象书 URL 没有元数据或 sitemap 登录。
  • 把 metaobjects 当成神奇的 SEO 功能。

常见问题

Shopify metaobjects 本身会帮助 SEO 吗?

本身不会。Metaobjects 是内容结构,效益来自其内容如何渲染。当图片有描述性 alt 与文件名、“选购这套”链接是真正可被抓取的锚点,且整体以服务器端渲染时,形象书才会对排名与发现有贡献。

形象书图片的 alt 文本在哪里?

在 Shopify 上的图片本身,以及主题渲染 metaobject 的 File 字段时所输出的内容。请在上传前或上传时设置描述性 alt,并确保模板会渲染该 alt 而非留空。就像商品照片的 alt 一样,描述场景并列出商品名称。

Metaobject 形象书可以有自己的 URL 吗?

可以。启用 storefront access 并加入对应的主题模板后,Shopify 可为符合条件的 metaobject 条目提供自己的页面。有了 URL 后,请把它当作可索引页面:描述性标题、meta description、自引用 canonical、内部链接与 sitemap 登录。请依 Shopify 帮助中心确认最新做法。

生成形象书需要的生活方式照片

形象书需要为每套造型准备风格化、符合品牌的图像。Prodofoto 可从一张干净的商品照片生成多张 Shopify 适用的生活方式图片,让你不必重新拍摄就能用描述性、命名良好的图片填满 metaobject 形象书。

在 Shopify 安装 Prodofoto