> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.adnabu.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 如何将HTML网站地图添加到您的Shopify商店

一个 **HTML 网站地图** 是一个人类可读的页面,以有组织的格式列出您商店的所有重要链接。它帮助**访问者轻松导航您的商店**,也帮助**搜索引擎通过内部链接发现页面**。

本指南解释了如何将 **Nabu Sitemap 生成的 HTML 网站地图** 添加到您的 Shopify 商店。

## Nabu Sitemap 中的 HTML 网站地图是什么?
Nabu Sitemap 会自动为您的商店创建一个 HTML 网站地图页面。
* 它列出您商店的**产品、集合、页面和博客内容**
* 它是为**商店访问者和内部导航**准备的
* 它**不**适合提交到 Google Search Console
👉 对于搜索引擎,您应该提交 **XML 网站地图**

## 步骤 1:在应用中打开 HTML 网站地图部分
1. 从您的 Shopify 管理后台打开 **Nabu Sitemap**
2. 转到 **HTML 网站地图** 部分
3. 您将看到您的 HTML 网站地图链接,通常类似于:

```
/apps/sitemap
```

您可以点击 **查看 HTML 网站地图** 以预览页面。

![HTML 网站地图](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_8ims1k.png)

## 步骤 2:复制 HTML 网站地图链接
从 HTML 网站地图卡片中,复制显示的链接(例如):

```
https://your-store.myshopify.com/apps/sitemap
```

在将其添加到您的商店导航时,您将使用此链接。

## 步骤 3:前往 Shopify 菜单
1. 打开 **Shopify 管理后台**
2. 导航到 **内容 → 菜单**
3. 选择您要添加网站地图链接的菜单
👉 推荐:**页脚菜单**
页脚位置是最佳选择,因为:
* 访问者期望在那里找到网站地图链接
* 它不会使您的主导航混乱
* 搜索引擎仍然可以抓取它

![内容 > 菜单](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1guy8nc.png)

## 步骤 4:添加网站地图菜单项
1. 选择您的页脚并添加菜单项
2. 将 **名称** 设置为:
```
Sitemap

```
3. 在 **链接** 字段中粘贴:
```
/apps/sitemap

```
4. 点击 **添加**

![页脚菜单 > 网站地图](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1n250v5.png)

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

![在页脚显示的网站地图](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_yli9t4.png)

## 生成的 HTML 网站地图示例
HTML 网站地图的默认设计、布局和样式会自动遵循您的 Shopify 主题的样式,确保其与您商店的其他部分保持一致。

如果您将来更改 Shopify 主题,HTML 网站地图将自动适应新主题的设计。

此外,您可以使用 Nabu Sitemap 的应用设置根据您的偏好自定义 HTML 网站地图设计。

![产品链接](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1izze1n.png)

![集合、页面、博客类别、文章](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1s9zb81.png)
## 重要提示
* 当您的商店内容更改时,HTML 网站地图会自动更新
* 您可以随时从应用中使用 **刷新** 按钮刷新它

## 接下来该做什么?
现在您的 HTML 网站地图已添加:
👉 查看我们的其他帮助文章以了解:
* **如何将 XML 网站地图提交到 Google Search Console**
* **如何将 XML 网站地图提交到 Bing Webmaster Tools**