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. 追加をクリック

ステップ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