如何创建子页面 Shopify:完整的分步指南

如果您通过此页面上的链接订阅服务,Reeves and Sons Limited 可能会赚取佣金。 查看我们的 伦理声明.

以下是简短的回答: Shopify 不支持传统的父子页面层次结构,但你仍然可以使用 Shopify“ 导航菜单, 自定义页面页面构建器应用程序.

这些方法有助于在视觉和结构上组织您的内容,即使 URL 保持扁平化。为了获得完全控制,您还可以自定义主题代码。

无论你是在建造大型 电子商务 无论您的网站是新手还是新手,正确构建商店结构都能帮助客户轻松导航,并提升您的 SEO。本指南将为您详细讲解,并为您提供创建子页面所需的一切知识。 Shopify.

为什么子页面对您的 Shopify 线上商城

子页面(也称为子页面或嵌套页面)是位于网站导航或结构中的父页面下的页面。

例如,您可能有一个名为“系列”的主页,其中包含“男装”、“女装”或“特价商品”等子页面。

即使 Shopify 不支持子页面 URL,例如 /collections/mens,你仍然可以使用 Shopify的导航设置、自定义页面、应用程序和一点创造力。

子页面的好处:

  • 改善的用户体验: 让顾客更容易找到他们想要的东西。
  • 更好的网站结构: 帮助您合理地组织您的内容,特别是当您有大量产品目录时。
  • 更强的SEO信号: 组织良好的内部链接结构可提高可爬行性和排名潜力。
  • 增加现场时间: 当人们可以轻松导航时,他们会停留更长时间并查看更多页面。

以下是如何在 Shopify 一步步。

选项1:使用 Shopify 导航至结构子页面

创建子页面外观的最简单方法是使用 Shopify's 菜单和导航 功能。此方法不会更改您的 URL,但它会以直观的方式为用户组织您的商店。

如何使用导航创建子页面:

  1. 去你的 Shopify 管理員 面板
  2. 点击 在线商店 > 导航
  3. 选择你 主页
  4. 点击 “添加菜单项” 创建父项(例如“商店”)
  5. 添加其他菜单项(例如“男士”、“女士”、“促销”)作为子项
  6. 使用 VHDL 语言编写 拖动和拖放 将它们嵌套在父项下

此菜单结构将出现在您的网站标题中或主题显示它的任何位置。

菜单结构的视觉示例:

菜单项子页面
所有产品男士服饰
女士服饰
促销

虽然 URL 看起来仍然像 /collections/mens,这将创建一个 视觉层次 模仿子页面。

优点:

缺点:

  • URL 保持扁平(不嵌套)
  • URL 结构对 SEO 的益处有限

此方法最适合中小型商店或希望使用简单且无需应用程序或代码的商店。

选项 2:使用自定义 URL 创建手动子页面

如果您想更好地控制页面并优化 SEO 结构,可以创建单独的页面或集合,并将它们逻辑地链接到“中心”或父页面。这样可以让您更好地控制 SEO 元素和页面内容。

步骤:

  1. 在MyCAD中点击 软件更新 在线商店 > 页面
  2. 创建页面(例如“全部购买”或“收藏”)
  3. 为每个类别创建更多页面或集合(例如“男装”、“女装”)
  4. 使用内部链接将父页面链接到子页面
  5. 或者,使用面包屑和结构良好的内部链接策略来引导用户和搜索引擎

示例 URL 结构:

  • /collections
  • /collections/mens-clothing
  • /collections/womens-clothing

尽管这些页面从技术上讲是平的 Shopify的后端,当用户 浏览您的商店.

表:父子页面映射

父页面子页面/集合
/收藏/系列/男装
/系列/女装
/收藏/销售

优点:

  • 更好的 SEO 控制(标题标签、URL、元数据)
  • 允许每个页面的内容更丰富
  • 非常适合创建登陆页面或 SEO 孤岛

缺点:

  • 需要更多手动设置
  • 需要一致的内部链接策略

选项 3:使用页面构建器应用程序

如果你 需要完全的设计灵活性或正在构建自定义登录页面, 用一个 页面构建器应用程序 是你的最佳选择。这些应用可以让你创建设计精美的页面,并使用可视化布局工具模拟子页面结构。

置顶 Shopify 页面构建器应用程序:

应用价格(起价)主要功能
PageFly免费 – $24/月拖放编辑器, responsive 设计
幕府$ 39 /月A / B测试、高级页面元素
宝石页$ 29 /月模板, SEO工具、移动端

这些工具可让您创建具有布局的自定义页面,引导用户从一个部分到另一个部分 - 所有这些都无需触及代码。

如何使用页面构建器创建子页面:

  1. 安装页面构建器应用程序
  2. 创建您的主父页面(例如“按类别购物”)
  3. 使用应用程序的模板创建子页面(例如“配件”、“鞋子”、“新品”)
  4. 使用按钮、图像或内部链接链接父页面内的子页面
  5. 将这些页面添加到导航中,以实现无缝用户访问

