跨境男孩 | Shopify SEO缺陷及技术SEO

如果你正在做Google SEO，或者阅读了有关 SEO 的文章，你可能已经听说过技术 SEO 的重要性。

虽然 Shopify 可以为独立站商家处理许多技术性 SEO基建，但仍然需要你做很多事情。

我通过GeekLeads（极客线索 www.geekleads.cn ）发现了数百万个Shopify独立站，

并结合SEMrush、ScreamingFrog（尖叫青蛙）等软件，进行手动审查数百家 Shopify 商店后，以下是我学到的一些东西，今天做一个线上分享：

什么是技术搜索引擎优化？

技术搜索引擎优化（Technical SEO）是优化网站技术层面，来帮助搜索引擎蜘蛛更有效地抓取、及索引URL的过程。

顾名思义，这通常与技术改进有关，例如Canonical、分面导航、缩短加载时间、自动生成页面等。

为何适用于 Shopify？

虽然我们无法控制Shopify服务器本身，但我们可以为 Shopify 进行速度优化，同时修复一些SEO技术问题。

可以通过全面抓取网站，对网站SEO技术进行审核，归类常见类型的SEO技术问题，及其他问题等，并进行适当的优化。

如何对 Shopify 商店进行技术 SEO 诊断？

我通常通过三个步骤来做到这一点：

1. 浏览网站及页面源代码
2. 使用SEMrush、ScreamingFrog（尖叫青蛙）之类的工具抓取网站

   见往期文章：跨境男孩 | Screaming Frog（尖叫青蛙）：网站SEO技术诊断图文教程

3. 检查谷歌搜索控制台（GSC）

接下来，我都大致说下我诊断出的Shopify技术问题、及修复建议。

常见Shopify 技术 SEO 问题及修复方法

下面这张图是Shopify 的所有最常见的技术 SEO 问题，可以先了解下，接下来将分享下如何修复这些问题。

问题1：目录URL 结构自定义

在典型的电子商务 SEO 指南中，URL Path SEO 建议：

• URL 尽可能短
• 包括主要（焦点&核心）关键字
• 使用用户友好的目录结构
• 不要重复单词

建议构建类似于以下内容的内部链接：/category/subcategory/

例如：

• /chairs/   所有椅子/类型的清单
• ‍/chairs/office/    所有带过滤器的办公椅列表，以缩小范围
• ‍/chairs/office/leather    所有真皮办公椅清单

虽然可以创建一个集合 /collections/leather-office-chairs，但如果我们还有许多其他办公椅材料和其他类型椅子的话，则将所有这些组织起来意义不大。

出于 SEO 目的，这为C端用户和蜘蛛（用户代理User-agent）提供了URL上下文件夹关联理解。

且这些中的每一个都将被定义为关键词，有一定的搜索量和排名。

默认情况下, Shopify商品品类的URL结构，都是 /collections/{collection-handle} ，且collection无法替换。

这就使得你的所有商品品类页面的结构如下：

• /collections/sofas

• /collections/leather-sofas

如果你真的很想更改商店的 URL 结构，有什么方式呢？

1. 使用产品标签

比如 /collections/{collection-handle}/{tag-handle}

这并不是理想方式，因为它只是一个额外的文件夹。并且标签页具有重复的 H1 和优化欠佳的标题、元数据等。理想情况下你会想要 /mens/t-shirts/black，且内容差异化。

如果没有定制开发，在我看来，复杂性大于它的价值，就没有办法为用户或搜索引擎定制这些标签页。

2. 对标准页面进行自定义功能

例如，Emulsion 使用页面而不是产品集合：https://emulsion.co.uk/pages/our-products

他们还使用 URL 变量来更改类别：https://emulsion.co.uk/pages/our-products ?selected=face

我不完全确定他们为什么这样做，也不建议大家这样做，但这是一种选择。

另一个有趣的例子是 iSmash：https ://www.ismash.com/collections/iphone-12-pro-max-repairs

点击“预订维修”，系统将逐步指导消费者预订维修。根本没有使用产品页面。

这里仅做记录和分享，但我不推荐这两种方式，因为它增加了复杂性，而感觉好处也没多大。

问题2：内部产品链接（Product Internal link）

在类别目录结构之后，还有内部的产品链接设置问题。

默认情况下，产品 URL 为：/products/{product-handle}

但是，当通过集合（即类别）页面访问时，这将变为：
/collections/{collection-handle}/products/{product-handle}

