第03章 技术 SEO 基础：Shopify 独立站的速度、结构与爬取
第03章 技术 SEO 基础：Shopify 独立站的速度、结构与爬取
“技术 SEO 是看不见的基础设施。做好了，没人注意；没做好，你所有的内容努力都是在漏水的水桶里加水。”
为什么技术 SEO 对 Shopify 独立站特别重要
很多 DTC 创始人以为 Shopify 托管意味着"技术 SEO 已经帮你处理好了"。这只对了一半。
Shopify 确实帮你处理了：
- HTTPS 证书（自动）
- 基本的 Sitemap 生成
- 移动端响应式主题（如果你选择了 Dawn 等现代主题）
但 Shopify 没有帮你处理：
- 产品重复 URL 问题（一个产品出现在多个 Collection 时）
- 图片优化（很多店主上传的是 4MB 的原图）
- 废弃产品的正确处理
- 博客文章和产品页的 canonical 标签配置
- JavaScript 渲染问题（一些 App 会影响 Google 爬取）
技术 SEO 问题就像堵住的水管——不解决，你往里面灌再多内容，排名都出不来。
一、网站结构：让 Google 读懂你的逻辑
理想的 Shopify 电商网站层级
首页（Homepage）
├── 集合页：护肤品（/collections/skincare）
│ ├── 子集合：洗面奶（/collections/cleansers）
│ │ ├── 产品页：温和洗面奶（/products/gentle-cleanser）
│ │ └── 产品页：去角质洗面奶（/products/exfoliating-cleanser）
│ ├── 子集合：精华（/collections/serums）
│ └── 子集合：面霜（/collections/moisturizers）
├── 集合页：防晒（/collections/sunscreen）
└── 博客（/blogs/news）
├── 文章：最好的矿物防晒 2026（/blogs/news/best-mineral-sunscreen-2026）
└── 文章：化学 vs 矿物防晒（/blogs/news/chemical-vs-mineral-sunscreen）
关键原则：
- 扁平结构：从首页到产品页，最多 3 次点击
- 逻辑清晰：集合 → 子集合 → 产品，层级清楚
- 导航菜单：主菜单要包含主要集合，这是 Google 理解你的网站结构最重要的内部链接
Shopify 产品 URL 重复问题
这是 Shopify 最常见的技术 SEO 问题。
问题描述：一个产品（比如"温和洗面奶"）同时属于"护肤品"集合和"洗面奶"集合，就会产生两个 URL：
/collections/skincare/products/gentle-cleanser
/collections/cleansers/products/gentle-cleanser
加上产品本身的 URL：
/products/gentle-cleanser
现在这个产品有三个 URL，Google 不知道哪个是"主 URL"，导致排名信号分散。
Shopify 的处理方式：Shopify 2019 年后的版本，当用户从 Collection 页面进入产品页时，URL 会显示为 /collections/xxx/products/xxx，但后台实际上会自动添加 canonical 标签指向 /products/[handle]。
你需要做什么：
- 用 Ahrefs Webmaster Tools 爬取你的网站，检查 canonical 标签是否正确
- 确认主产品 URL（
/products/xxx）有内容，其他 URL 的 canonical 都指向它 - 内部链接优先使用
/products/xxx格式
检查方法：打开浏览器，进入一个从 Collection 页进入的产品页，查看地址栏 URL（通常是带 Collection 路径的），然后右键查看页面源码，搜索 canonical，确认它指向的是 /products/xxx。
二、页面速度：1 秒 vs 10 秒的 5 倍转化率差距
页面速度不只是 SEO 因素，更是直接影响转化率：加载速度在 1 秒内的页面，转化率是 10 秒页面的 5 倍（Portent 研究数据）。
Google 使用 Core Web Vitals 三个指标衡量页面速度：
| 指标 | 含义 | 目标值 |
|---|---|---|
| LCP（最大内容绘制） | 页面最大内容元素加载时间 | < 2.5 秒 |
| INP（交互到下一次绘制） | 用户点击到页面响应时间 | < 200ms |
| CLS（累积布局偏移） | 页面加载时元素跳动程度 | < 0.1 |
如何检测：进入 PageSpeed Insights，输入你的产品页 URL，分别查看移动端和桌面端评分。
Shopify 速度优化的 5 个高价值动作
动作一：压缩产品图片
这是最常见也最严重的速度问题。很多店主直接上传相机拍摄的原图（5-10MB），严重拖慢加载速度。
- 目标：产品图片文件大小 < 200KB
- 工具：Shopify 内置图片压缩（支持 WebP 格式）、TinyPNG、Squoosh
- 上传前建议图片尺寸：最大宽度 2048px
操作步骤：
1. 进入 Shopify Admin → Products
2. 点击产品，查看图片大小（鼠标悬停显示）
3. 超过 500KB 的图片需要重新压缩后上传
动作二：减少非必要 App
每安装一个 App，可能增加 0.1-0.5 秒的加载时间。很多店主有 20-30 个 App，其中 50% 已经不再使用。
- 进入 Shopify Admin → Apps → 删除不再使用的 App
- 用 PageSpeed Insights 的"Opportunities"部分，查看哪些第三方脚本拖慢了你的速度
- 优先选择 “Built for Shopify” 认证的 App，这类 App 经过 Shopify 性能审核
动作三：延迟加载非关键 JavaScript
告诉浏览器先加载产品内容，再加载其他脚本（如聊天插件、热图工具）。
在 Shopify 主题的 theme.liquid 中，找到非关键第三方脚本标签，添加 defer 或 async 属性：
<!-- 之前 -->
<script src="https://widgets.example.com/widget.js"></script>
<!-- 之后 -->
<script src="https://widgets.example.com/widget.js" defer></script>
动作四：启用 CDN 和图片懒加载
Shopify 本身就有 CDN（内容分发网络），这个不需要另外配置。但确保你的主题使用了图片懒加载（lazy loading）：
<img src="product.jpg" loading="lazy" alt="product description">
现代 Shopify 主题（Dawn、Sense 等）默认已启用，但老旧主题可能没有。
动作五：减少主题的液态字体
Google Fonts 等第三方字体可能导致渲染阻塞。可以：
- 使用系统字体（如
-apple-system, BlinkMacSystemFont, 'Segoe UI'） - 或者在主题中自托管字体文件
三、Faceted Navigation（筛选导航）的 SEO 陷阱
如果你的集合页有颜色、尺码、材质等筛选功能，每次用户筛选都会产生一个新 URL：
/collections/sunscreen?color=white&type=mineral&spf=50
如果你有 5 种颜色 × 3 种类型 × 4 种 SPF = 60 个筛选组合，就有 60 个额外 URL。这会导致：
- 索引膨胀：Google 爬取这 60 个 URL，发现内容几乎一样（都是同一批产品，只是顺序或数量略有不同），认为是重复内容
- 爬取预算浪费：Google 每次爬取你的网站有配额，浪费在无用 URL 上，重要页面可能被忽略
Shopify 的默认处理：Shopify 的 Liquid 主题默认会给筛选 URL 加上 ?sort_by= 等参数，这些 URL 通常不会被索引（因为没有在 sitemap 里）。但如果你使用了第三方筛选 App，需要检查其 canonical 标签配置。
解决方案：
- 策略 A（保守）：所有筛选 URL 的 canonical 都指向未筛选的集合页 URL（默认安全）
- 策略 B（进阶）：如果某个筛选组合有搜索量（如"矿物防晒 SPF 50"），允许 Google 索引这个 URL，给它加 self-referencing canonical，让它独立排名
如何判断哪些筛选 URL 值得索引：在 Ahrefs Keywords Explorer 搜索筛选词组合，看是否有 100+ 月搜索量。
四、Sitemap 和 Robots.txt
Sitemap
Shopify 自动生成 sitemap：yourstore.myshopify.com/sitemap.xml
你需要做：
- 登录 Google Search Console → Sitemaps → 提交你的 sitemap URL
- 检查 sitemap 里包含哪些页面（产品、集合、博客文章都应该在里面）
- 确认没有把不需要索引的页面（如账户页、购物车页）放进 sitemap
Robots.txt
Shopify 的默认 robots.txt 已经禁止了大部分不需要爬取的路径（/checkout、/cart、/account 等）。
不要乱动 robots.txt，除非你明确知道自己在做什么。一个常见错误是不小心 Disallow: / 禁止了整个网站被爬取。
检查方法：进入 yourstore.com/robots.txt，确认主要的集合页和产品页路径没有被 Disallow。
五、用 Google Search Console 发现技术问题
GSC 是免费的，也是最权威的技术 SEO 诊断工具（因为它直接来自 Google）。
最重要的四个报告：
1. 索引覆盖报告（Indexing → Pages）
查看哪些页面被索引、哪些页面没有被索引以及原因：
- “Not indexed - crawled but currently not indexed”：Google 爬取到了但没索引，可能因为内容质量低或与其他页面高度重复
- “Excluded by noindex”：检查是否有页面被错误地加了 noindex 标签
2. 核心网页指标报告（Experience → Core Web Vitals）
直接显示哪些 URL 有速度问题（Poor/Needs Improvement）。
3. 手动操作报告（Security & Manual Actions）
如果 Google 认为你违反了规则，会在这里显示惩罚通知。
4. 搜索结果报告（Performance → Search results）
这是日常最常用的报告，显示：
- 你的网站被展示的总次数（Impressions）
- 被点击的次数（Clicks）
- 平均排名（Position）
- 每个页面分别带来多少点击和展示
六、移动端优化
现实：大部分 Shopify 独立站的流量有 60-70% 来自移动端。Google 使用移动端优先索引（Mobile-First Indexing），意味着 Google 主要看你移动端版本来决定排名。
Shopify 的好消息：大部分 Shopify 主题（特别是 2023 年后的主题）默认都是响应式设计。
需要你检查的：
- 主要导航菜单在手机上是否方便点击（按钮大小 > 44px）
- 产品图片在手机上是否正常显示（不要用固定宽度）
- 字体在手机上是否可读（正文 > 16px）
- "加入购物车"按钮是否在首屏可见
测试工具：Google 的 Mobile-Friendly Test（即将退役）→ 改用 PageSpeed Insights 的移动端评分。
技术 SEO 月度检查清单
每月执行一次：
□ 检查 Google Search Console 的索引覆盖报告，修复新出现的错误
□ 检查 Core Web Vitals 报告，追踪速度变化趋势
□ 检查 GSC 的"搜索结果"报告，看排名有无异常下降
□ 用 Ahrefs Webmaster Tools 扫描：
□ 4xx 错误（链接断裂）
□ 内部链接问题
□ 重复 Title/Meta 问题
□ 检查 PageSpeed Insights 评分（产品页 + 首页 + 主要集合页）
每季度执行一次：
□ 检查所有重定向是否正常工作（特别是下架产品）
□ 检查 Sitemap 是否包含所有新产品和博客文章
□ 检查是否有 App 被删除后留下的死链接
□ 用 Screaming Frog 做完整站点爬取分析
本章小结
- Shopify 处理了 HTTPS 和基本 Sitemap，但重复 URL、图片速度、筛选导航等问题需要你主动处理
- 产品重复 URL：Shopify 新版本自动添加 canonical 指向
/products/xxx，但要验证 - 速度目标：LCP < 2.5s，1 秒加载的页面转化率是 10 秒的 5 倍；5 个高价值动作：压图片、减 App、延迟脚本、启用懒加载、优化字体
- Faceted Navigation：筛选 URL 产生大量重复内容，策略 A 全部 canonical 指向集合页，策略 B 对有搜索量的筛选词单独开放索引
- Google Search Console 4 个关键报告：索引覆盖、Core Web Vitals、手动操作、搜索结果
- 60-70% 流量来自移动端，Google 移动端优先索引，移动体验直接影响排名