> ## 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. 將 **名稱** 設置為:
```
網站地圖

```
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**