（你也可以打开你的其中一个商品系列中的任何产品，看看你的商店是否发生这种情况）

问题在于这类备用商品URL，它仅用于展示。

同时，再检查这些备用产品页面中，查看页面源代码的规范化（Canonical）标签，你会看到一些代码告诉机器人，规范化页面是 /products/{product-handle}

这意味着，你商店中的每个产品都有指向错误 URL 的内部链接。

虽然你可能会争辩说它们是“规范化”的，因此不应该成为问题，但这个规范标签仅起到推荐的作用，而且经常被搜索引擎忽略。

这也可能会导致同一产品在搜索引擎中被多次编入索引，并浪费爬网预算（通过多个 URL 访问同一产品）。

但Shopify以上这样设计，大概有两个好处吧：

1. 方便用户通过URL查看产品类别
2. 它支持面包屑链接（第3个问题再说）

所以也不能证明说是SEO 的缺点，所以我建议通过修改你的主题文件，直接链接到产品页面来修复这些链接。

你可以在【在线商店】> 【模板】> 【编辑代码】> 【product-grid-item.liquid】下执行此操作：

然后删除 “within: collection” 的文本：

点击保存，所有的链接都应该被修复。但也记得测试下，有时你的主题可能有多个链接，或结构略有不同。

问题3：面包屑（Breadcrumb）

如上一步所述，当你修复内部产品链接时，面包屑导航会被破坏。

面包屑是什么？稍微介绍下，它们是帮助用户在访问此页面之前（即向上）浏览页面的链接。

比如：

你在产品页面、或者博客文章详情页就需要使用这些。

默认情况下，Shopify 根据用户访问该产品的集合，动态插入面包屑链接。

但这并不理想，因为当你修复内部产品链接时，面包屑又会出问题。

另一种方法是：为每个产品甚至类别，都手动设置面包屑。然后可以使用自定义元字段存储和访问它，然后在面包屑主题部分中使用。

例如，你可以创建一个名为“breadcrumb”的元字段，并将商品集合的handle 存储在“leather-sofa”中。

在面包屑主题部分，你可以使用它来添加面包屑，如下所示:

{{ collections[product.metafields.global.breadcrumb].title }}

关于Shopify Metafields的介绍，见文章：跨境男孩 | 揭秘Shopify&Shopline Metafields

这将重新启用面包屑功能，并提供对此的额外优化，这对 SEO 来说甚至更好。

问题4：产品标签（Product Tag）

在 Shopify 生态系统中，标签用于为产品作为过滤器，和在典型的电子商务中的分面导航类似，比如下图：

从 SEO 的角度来看，这些标签的问题在于：它们创建的内容页面是重复/内容稀少的（重复内容页面太多，也会降低网站整体 SEO 质量的页面）。

假如你的产品有 3 种尺寸选项：125 毫升、275 毫升和 500 毫升。然后，你可以使用提供的任何尺寸标记所有类别中的所有产品。

Shopify将自动生成标签页，例如：

• /collections/perfume/125ml

• /collections/perfume/275ml

• /collections/perfume/500ml

这对 SEO 来说是一件好事，因为这些可能是人们正在搜索的关键字。也有可能有人专门找275ml的香水。

但是，由于两个原因，它在 Shopify 上被浪费了：

1. 如果你碰巧在标签中写了一个空格，它会将空格默认更改为+，比如125ml+option （但在robots.txt 存在disallow +的规则）
2. 自动生成的标签页无法自定义唯一H1、元描述、标题标签、内容等

    

同时，这会导致一大堆几乎重复的页面，唯一的区别是标题标签，比如：Perfume: Tagged “125ml” – Brand

你可以通过 Google 高级搜索指令，轻松检查你的商店是否发生这种情况：

site:yourdomain.com intitle:Tagged -inurl:tagged

更多Google高级搜索指令，见往期文章：跨境男孩 | SEO常用Google高级搜索指令

如果没有结果，可能没有遇到此问题。

下面我举个实际的Shopify站点例子：

此外，如果你仔细观察，这些带标签的URL在搜索结果（SERP）中不会吸引人点击。

那么可以将这些标签页设置为 noindex, follow 进行修复，

这需要你在theme.liquid 文件中，使用一段简单的代码来完成：

{% if current_tags %}    "robots" content="noindex, follow">{% endif %}

