> ## 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).

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

![HTML Sitemap](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. サイトマップリンクを追加したいメニューを選択
👉 推奨: **フッターメニュー**
フッターに配置するのが最適です:
* 訪問者はそこにサイトマップリンクを期待します
* メインナビゲーションを乱雑にしません
* 検索エンジンもクロールできます

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

## ステップ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に提出する方法**