Skip to main content

Shopify SEO: 规范产品URL与面包屑导航

在 Shopify 运营中，一个常见但容易被忽视的 SEO 问题是重复 URL。当一个产品被分配到多个产品系列（Collection）时，Shopify 会为它生成多个不同的 URL，这会导致搜索引擎难以判断哪个是“权威”页面，从而分散页面权重。本教程将指导你如何解决这个问题，并优化面包屑导航。

视频教程

更详细的操作演示，请观看我们的 YouTube 教程。

问题所在：重复的产品 URL​

假设你有一个产品“T-shirt”，它同时属于“New Arrivals”和“Summer Sale”这两个系列。用户通过不同系列访问它时，URL 会是：

  • /collections/new-arrivals/products/t-shirt
  • /collections/summer-sale/products/t-shirt

虽然 Shopify 会设置 canonical 标签指向不带系列路径的主 URL (/products/t-shirt)，但在主题内部链接、站点地图或面包屑导航中，我们仍有可能链接到这些带系列路径的 URL，造成内部链接结构不一致。

SEO 风险

不一致的内部链接会稀释链接权重，并可能让搜索引擎感到困惑。根据 Google 的官方文档，整合重复网址对于 SEO 至关重要。

解决方案：统一产品 URL​

Shopify 的 Liquid 语言为我们提供了两种生成产品链接的方式：

  1. {{ product.url | within: collection }}: 生成的 URL 会包含当前所在的系列路径。这是导致问题的根源。
  2. {{ product.url }}: 生成的 URL 不包含 系列路径，始终是 /products/your-product-handle 的格式。这是我们需要的标准 URL。

操作步骤​

  1. 备份主题: 在进行任何代码修改前，请务必 备份你的主题。
  2. 编辑代码:
    • 进入 Shopify 后台 > 在线商店 (Online Store) > 模板 (Themes)。
    • 点击 操作 (Actions) > 编辑代码 (Edit code)。
  3. 查找并替换:
    • 在代码编辑器中，搜索 product.url | within: collection。
    • 你可能会在 product-card.liquid, collection-template.liquid, main-product.liquid 等文件中找到它。
    • 将所有找到的 {{ product.url | within: collection }} 替换为 {{ product.url }}。

通过这个简单的修改，你店铺中所有指向产品页面的内部链接都将统一为不含 /collections/... 的标准 URL。

优化面包屑导航​

面包屑导航对于用户体验和 SEO 都非常重要。它能帮助用户了解自己在网站中的位置，并为搜索引擎提供清晰的网站结构信息。

然而，在解决了 URL 规范化问题后，面包屑导航的逻辑也需要相应调整。理想的面包屑导航应该只展示一个逻辑层级，而不是根据用户访问的路径随意变化。

实现多级面包屑导航​

实现一个优秀的多级面包屑导航可能需要更复杂的 Liquid 逻辑，例如通过产品标签（tags）或菜单（menus）来定义层级关系。

主题功能

一些高级或付费主题，例如我们提供的增强版主题，已经内置了强大的 SEO 功能和优秀的面包屑导航逻辑，可以直接使用。

如果你使用的主题（如新版的 Dawn）默认不带面包屑导航，或者其逻辑依赖于带 collection 的 URL，你可能需要手动添加或修改面包屑的代码片段，确保它生成的链接也是指向标准的产品 URL。

示例代码（简化版）:

snippets/breadcrumb.liquid
<nav class="breadcrumb" role="navigation" aria-label="breadcrumbs">
  <ol>
    <li>
      <a href="/" title="Home">首页</a>
    </li>
    {%- if template contains 'collection' -%}
      <li>
        <a href="{{ collection.url }}">{{ collection.title }}</a>
      </li>
    {%- endif -%}
    {%- if template contains 'product' -%}
      {%- if product.collections.first -%}
        <li>
          <a href="{{ product.collections.first.url }}">{{ product.collections.first.title }}</a>
        </li>
      {%- endif -%}
      <li>
        <span>{{ product.title }}</span>
      </li>
    {%- endif -%}
  </ol>
</nav>

在上面的简化示例中，我们总是链接到产品的第一个系列 product.collections.first，这可以在一定程度上保证面包屑的一致性。

通过规范化 URL 和优化面包屑导航，你可以显著提升 Shopify 店铺的技术 SEO 水平，为获得更好的搜索排名打下坚实基础。