然后在 Robots.txt文件中，将这些标签页设置为 disallow，阻止爬行这些标签页，节省抓取预算。

最后你可以分析有搜索量的tag关键词，为这些标签关键词手动创建新的集合（即商品类目页面）。

问题5：博客标签（Blog Tag）

与产品标签类似，你也可以使用博客文章的标签来过滤文章。这些通常在 Shopify 博客上用于分隔不同的博客帖子类别。

与产品标签一样，问题是，这会导致创建许多你无法控制或自定义的页面，即薄内容。

将看到以下 URL ：

/blogs/news/tagged/name-of-tag

或者通过快速谷歌搜索：site:yourdomain.com inurl:tagged

可以简单修复下，将代码片段添加到你的theme.liquid文件中（与产品标签相同）：

{% if current_tags %}    "robots" content="noindex, follow">{% endif %}

问题6：供应商集合（vendors）

另外“供应商页面”，有可能导致很多个薄内容页，

你可以通过谷歌搜索找到这些：site:yourdomain.com inurl:collections/vendors

在大多数情况下，为每个供应商（即供应商、品牌、制造商）创建一个类别页面是个好策略，但是从 SEO 的角度来看，Shopify 的默认实现相当无用。

这有很多原因：

1. 页面 URL 默认为 /collections/vendors?q=Name. 即使忽略 SEO，这些也不是用户友好的 URL。
2. 这些页面是自动生成的，如果你碰巧有一个供应商有 2 个或更多单词，则它们之间的空格将替换为“+”，它被阻止Robots.txt。意思是，如果你的供应商有 2 个以上的词，搜索引擎将无法访问该页面。
3. 即使搜索引擎可以访问该页面，默认情况下也无法使用内容或 SEO 优化设置对其进行自定义，因此几乎没有用。

那么我们如何解决这个问题呢？

通过在这些页面theme.liquid 中，自定义设置 noindex, follow ：

{% if template contains "collection" and collection.handle == "vendors" %}    "robots" content="noindex, follow">{% endif %}

如果它们已经编入索引，首先利用这种方法删除它们。然后在你的Robots.txt文件中阻止它们（下面会讲到）。

如果你想为任何供应商品牌名称排名，那推荐你手动将它们创建为新集合。

如果你不处理，有可能会被做黑帽SEO的人利用这个漏洞，“黑”你的网站。

见往期文章：跨境男孩 | Shopify卖家必看，你的网站99.9%已经被黑了！

问题7：产品类型集合（Product type）

与供应商页面类似的是产品类型页面。这些可以在类似类型的参数 URL 下找到：/collections/types?q=Name

或者再次通过谷歌搜索：site:yourdomain.com inurl:collections/types

在 Shopify 中创建产品时，这些也是从“类型”字段自动生成的。

与供应商页面一样，这些页面与供应商页面具有相同的问题，并且没有优势。通常产品类型实际上与你的类别（即产品系列页面）相同，因此这没有任何好处。

像以前一样将它们设置为  noindex, follow ，然后在Robots.txt进行阻止：

{% if template contains "collection" and collection.handle == "types" %}    {% endif %}

问题8：其他特殊页面

除此之外，有时还有其他特殊页面，为搜索引擎或用户提供的价值不大，因此也可能没有索引。（有些卖家也愿意收录，就可以不用处理）

这些可以包括：

• /collections 及 /products：商店中所有系列的列表
• /collections/all：商店中所有产品的列表（使用分页，这真的会变成很多不必要的索引页面）

都可以添加以下theme.liquid代码，设置为noindex, follow：

{% if (template contains "collection" and collection.handle == "all") or (template contains "collection" and collection.handle == "new") or (canonical_url == "https://yourdomain.com/collections") %}    {% endif %}

设置自定义 Robots.txt 文件

自 2021 年底起，就可以在 Shopify 上设置自定义 Robots.txt 文件了！这将使你对上述问题有更多的自主控制权。

给大家个方法，通过C端访问，查看你当前网站的 Robots.txt 文件：
https://yourdomain.com/robots.txt

那如何进行自定义编辑Robots.txt 文件呢？

进入主题代码编辑器，然后在模板下单击“添加新模板”：

然后选择robots.txt，并单击创建模板：

现在将拥有一个robots.txt.liquid模板文件，里面添加了Shopify默认的 robots.txt 信息：

接下来我们可以通过修改这个文件，来删除或添加额外的规则，例如：

