第二章:Shopify 技术 SEO 完全指南

目录 · Contents

2.1 什么是技术 SEO?为什么它是「地基」?

我们先打个比方。

假设你要开一家线下店铺。内容 SEO 就是你的装修风格、商品陈列、导购话术——这些决定了顾客进来之后买不买。而技术 SEO 呢?它是你店铺的地基、水电、消防通道。

地基不稳,楼会塌。水电不通,灯都亮不了。消防通道堵了,消防局直接不让你开业。

技术 SEO 就是这个道理。它解决的是一个根本问题:Google 能不能顺利地找到你的页面、读懂你的页面、并且给用户一个流畅的体验。

如果你的网站:

  • Google 根本发现不了某些页面 → 这些页面永远不会出现在搜索结果里
  • 页面加载要 8 秒 → Google 认为用户体验差,排名直接往下掉
  • 同一个产品有两个 URL → Google 不知道该给哪个排名,两个都排不好

这些都是技术 SEO 的范畴。

好消息是:Shopify 作为一个托管平台,已经帮你搞定了大概 80% 的技术 SEO。 你不用像 WordPress 用户那样折腾服务器配置、手写 sitemap、配置 SSL 证书。但剩下的 20%,你得自己动手。而且这 20% 往往决定了你和竞争对手之间的差距。


2.2 Shopify 已经帮你做好的事

在操心"我要做什么"之前,先看看 Shopify 悄悄帮你做了哪些事。理解这些,你会对自己的起点更有信心。

HTTPS 加密(自动)

HTTPS 就是你网址前面那个小锁头。它意味着用户和你网站之间的数据传输是加密的。Google 从 2014 年开始就把 HTTPS 作为排名信号——没有 HTTPS 的网站,排名会吃亏。

Shopify 的做法:所有 Shopify 店铺自动启用 HTTPS,免费,不用你操心。 你甚至找不到关闭它的开关。

Sitemap 自动生成(自动,但……)

Sitemap(站点地图)是一个 XML 文件,它相当于你给 Google 递了一份"店铺目录",告诉它:"嘿,我这里有这些页面,你都来看看。"

没有 sitemap,Google 也能通过链接一个一个爬到你的页面,但效率低很多。就好比你去一个大商场,没有楼层指示牌也能逛完,但有指示牌明显快得多。

Shopify 的做法:自动生成 sitemap.xml,地址固定在 你的域名/sitemap.xml 每当你新增产品、文章、页面,sitemap 会自动更新。

但是! Shopify 只是生成了 sitemap,并没有帮你提交给 Google。这就好比你印了一份目录,但没有递给商场管理处。提交 sitemap 到 Google Search Console 这一步,你得自己来。后面 2.3 节我会手把手教你。

robots.txt 自动生成(自动)

robots.txt 是一个放在网站根目录的小文件,它的作用是告诉搜索引擎爬虫:"哪些区域你可以进,哪些区域别来。"

打个比方:robots.txt 就是你商场的"员工通道禁止入内"标志。你不希望 Google 去爬你的后台管理页面、购物车页面、结账页面——这些对搜索用户毫无价值,爬了也是浪费 Google 的时间(是的,Google 分配给每个网站的爬取时间是有限的,这叫"爬取预算")。

Shopify 的做法:自动生成 robots.txt,默认屏蔽 /admin/cart/checkout 等不需要被索引的路径。 对大多数卖家来说,默认配置就够用了。

CDN 全球加速(自动)

CDN(内容分发网络)的意思是,你的网站内容被复制到了全球各地的服务器节点上。不管用户在纽约还是东京,都能从离他们最近的节点加载你的网站,而不是每次都跑去 Shopify 的主服务器取数据。

这对速度的提升是巨大的。Shopify 使用的是 Cloudflare 的 CDN 网络,覆盖全球,并且会自动把你的图片转换成 WebP 格式(一种体积更小、加载更快的图片格式)。

你什么都不用做,享受就好。

移动端响应式(自动)

Google 现在采用"移动优先索引",意思是 Google 主要看你网站的手机版来决定排名。如果你的网站在手机上体验很差,排名会受到严重影响。

Shopify 官方主题商店里的所有主题都是响应式设计,自动适配手机、平板、电脑。只要你没有乱改主题代码,这一点基本不用担心。