优点:

  • 完全可定制的设计
  • 适合移动设备的布局
  • 无需开发人员帮助即可快速更改视觉效果

缺点:

  • 根据应用程序和功能可能会很昂贵
  • 向您的网站添加第三方代码(可能会影响速度)

选项 4:自定义您的 Shopify 主题文件

对于拥有开发资源或更高级需求的商店,编辑您的 主题文件 让您完全掌控。您可以创建自定义模板、面包屑导航,甚至可以根据标签或集合来构建页面的显示方式。

主题定制可以做什么:

  • 添加面包屑导航以创建层次结构
  • 动态显示相关子页面或集合
  • 为父页面和子页面创建不同的模板
  • 使用 Liquid 添加自定义部分 (Shopify的模板语言)

基本步骤:

  1. 在MyCAD中点击 软件更新 在线商店 > 主题 > 操作 > 编辑代码
  2. 首先复制你的主题作为备份
  3. 编辑 theme.liquid, page.liquid或创建自定义模板
  4. 使用条件语句根据父/子关系显示内容
  5. 更新导航和链接结构以匹配

这种方法提供了完全的控制,但应该小心处理——特别是在实体店中。

优点:

  • 总体灵活性
  • 可以镜像您想要的任何结构
  • 如果做得正确,对 SEO 会更好

缺点:

  • 需要编码知识(HTML、CSS、Liquid)
  • 错误可能会破坏您的网站
  • 实施时间更长

子页面和 SEO 的最佳实践

即使您的子页面不在实际的子目录中,您仍然可以按照有利于用户和搜索引擎的方式来构建它们。

搜索引擎优化最佳实践:

  • 使用内部链接: 始终从父级链接到子级,反之亦然。
  • 添加面包屑导航: 帮助用户导航并向搜索引擎发送层次结构信号。
  • 保持 URL 简单且以关键字为中心: 使用 VHDL 语言编写 /collections/mens-running-shoes 而不是一些通用的东西。
  • 包括结构化数据标记: 特别是对于产品和收藏页面。
  • 单独优化每个页面: 为每个子页面编写独特的元标题、描述和 H1 标签。
  • 避免重复内容: 如果您使用类似的模板,请确保内容是唯一的。

面包屑导航示例:

  • 首页 > 系列 > 男士服装 > 跑鞋

面包屑导航受到许多人的支持 Shopify 主题或者可以使用代码或应用程序手动添加。

有助于子页面结构的工具和应用程序

您不必手动完成所有操作。 Shopify的应用程序 生态系统为您提供了大量的工具来加速和自动化部分流程。

有用的应用程序:

应用它能做什么
Linkcious基于行为的智能内部链接
qikify 的智能菜单高级菜单结构,超级菜单
Shopify SEO经理帮助管理元标题、标签等
面包屑添加 SEO 友好的面包屑
简易标签让您清晰地组织页面内的内容

要避免的常见错误

子页面功能强大,但前提是正确设计。这些错误可能会损害 SEO 或用户体验。

主要陷阱:

  • 相关页面之间没有内部链接
  • 跨子页面重复内容
  • 令人困惑的导航菜单
  • 损坏或孤立的页面,未链接到任何地方
  • 页面内容稀少或没有内容

确保每个页面都有目的、与其他页面有链接、并且有独特的内容。

总结

在中创建子页面 Shopify 并不像 WordPress 或其他 CMS 平台那样简单,但绝对可行。

无论您使用的是基本菜单、自定义页面、第三方应用程序还是自定义代码,您都可以使用一系列工具来组织您的 以某种方式存储 这对用户来说很有意义,并能提高您在搜索中的可见性。

如果您刚刚入门,请先从导航开始。随着商店的发展,您可以考虑使用页面构建器或自定义代码来更好地掌控。无论您选择哪种方式,都要牢记客户和 SEO 的考量,确保所有内容都易于查找、链接和浏览。

波格丹兰萨

Bogdan Rancea 是 Ecommerce-Platforms.com 以及 ecomm.design 的首席策展人,ecomm.design 是一个展示最佳电商网站的平台。他在数字商务领域拥有超过 12 年的经验,拥有丰富的知识和敏锐的洞察力,致力于打造卓越的在线零售体验。作为一名电商技术探索者,Bogdan 测试并评测了各种平台和设计工具,例如 Shopify、Figma 和 Canva,并为店主和设计师提供实用建议。

备注 0回应

发表评论

您的电邮地址不会被公开。 必填项 *

评分 *

本网站使用Akismet来减少垃圾邮件。 了解您的评论数据是如何被处理的。

尝试 Shopify 3 个月,每月 1 美元!
shopify-首 3 美元促销 XNUMX 个月