ShopifyストアにHTMLサイトマップを追加する方法

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サイトマップを表示をクリックしてページをプレビューできます。

ステップ2: HTMLサイトマップリンクをコピーする

HTMLサイトマップカードから、表示されたリンクをコピーします(例):

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

このリンクはストアのナビゲーションに追加する際に使用します。

ステップ3: Shopifyメニューに移動

1. Shopify管理画面を開く
2. コンテンツ → メニューに移動
3. サイトマップリンクを追加したいメニューを選択

👉 推奨: フッターメニュー

フッターに配置するのが最適です:

• 訪問者はそこにサイトマップリンクを期待します
• メインナビゲーションを乱雑にしません
• 検索エンジンもクロールできます

ステップ4: サイトマップメニュー項目を追加

1. フッターを選択し、メニュー項目を追加
2. 名前を次のように設定:```

サイトマップ

3. **リンク**フィールドに次を貼り付け:

/apps/sitemap

4. **追加**をクリック

![Footer menu > Sitemap](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1n250v5.png)

## ステップ5: 保存して公開
1. メニューで**保存**をクリック
2. ストアフロントを訪問
3. フッターまでスクロールし、**サイトマップ**をクリックして正しく開くことを確認
✅ HTMLサイトマップがストアで公開されました。

![Sitemap displayed on Footer](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_yli9t4.png)

## 生成されたHTMLサイトマップの例
HTMLサイトマップのデフォルトのデザイン、レイアウト、およびスタイリングは、Shopifyテーマのスタイルに自動的に従い、ストアの他の部分と一貫性を保ちます。

将来Shopifyテーマを変更した場合、HTMLサイトマップは新しいテーマのデザインに自動的に適応します。

さらに、Nabu Sitemapのアプリ設定を使用して、好みに基づいてHTMLサイトマップのデザインをカスタマイズできます。

![Product links](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1izze1n.png)

![Collections, Pages, Blog Categories, Articles](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に提出する方法**

更新日 30/12/2025