Shopify CLI 与 Headless

Hydrogen 站点的 SEO 要自己做什么

现象#

Headless 上线后 Search Console 收录很少,页面没有 description,也没有 sitemap。

原因#

  • Hydrogen 不自动生成 meta 与 sitemap
  • links 与 meta 导出函数未实现
  • canonical 与多语言 hreflang 缺失

处理步骤#

  1. 每个路由导出 meta,设置 title、description、og 标签
  2. 用 links 导出 canonical 与 hreflang
  3. 实现 /sitemap.xml 路由,从 Storefront API 拉商品与集合
  4. 输出 JSON-LD Product / BreadcrumbList

验收标准#

页面源码包含完整 meta 与 canonical,sitemap 可访问且 URL 有效,GSC 收录逐步上升。

本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。