如何将HTML网站地图添加到您的Shopify商店
一个 HTML 网站地图 是一个人类可读的页面,以有组织的格式列出您商店的所有重要链接。它帮助访问者轻松导航您的商店,也帮助搜索引擎通过内部链接发现页面。
本指南解释了如何将 Nabu Sitemap 生成的 HTML 网站地图 添加到您的 Shopify 商店。
Nabu Sitemap 中的 HTML 网站地图是什么?
Nabu Sitemap 会自动为您的商店创建一个 HTML 网站地图页面。
- 它列出您商店的产品、集合、页面和博客内容
- 它是为商店访问者和内部导航准备的
- 它不适合提交到 Google Search Console
👉 对于搜索引擎,您应该提交 XML 网站地图
步骤 1:在应用中打开 HTML 网站地图部分
- 从您的 Shopify 管理后台打开 Nabu Sitemap
- 转到 HTML 网站地图 部分
- 您将看到您的 HTML 网站地图链接,通常类似于:
/apps/sitemap
您可以点击 查看 HTML 网站地图 以预览页面。

步骤 2:复制 HTML 网站地图链接
从 HTML 网站地图卡片中,复制显示的链接(例如):
https://your-store.myshopify.com/apps/sitemap
在将其添加到您的商店导航时,您将使用此链接。
步骤 3:前往 Shopify 菜单
- 打开 Shopify 管理后台
- 导航到 内容 → 菜单
- 选择您要添加网站地图链接的菜单
👉 推荐:页脚菜单
页脚位置是最佳选择,因为:
- 访问者期望在那里找到网站地图链接
- 它不会使您的主导航混乱
- 搜索引擎仍然可以抓取它

步骤 4:添加网站地图菜单项
- 选择您的页脚并添加菜单项
- 将 名称 设置为:
Sitemap- 在 链接 字段中粘贴:
/apps/sitemap
- 点击 添加

步骤 5:保存并发布
- 点击菜单上的 保存
- 访问您的店面
- 滚动到页脚并点击 网站地图 以确认其正确打开
✅ 您的 HTML 网站地图现在已在您的商店上线。

生成的 HTML 网站地图示例
HTML 网站地图的默认设计、布局和样式会自动遵循您的 Shopify 主题的样式,确保其与您商店的其他部分保持一致。
如果您将来更改 Shopify 主题,HTML 网站地图将自动适应新主题的设计。
此外,您可以使用 Nabu Sitemap 的应用设置根据您的偏好自定义 HTML 网站地图设计。


重要提示
- 当您的商店内容更改时,HTML 网站地图会自动更新
- 您可以随时从应用中使用 刷新 按钮刷新它
接下来该做什么?
现在您的 HTML 网站地图已添加:
👉 查看我们的其他帮助文章以了解:
- 如何将 XML 网站地图提交到 Google Search Console
- 如何将 XML 网站地图提交到 Bing Webmaster Tools
更新于: 30/12/2025
谢谢!