2.3 你必须自己搞定的 5+1 件事

Shopify 做了 80% 的工作,但剩下的 20% 是"分水岭"。做了,你就领先大部分竞争对手;没做,你可能在基础层面就被拖后腿。

第 1 件:提交 Sitemap 到 Google Search Console

这是最简单但最容易被忽略的一步。很多卖家开店几个月了,Google 都没收录几个页面,原因就是没有提交 sitemap。

操作步骤:

  1. 打开 Google Search Console,登录你的 Google 账号
  2. 添加你的 Shopify 店铺域名(如果还没添加过,按提示验证域名所有权)
  3. 在左侧菜单找到「Sitemaps」(站点地图)
  4. 在输入框中填入 sitemap.xml(前面的域名会自动补上)
  5. 点击「提交」

就这么简单。提交后,Google 会定期来读取你的 sitemap,发现新页面就会去爬取和索引。

小贴士: 提交一次就够了,不需要每次上新品都重新提交。Shopify 会自动更新 sitemap 内容,Google 会定期回来检查。

注意: 提交后索引可能需要一周以上。定期在 Search Console 检查索引报告,关注 404 错误。另外,Shopify 免费试用期的店铺也会被索引,但试用结束未付费会被取消索引——所以不要以为试用期数据不重要,提前做好 SEO 基础功是值得的。

第 2 件:统一内部链接指向 Canonical URL

这是 Shopify 技术 SEO 里最隐蔽也最重要的坑。我仔细讲一下。

问题是什么?

在 Shopify 里,每个产品页其实有两个 URL:

/products/blue-running-shoes          ← 这是"正牌" URL
/collections/mens-shoes/products/blue-running-shoes  ← 这是"集合路径"版本

当用户通过集合页(比如"男鞋"系列)点进一个产品时,浏览器地址栏显示的是第二个带集合前缀的 URL。

Google 看到同一个页面有两个不同 URL,就会困惑:到底给哪个排名?这会导致"权重分散"——两个 URL 都拿不到好排名。

Shopify 做了什么?

Shopify 很聪明,在每个产品页的 HTML 头部都加了一个 canonical 标签,告诉 Google:"不管你从哪个 URL 进来,请认准 /products/blue-running-shoes 这个版本。"

但问题出在哪?

虽然 canonical 标签指向了正确的 URL,但你站内的各种链接(导航菜单、推荐模块、集合页的产品列表)往往指向的是带集合前缀的版本。这就造成了一个矛盾的信号:canonical 说 A 是正版,但内部链接都指向 B。Google 虽然会参考 canonical,但它也会觉得"你自己都不指向 A,A 真的是正版吗?"

怎么检查?

在你的网站上随便点几个产品,看浏览器地址栏:

  • 如果看到 /collections/xxx/products/xxx → 说明内部链接指向的是集合路径版本
  • 如果看到 /products/xxx → 恭喜,你的链接是对的

怎么修复?

  1. 导航菜单中的产品链接: 在 Shopify 后台 → 在线商店 → 导航,检查所有菜单链接,确保产品链接直接指向 /products/xxx
  2. 主题代码中的产品链接: 大部分 Shopify 主题在集合页的产品列表里用的是 {{ product.url | within: collection }} 这种写法,它会生成带集合前缀的 URL。改成 {{ product.url }} 就行

第 3 件:优化产品 URL Handle

URL handle 就是你产品 URL 中 /products/ 后面那一段。它是你在创建产品时可以自定义的部分。

为什么重要?

Google 会读取 URL 来理解页面内容。一个好的 URL handle 不仅帮助 Google 理解页面主题,也让用户在搜索结果里一眼就知道这个页面是关于什么的。

好的 handle vs 坏的 handle:

坏的 好的
/products/SKU-38291-BLU /products/blue-running-shoes-men
/products/新款蓝色跑鞋 /products/blue-running-shoes
/products/product-1 /products/lightweight-trail-running-shoes
/products/BluE-Running-SHOES /products/blue-running-shoes

几个原则:

  • 用英文关键词:Google 对英文 URL 的理解最好,即使你面向中文市场,URL 也建议用英文
  • 用连字符分隔单词blue-running-shoes,不要用下划线 blue_running_shoes,也不要连在一起 bluerunningshoes
  • 简短且描述性:包含核心关键词就行,不要塞太多词
  • 全小写:Google 视 /Apple/apple 为两个不同页面。统一用小写,避免混乱
  • 创建后尽量不要改:一旦修改 URL handle,旧 URL 就会 404。Shopify 会自动创建一个重定向,但频繁改来改去不是好习惯