# we use Shopify as our ecommerce platform{%- comment -%}# Caution! Please read https://help.shopify.com/en/manual/promoting-marketing/seo/editing-robots-txt before proceeding to make changes to this file.{% endcomment %}{% for group in robots.default_groups %}  {{- group.user_agent -}}
  {% for rule in group.rules %}    {{- rule -}}  {% endfor %}
  {%- if group.user_agent.value == '*' -%}{{ 'Disallow: /collections/all*' }}{{ 'Disallow: /*?q=*' }}{{ 'Disallow: /collections/*/*' }}{{ 'Disallow: /blogs/*/tagged/*' }}  {%- endif -%}
  {%- if group.sitemap != blank -%}    {{ group.sitemap }}  {%- endif -%}{% endfor %}

（说明：请谨慎使用自定义robots.txt，如果你还没修复内部产品链接，加了的话将导致抓取问题）

这将阻止搜索引擎抓取：

• /collections/all 所有带分页的产品列表（通常不需要）
• /collections/vendors?q= 为每个供应商自动创建的集合（如上所述）
• /collections/types?q= 为每种类型的产品自动创建的集合（如上所述）
• /collections/any-collection/tag-name 产品标签页
• /blogs/any-blog/tagged/tag-name 博客标签页

规范化或合并产品变体

在创建大量产品时，必须注意产品变体。如果你为每个变体（SKU）创建单独的产品URL，这可能会导致出现很多不必要的页面。

这是 Gymwear 的一个例子，除了颜色之外，他们有 6 种相同的产品：

如果每个标题关键词都有搜索量，这可能是一件好事。

但人们真的在搜索“core seamless t-shirt white”或“core seamless t-shirt red”吗？

可能不是。

在这种情况下，可以将这些全部合并到一个产品中，并在 Shopify 中设置变体选项。

或者，如果你认为对用户不友好，例如在这种情况下，用户希望在单击之前查看所有颜色选项，你可以使用“Canonical规范标签”告诉蜘蛛，在哪里可以找到页面的原始版本。这允许你拥有 6 种产品URL，但每个URL都指向蜘蛛（即搜索引擎）知道的单个产品是该索引的原始产品URL。

你所要做的，就是链接到规范标签中的“原始”页面。

这可以通过自定义元字段来实现 ：

https://yourstorehandle.myshopify.com/admin/bulk?resource_name=Product&edit=metafields.global.canonical,metafields.seo.hidden:boolean&limit=250

然后使用此元字段修改 theme.liquid ：

{% if product.metafields.global.canonical != blank %}{% else %}{% endif %}

301 重定向已删除的产品

SEO 优化包括重定向已删除（破损链接）的产品，但有助于将用户（和蜘蛛）重定向到高度相关的页面，而不是统一访问 404 页面。

这比较简单。下次删除产品时，进入 Shopify 重定向，Shopify >在线商店 > 在线导航 >查看 URL 重定向：

并创建一个新的重定向：

然后你可以输入旧的 URL 、和重定向到新URL（最相似的产品或集合），然后就完成了：

使用结构化数据

结构化数据是一种解释你网页内容的方法。这通常通过 Schema.org 标记完成。

默认情况下，大多数 Shopify 主题都会集成此功能，但值得仔细检查并确保其设置正确。

产品结构化数据

产品结构化数据代码可能已经在你的主题中已设置好了，但也需要仔细检查下。

你要确保至少使用以下属性：

• 姓名
• 报价 — 价格、可用性、价格货币、URL
• 品牌
• 描述
• 图像

我们已经看到许多主题跳过了报价的“URL”部分，但通常会导致 GSC 中出现警告消息。

文章结构化数据

对于你的博客文章，需要使用 Article 结构化数据。同样，这可能是默认设置，但也得检查下。

要确保至少使用以下属性：

• 标题
• 图像
• 修改日期
• 发布日期

面包屑列表结构化数据

BreadcrumbList 是一个标记，用于解释面包屑和每个链接的位置。

此处的位置对于上下文很重要。如果你看一个典型的面包屑：

在 schema.org 代码中，类似下面这种：

