有關的文章: Nabu 用於網站地圖
這篇說明還提供:

如何將 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 網站地圖


步驟 2:複製 HTML 網站地圖鏈接

從 HTML 網站地圖卡片中,複製顯示的鏈接(例如):


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


您將在將其添加到您的商店導航時使用此鏈接。


步驟 3:前往 Shopify 菜單

  1. 打開 Shopify 管理員
  2. 導航至 內容 → 菜單
  3. 選擇您希望添加網站地圖鏈接的菜單

👉 推薦:頁腳菜單

頁腳放置是最佳選擇,因為:

  • 訪客期望網站地圖鏈接在此處
  • 它不會使您的主導航混亂
  • 搜索引擎仍然可以抓取它


內容 > 菜單


步驟 4:添加網站地圖菜單項

  1. 選擇您的頁腳並添加菜單項
  2. 名稱 設置為:
網站地圖
  1. 鏈接 欄中,粘貼:
/apps/sitemap
  1. 點擊 添加


頁腳菜單 > 網站地圖


步驟 5:保存並發布

  1. 點擊菜單上的 保存
  2. 訪問您的店面
  3. 滾動到頁腳並點擊 網站地圖 以確認其正確打開

✅ 您的 HTML 網站地圖現在已在您的商店上線。



網站地圖顯示在頁腳


生成的 HTML 網站地圖示例

HTML 網站地圖的默認設計、佈局和樣式會自動遵循您的 Shopify 主題的樣式,確保其外觀與商店的其他部分一致。


如果您將來更改 Shopify 主題,HTML 網站地圖將自動適應新主題的設計。


此外,您可以使用 Nabu Sitemap 的應用設置根據您的偏好自定義 HTML 網站地圖設計。


產品鏈接


集合、頁面、博客類別、文章

重要提示

  • 當您的商店內容更改時,HTML 網站地圖會自動更新
  • 您可以隨時從應用中使用 刷新 按鈕刷新它


接下來該怎麼做?

現在您的 HTML 網站地圖已添加:

👉 查看我們的其他幫助文章以了解:

  • 如何將您的 XML 網站地圖提交到 Google Search Console
  • 如何將您的 XML 網站地圖提交到 Bing Webmaster Tools






更新時間: 30/12/2025

這篇說明對您有幫助嗎?

分享您的反饋

取消

感謝!