在哪里设置? Shopify 后台 → 产品 → 选择一个产品 → 拉到最下面 → 搜索引擎优化 → 编辑「URL 和句柄」。

第 4 件:优化页面加载速度(Core Web Vitals)

Google 用三个指标来衡量用户在你页面上的体验,统称 Core Web Vitals(核心 Web 指标)。这三个指标直接影响排名。

1. LCP(最大内容绘制)— 目标:< 2.5 秒

LCP 衡量的是页面上最大的内容元素(通常是首屏大图或标题文字)多久能加载完毕。简单说就是:用户打开你的页面,多久能看到主要内容?

对 Shopify 卖家来说,LCP 的头号杀手是首屏大图太大

怎么改善:

  • 压缩产品首图和 banner 图。上传前用 TinyPNG 等工具压缩,控制在 200KB 以内
  • 利用 Shopify CDN 的自动 WebP 转换(这个是自动的,你不用做什么)
  • 首屏不要放视频自动播放,视频往后放

2. INP(交互到下一次绘制)— 目标:< 200 毫秒

INP 衡量的是用户在页面上做操作(点击按钮、选择尺码、展开描述)后,页面多久能响应。简单说就是:点了之后卡不卡?

对 Shopify 卖家来说,INP 的头号杀手是装了太多第三方 App

每安装一个 Shopify App,它很可能会在你的网站中注入一段 JavaScript 代码。这些代码都要在用户浏览器里运行。5 个 App 还好,装了 15 个 App 就像让一台电脑同时跑 15 个软件——卡顿是必然的。

怎么改善:

  • 定期审查你安装的 App,卸载不再使用的
  • 注意:有些 App 卸载后代码残留还在,需要手动清理主题代码
  • 优先选择轻量级 App,安装前看评价里有没有人抱怨"拖慢速度"

3. CLS(累积布局偏移)— 目标:< 0.1

CLS 衡量的是页面加载过程中内容有没有"跳来跳去"。你有没有过这种体验:正要点一个按钮,突然页面顶部弹出一个横幅广告,内容往下一推,你点到了别的地方。这就是布局偏移,用户体验极差。

怎么改善:

  • 给所有图片和视频设置明确的宽高属性(大部分 Shopify 主题已经做了)
  • 避免在页面顶部动态加载 App 横幅(比如"限时折扣"弹窗)。如果非要用,给它预留好固定空间
  • 加载自定义字体时使用 font-display: swap(这个比较技术向,大部分主题默认已设置)

去哪里查这三个指标? 打开 PageSpeed Insights,输入你的网址,Google 会给你一份详细的诊断报告,包含每个指标的得分和改善建议。

第 5 件:自定义 robots.txt(进阶)

前面说了,Shopify 自动生成的 robots.txt 对大多数卖家够用。但有一种情况你需要手动调整:你的集合页带有筛选参数。

举个例子,你的"所有产品"页面 URL 是 /collections/all,用户可以按价格排序、按类型筛选,URL 就变成了:

/collections/all?sort_by=price-ascending
/collections/all?filter=type:sneakers
/collections/all?sort_by=best-selling&filter=color:blue

这些带参数的页面和原始集合页的内容高度重复,让 Google 去爬这些页面纯粹浪费爬取预算。

怎么修改 robots.txt:

从 2021 年起,Shopify 允许通过 robots.txt.liquid 模板来自定义 robots.txt。

操作路径: 后台 → Online Store → Themes → 点击 ... → Edit code → Add a new template → 选择 robots → Create template。

官方建议: Shopify 推荐使用 Liquid 对象(如 robotsgrouprule)来定义规则,而非纯文本替换。因为 Shopify 的默认规则会定期更新以匹配 SEO 最佳实践,用 Liquid 对象可以在保留默认规则的基础上追加自定义规则。

警告: 这是不受 Shopify 客服支持的自定义操作。错误编辑可能导致全部搜索流量丢失(比如不小心屏蔽了整个网站),请谨慎操作,修改前建议备份原始内容。