# we use Shopify as our ecommerce platform{%- comment -%}# Caution! Please read https://help.shopify.com/en/manual/promoting-marketing/seo/editing-robots-txt before proceeding to make changes to this file.{% endcomment %}{% for group in robots.default_groups %}  {{- group.user_agent -}}
  {% for rule in group.rules %}    {{- rule -}}  {% endfor %}
  {%- if group.user_agent.value == '*' -%}{{ 'Disallow: /collections/all*' }}{{ 'Disallow: /*?q=*' }}{{ 'Disallow: /collections/*/*' }}{{ 'Disallow: /blogs/*/tagged/*' }}  {%- endif -%}
  {%- if group.sitemap != blank -%}    {{ group.sitemap }}  {%- endif -%}{% endfor %}

确保你的主题正在使用这种结构化数据，它可能位于名为：breadcrumbs.liquid

关于结构化数据教程，见文章：跨境男孩 | Shopify商品结构化数据SEO教程（全网首发）

从站点地图中删除

如果你以前使用过任何其他 CMS，大家想的应该是，将页面设置为不规范或无索引，它会自动将其从站点地图中删除。

但实际情况，并非如此。

我们需要手动从站点地图中删除，但又是个坏消息，没有真正简单的方法可以做到这一点。

毕竟，Shopify不支持修改站点地图（sitemap.xml）。

但有一个鲜为人知的隐藏元字段可以做到这一点：

https://yourdomain.myshopify.com/admin/bulk?resource_name=Product&edit=metafields.global.canonical,metafields.seo.hidden:boolean&limit=250

上面的链接将允许你编辑“隐藏的”SEO 元字段，只需勾选该框，即可从站点地图中删除并修改自定义规范元字段。

但是有一个重要的问题：

通过勾选 seo.hidden 元字段，将自动将你的页面设置为 noindex,nofollow。这意味着不要搜索引擎中索引此页面，并且不要跟踪链接。

这两种选择都不是理想的，而且都对规范化页面不利。

因此，我建议让开发人员从页面中删除此代码，如下所示。

查找 {{ content_for_header }}， 并theme.liquid替换为：

{% capture content_for_header_fixed %}{{ content_for_header }}{% endcapture %}  
{% if product.metafields.seo.hidden == 1 or collection.metafields.seo.hidden == 1 %}    {{ content_for_header_fixed | remove: '' }}{% else %}{{ content_for_header }}{% endif %}

这是一个有点棘手的解决方法，但它整体上对 SEO 更好。

使用 Screaming Frog或SEMrush等 抓取其他问题

上述问题基本涵盖了 Shopify 中的SEO问题，但如果你仅使用这篇文章教程的话，可能会遗漏其他问题。

要找到所有SEO技术问题，建议用Screaming Frog（尖叫青蛙），或者SEMRush 、Sitebulb或 Ahrefs等诊断工具，对你的网站进行抓取。

这些蜘蛛像搜索引擎一样浏览你网站的每个页面，并找出它能找到的任何问题。

详细教程：跨境男孩 | Screaming Frog（尖叫青蛙）：网站SEO技术诊断图文教程

谷歌搜索控制台问题

还有最重要的发现SEO技术问题的GSC，即Google Search Console ，它是 Google 官方提供的站长仪表板，用于了解他们如何抓取你的网站并将其编入索引。

授权你的域名后，在【概述】-【编制索引】右上角有【完整报告】，很容易找到问题的URL，比如下方，你会在这里看到有490 个错误：

进一步查看，有 160 个页面标记noindex排除了，47个页面丢失（404 个页面）等等.

发现问题后，需要评估报错是否符合我们预期，再看去解决问题。

比如确认所有丢失的 (404) 页面，并在必要时进行重定向 (301) 。

然后仔细检查没有索引的页面，看它是否正确？如果正确，请按照上面解释的说明将它们从站点地图中删除。

我建议还有个检查的地方，结构化数据问题，即【增强功能】：

你可以在这里看到这个网站没有面包屑结构化数据；

常见问题解答存在一些基本的编码错误，目前影响该5个页面，需要修复；

还有商品评价摘要结构化数据掉了很多等问题。

不同的站点会显示不同的问题，关键是你要发现这些潜在问题，并解决掉进行SEO。

最后

关于技术SEO，Shopify 作为建站SaaS，服务器是由 Shopify 管理的，因此卖家是无法访问服务器日志，来分析蜘蛛UA抓取活动的，这可能限制了卖家对网站的某些优化方面的细粒度控制。

尽管Shopify在某些SEO方面，存在一些局限性和弊端，但卖家也可以利用提供的SEO工具和功能，包括本文提到的技术搜索引擎优化的方法，来优化你的独立站等。

以上。