第二章: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。
操作步骤:
- 打开 Google Search Console,登录你的 Google 账号
- 添加你的 Shopify 店铺域名(如果还没添加过,按提示验证域名所有权)
- 在左侧菜单找到「Sitemaps」(站点地图)
- 在输入框中填入
sitemap.xml(前面的域名会自动补上) - 点击「提交」
就这么简单。提交后,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→ 恭喜,你的链接是对的
怎么修复?
- 导航菜单中的产品链接: 在 Shopify 后台 → 在线商店 → 导航,检查所有菜单链接,确保产品链接直接指向
/products/xxx - 主题代码中的产品链接: 大部分 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 对象(如
robots、group、rule)来定义规则,而非纯文本替换。因为 Shopify 的默认规则会定期更新以匹配 SEO 最佳实践,用 Liquid 对象可以在保留默认规则的基础上追加自定义规则。警告: 这是不受 Shopify 客服支持的自定义操作。错误编辑可能导致全部搜索流量丢失(比如不小心屏蔽了整个网站),请谨慎操作,修改前建议备份原始内容。
具体步骤:
- 按上面的路径创建
robots.txt.liquid模板 - 在模板中添加你要屏蔽的路径规则
比如,要屏蔽所有带排序参数的集合页:
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——产品页怎么写、博客怎么选题、关键词怎么布局,这是大多数卖家能立刻动手、最快看到效果的部分。
链接我— Get in Touch

微信
Aiyuyu_2025

公众号
AI与鱼
想说点什么
扫码或搜索微信号
添加好友时备注「网站」