具体步骤:

  1. 按上面的路径创建 robots.txt.liquid 模板
  2. 在模板中添加你要屏蔽的路径规则

比如,要屏蔽所有带排序参数的集合页:

Disallow: /collections/*sort_by*
Disallow: /collections/*filter*

重要提醒: robots.txt 能阻止 Google 爬取这些页面,但不能阻止 Google 索引它们。如果 Google 通过其他链接发现了这些 URL,它仍然可能把它们收录到搜索结果中。要彻底阻止索引,需要在页面 HTML 里加 noindex 标签。不过对大多数 Shopify 卖家来说,先做好 robots.txt 的屏蔽就已经足够了。

第 6 件:301 重定向管理

严格来说这不算"必须做"的事,但一旦你碰到下面这些场景,不做重定向就会丢流量:

  • 修改了产品 URL handle: 比如你把 /products/shoe-1 改成了 /products/blue-running-shoes,旧 URL 直接变成 404,之前积累的外链权重全部浪费
  • 下架了产品但有替代品: 老产品不卖了,但有升级款,应该把旧 URL 301 到新产品页
  • 网站改版: 调整了集合结构或页面路径

操作路径: Shopify 后台 → Content → Menus → View URL Redirects → Create URL redirect

  • 「Redirect from」填旧 URL(只需填路径部分,比如 /products/old-shoe
  • 「Redirect to」填新 URL(比如 /products/new-shoe

批量操作: Shopify 支持通过 CSV 批量导入/导出重定向。如果你一次性要处理大量 URL 变更(比如网站改版),用 CSV 导入会快得多。

小贴士: 修改 URL handle 时,Shopify 会弹窗问你"是否自动创建重定向"——建议选"是"。这样旧 URL 会自动 301 到新 URL,不丢流量。

什么情况不该重定向?

已下架且没有替代品的产品,应该让它返回 404,而不是强行重定向到一个不相关的页面。Google 其实能正常处理 404,但如果你把 /products/蓝色跑鞋 重定向到 /collections/all,用户体验很差,Google 也会认为这是低质量重定向。


2.4 怎么检查你的技术 SEO 健康度

做完上面这些工作后,你需要定期检查技术 SEO 的状态。这就像体检——不能装修完就再也不管了。

方法一:Google Search Console 看索引状态

在 Google Search Console 的「页面」报告中,你可以看到:

  • 有多少页面被成功索引
  • 有多少页面没被索引,以及原因是什么(比如被 robots.txt 屏蔽、有 noindex 标签、服务器错误等)

如果你提交了 sitemap 但几周后大量页面仍未索引,那就需要排查问题了。

方法二:PageSpeed Insights 看速度

访问 pagespeed.web.dev,输入你的店铺首页、一个产品页、一个集合页,分别检查 Core Web Vitals 三个指标是否达标:

  • LCP < 2.5 秒 ✓
  • INP < 200 毫秒 ✓
  • CLS < 0.1 ✓

三个都是绿色就算合格。如果有橙色或红色,按照上面 2.3 的方法去优化。

方法三:site: 命令看收录数量

在 Google 搜索框里输入 site:你的域名(比如 site:mystore.com),Google 会显示它收录了你网站的多少个页面。

对比一下你实际有多少个产品页、文章页、普通页面。如果收录数量远少于实际页面数量,说明有页面没被 Google 发现或者索引出了问题。

方法四:用 SEO 工具做全面体检

如果你想更系统地排查问题,可以用 Semrush Site Audit 或 Ahrefs Site Audit。这类工具能一键扫描 100+ 种技术问题,比手动检查全面得多。

扫描完后,工具会把问题分成三级,按优先级处理:

优先级 类型 包含什么 处理时间
P0 Errors(错误) 5XX 服务器错误、robots.txt 误封重要页面、死链(404 且有内链指向) 立即修复
P1 Warnings(警告) 缺失/重复的 meta 标签、Core Web Vitals 不达标、canonical 标签错误 1-3 周内
P2 Notices(提醒) 孤立页面(没有内链指向)、URL 结构不规范 持续优化

电商核心关注指标:

指标 达标标准
页面加载时间 ≤ 3 秒
产品页距首页点击深度 ≤ 3 次点击
Title 标签长度 50-60 个字符
Meta Description 长度 155-160 个字符

省钱小贴士: Semrush 免费账号每天可以做有限次数的站点审计,对小卖家来说完全够用。不需要一上来就买付费版。

2.5 多地区卖家必看:Hreflang 标签

这一节是专门为面向多个国家或使用多种语言运营的卖家准备的。如果你只做单一市场(比如只卖给美国),可以跳过;如果你有多地区站点或多语言页面,这一节非常重要。

问题是什么?

假设你同时面向美国、英国、澳大利亚三个市场,三个地区的页面内容基本相同(都是英文),只有价格和运费说明不同。Google 看到三个内容高度相似的页面,很可能把它们判定为重复内容,把权重分散掉,或者给美国用户展示澳大利亚版的页面。

又或者你有中英双语版本——英文页面面向海外用户,中文页面面向国内买家。如果没有正确的标记,Google 可能把中文页面展示给美国用户,英文页面展示给中国用户。

这两种情况,都是 Hreflang 标签要解决的问题。

Hreflang 是什么?

Hreflang 是一种放在页面 HTML <head> 里的标签,作用是告诉 Google:"这个页面的目标受众是哪个语言/地区的用户,同时还有哪些替代语言/地区的版本。"

标准格式:

<link rel="alternate" hreflang="en-us" href="https://yourstore.com/products/xxx" />
<link rel="alternate" hreflang="en-gb" href="https://yourstore.com/en-gb/products/xxx" />
<link rel="alternate" hreflang="en-au" href="https://yourstore.com/en-au/products/xxx" />
<link rel="alternate" hreflang="x-default" href="https://yourstore.com/products/xxx" />

x-default 是当没有语言/地区匹配时的默认版本,通常指向主站。

Shopify 怎么处理?

Shopify 不会自动添加 Hreflang 标签。 这需要你手动处理,有三种方式:

方式一:用 Shopify Markets(推荐)

Shopify Markets 是 Shopify 内置的多地区销售功能,支持不同地区显示不同货币、价格和语言。如果你用 Markets 来管理多地区,配合 Shopify 官方主题(Dawn 等),Hreflang 标签会自动生成。这是最省心的方案。

方式二:用第三方 App

如果你用的是较老的主题或有自定义需求,可以用 Weglot(多语言翻译 + 自动添加 Hreflang)或 Langify 这类 App。它们会自动管理 Hreflang,不需要你碰代码。

方式三:手动在主题代码里添加

技术路线,适合有开发能力的卖家。在主题的 theme.liquid 文件 <head> 部分添加对应的 <link> 标签。注意每个语言/地区版本都必须互相引用对方——只在一个页面上写不行,所有版本都要有完整的 Hreflang 声明。

什么时候开始做?

如果你现在只做单一市场,可以暂时不管这个。但如果你计划扩展到多个英语市场(美国 + 英国 + 澳大利亚是最常见的组合),在建站之初就把多地区结构规划好,比后期改造要容易得多。


本章小结

类别 具体事项 谁来做
HTTPS 加密 全站自动启用 Shopify
Sitemap 生成 自动生成并更新 Shopify
Sitemap 提交到 GSC 手动提交一次
robots.txt 基础配置 自动屏蔽后台、购物车 Shopify
robots.txt 高级自定义 屏蔽筛选参数页 你(进阶)
CDN 加速 + WebP 转换 全球自动加速 Shopify
移动端响应式 主题自动适配 Shopify
Canonical URL 内部链接统一 检查并修复链接指向
URL Handle 优化 创建产品时设置好
Core Web Vitals 优化 压缩图片、精简 App
301 重定向管理 URL 变更时设置跳转 你(按需)

记住一句话:Shopify 帮你打好了地基,但墙面有没有裂缝、水管通不通,你得自己检查。 把这一章的事做好,你的技术 SEO 就超过了 90% 的 Shopify 卖家。

下一章,我们进入内容 SEO——产品页怎么写、博客怎么选题、关键词怎么布局,这是大多数卖家能立刻动手、最快看到效果的部分。

— AI与鱼 · 一个人 + AI 也能抵一个团队

链接我— Get in Touch
微信二维码 — AI与鱼

微信

Aiyuyu_2025

公众号二维码 — AI与鱼

公众号

AI与鱼

想说点什么

扫码或搜索微信号
添加好友时备注「网站」