訪問者がサイトを簡単に探索できるようにすることは、あらゆるサイトオーナーにとって最優先事項です。そのため、WordPressにHTMLサイトマップページを追加する方法をご紹介します。
これは検索エンジン向けの技術的なサイトマップではありません。これは、コンテンツを閲覧しているユーザーのために特別に設計されたものです。
すべての重要な投稿やページをきれいにリストした単一のページです。提供するすべてのものへの親切なロードマップと考えてください。
ユーザーエクスペリエンスを向上させるためのクイックウィンとして、常にこれをお勧めしています。これは、視聴者にとって目に見えるメリットをもたらす簡単なステップです。
一緒に始めましょう。ここでは、2つの異なる方法をステップバイステップで説明します。
XMLサイトマップとHTMLサイトマップの違いとは？
XMLサイトマップは、Googleなどの検索エンジン向けにウェブサイトのコンテンツをXML形式でリストしたファイルです。
XMLサイトマップをウェブマスターツールに送信することで、検索エンジンがあなたのウェブサイトをクロールする方法を改善・制御できます。
一方、HTML サイトマップは実際のウェブサイト訪問者向けです。すべての投稿とページを整理された方法でリストするシンプルなページです。
違いがわかったところで、2つの異なるWordPressプラグインを使用してWordPressにHTMLサイトマップページを追加する方法を見てみましょう。以下のクイックリンクを使用して、使用したい方法に直接ジャンプできます。
方法1：All in One SEOでWordPressにHTMLサイトマップページを追加する
WordPressにHTMLサイトマップページを追加するには、All in One SEOプラグインの使用をお勧めします。これは市場で最高のWordPress SEOプラグインであり、300万以上のウェブサイトで使用されており、数回のクリックでHTMLサイトマップを作成できます。
注意: HTMLサイトマップ機能が含まれている無料版のAll in One SEO Liteも利用可能ですが、ここではプレミアムバージョンを使用します。これは、スマートサイトマップ、リダイレクションマネージャー、SEOスキーマなどの強力な機能が含まれているためです。
まず、All in One SEOプラグインをインストールする必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドを参照してください。
有効化すると、AIOSEOセットアップウィザードが開き、プラグインの設定とSEO設定の最適化をガイドします。
「開始する」ボタンをクリックして、手順に従ってください。
その後、WordPress管理ダッシュボードに移動し、「All in One SEO」という新しいメニューオプションが表示されます。
次に、All in One SEO » Sitemaps に移動し、「HTML Sitemap」メニューオプションをクリックして、「Enable Sitemap」トグルがオンになっていることを確認してください。
次に、HTMLサイトマップをどのように表示するかを選択できます。
このチュートリアルでは「専用ページ」オプションを選択しますが、ショートコード、ブロック、ウィジェットなどとして追加することもできます。
次に、HTMLサイトマップを表示したいページのURLを入力します。プラグインは自動的に新しいページを作成します。
これが完了したら、「HTMLサイトマップ設定」セクションまでスクロールします。
ここでは、HTMLサイトマップの表示方法をカスタマイズできます。表示する投稿やページ、タクソノミー（カテゴリやタグなど）、並べ替え順序などを制御できます。
「コンパクトアーカイブ」をオンにすると、HTMLサイトマップをコンパクトな日付アーカイブ形式で表示することもできます。
これは、WPBeginner の 404 ページで コンパクトなアーカイブ を表示する方法と似ています。
HTMLサイトマップの設定をカスタマイズしたら、「変更を保存」ボタンをクリックしてください。
これで、訪問者はHTMLサイトマップを表示し、ウェブサイト内をより簡単に移動できるようになります。
上記の「専用ページ」オプションを選択した場合、「HTMLサイトマップを開く」ボタンをクリックするとページにアクセスできます。
方法2：Simple SitemapでWordPressにHTMLサイトマップページを追加する
Simple Sitemapは、WordPressウェブサイトにHTMLサイトマップを簡単に追加できる無料プラグインです。
まず最初に行う必要があるのは、Simple Sitemap プラグインをインストールして有効化することです。詳細については、WordPressプラグインのインストール方法に関する初心者向けガイドをご覧ください。
プラグインが有効化されたら、既存のページを開くか、投稿 » 新規追加 に移動して新しい HTML サイトマップページを作成できます。
ブロックを使用してHTMLサイトマップを追加する
このプラグインには、HTMLサイトマップページを簡単に追加できるGutenbergブロックがあります。
「+」アイコンをクリックし、「シンプルなサイトマップ」を選択するだけです。
このプラグインに含まれる別のブロックは、分岐した視覚的なサイトマップを作成する「Simple Sitemap Group」です。しかし、このチュートリアルでは「Simple Sitemap」ブロックを使用します。
ブロックを追加すると、HTMLサイトマップが自動的に作成されます。
右側のメニューには、カスタマイズオプションがあり、「投稿」または「ページ」、あるいはその両方を一緒に表示するかを選択できます。
「表示する投稿タイプを選択」の下のボックスに、「投稿」または「ページ」と入力して、表示したいものを選択します。
次に、「並べ替え順序」または「順序」ドロップダウンを変更することで、リストの表示方法を変更できます。
ページや投稿の抜粋を表示したり、リンクを有効または無効にしたりすることもできます。ただし、HTMLサイトマップをシンプルで閲覧しやすくするために、デフォルトのプラグイン設定を使用します。
HTMLサイトマップページのカスタマイズが完了したら、「公開」をクリックするか、古いページを更新している場合は「保存」をクリックしてください。
訪問者がHTMLサイトマップにアクセスすると、以下のようなナビゲーションページが表示されます。
Simple Sitemap を使用して HTML サイトマップを追加する ショートコード
WordPressにHTMLサイトマップを追加するもう1つの方法は、ショートコードを使用することです。これにより、HTMLサイトマップの配置をより細かく制御でき、クラシックエディターを使用しているユーザーにも対応できます。
投稿 » 新規追加 に移動して新しいページを単純に作成し、新しいページに名前を付けます。
その後、「プラス」アイコンをクリックして、ページに新しいブロックを追加します。
次に、検索ボックスに「ショートコード」と入力し、「ショートコード」ブロックを選択します。
その後、以下のショートコードのいずれかをコピーしてテキストエディタに貼り付けるだけです。最初のショートコードはカテゴリ別に投稿を一覧表示し、2番目のショートコードはページを一覧表示します。
[simple-sitemap-group]
[simple-sitemap]
それが完了したら、「公開」または「更新」をクリックして変更を保存します。
さらにヘルプが必要な場合は、WordPressにショートコードを追加する方法のガイドを参照してください。
これは、プラグインがウェブサイト訪問者にサイトマップをどのように表示するかです。
シンプルサイトマップを使用してトップページのみのHTMLサイトマップを作成する
多くのサイトオーナーはWordPressをCMSとして使用しており、メインコンテンツは投稿ではなくページとして公開されています。詳細については、WordPressにおける投稿とページの使い分けをご覧ください。
この場合、HTMLサイトマップでページを適切な階層順に表示したいはずです。
ここでは、ページのみのHTMLサイトマップを追加する方法を示します。
HTML サイトマップを表示したいページにこのショートコードを追加するだけです。新しい WordPress ページにショートコードを追加するには、上記と同じ手順に従ってください。
[simple-sitemap]
これにより、すべてのWordPressページが階層リストで表示されたHTMLサイトマップが表示されます。
また、親ページと子ページがネストされた形式でリスト表示されます。詳細については、WordPressで子ページを作成する方法に関するガイドをご覧ください。WordPressで子ページを作成する方法。
HTMLサイトマップ FAQ
WordPressでHTMLサイトマップを作成することについて、さらにいくつか質問があるかもしれません。ここでは、よく寄せられる質問とその回答をいくつかご紹介します。
1. HTMLサイトマップとXMLサイトマップの主な違いは何ですか？
HTMLサイトマップは、人間である訪問者がコンテンツを簡単に見つけられるようにするために作成された、ウェブサイト上の視覚的なページです。対照的に、XMLサイトマップは、Googleのような検索エンジンがサイトの構造をより効果的に発見し、理解するのを助けるために特別に作成されたファイルです。
2. HTMLサイトマップはSEOに良いですか？
はい、そうです。HTMLサイトマップはユーザーのために作成されていますが、サイトのナビゲーションを容易にすることでユーザーエクスペリエンスを向上させます。これにより、訪問者はより長く滞在し、より多くのページを閲覧する可能性があり、SEOランキングを間接的に向上させるのに役立つ肯定的なシグナルとなります。
3. 新しいコンテンツを追加したときに、HTMLサイトマップは自動的に更新されますか？
はい！All in One SEOやSimple Sitemapのようなプラグインを使用する最大の利点は、新しい投稿やページを公開したときにサイトマップが自動的に更新されることです。これにより、何も操作しなくてもサイトマップを最新の状態に保つことができます。
4. HTMLサイトマップはどこに置くべきですか？
HTMLサイトマップへのリンクを貼るのに最も一般的で役立つ場所は、ウェブサイトのフッターです。これにより、メインナビゲーションメニューを煩雑にすることなく、サイト上のどのページからでも訪問者がアクセスできるようになります。
5. 新しいHTMLサイトマップページをナビゲーションメニューに追加するにはどうすればよいですか？
サイトマップページが公開されたら、WordPress管理ダッシュボードの[外観] » [メニュー]に移動して、任意のメニューに追加できます。そこから、左側のリストでサイトマップページを見つけ、チェックボックスをオンにして、目的のメニューに追加します。
動画チュートリアル
WordPressナビゲーションを改善するためのエキスパートガイド
この記事がWordPressにHTMLサイトマップページを追加する方法を学ぶのに役立ったことを願っています。WordPressのナビゲーションを改善するための他のガイドも参照してください。
- WordPressでビジュアルサイトマップを作成する方法
- WordPressでパンくずナビゲーションリンクを表示する方法
- WordPressで次へ/前へリンクを追加する方法（究極のガイド）
- WordPressに矢印キーによるキーボードナビゲーションを追加する方法
- WordPressの投稿やページに目次を作成する方法
- WordPressでナビゲーションメニューを追加する方法（初心者向けガイド）
- WordPressで垂直ナビゲーションメニューを作成する方法
- WordPressでスティッキーなフローティングナビゲーションメニューを作成する方法
- WordPressサイトにメガメニューを追加する方法（ステップバイステップ）
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
Linh
今のところ、これらの2つの方法は私のウェブサイトには適用されません。なぜなら、HTMLサイトマップに表示したい特定のカテゴリのみを選択したいからです。AIOSEOもSimpleSitemapもそれを許可していません。もちろん、詳細設定（AIOのみにあります）も試しましたが、サイトマップから除外する投稿やページをすべて手動で選択しなければなりません。この手動での選択という要件は、HTMLサイトマップを作成するためにプラグインを使用する目的を完全に台無しにします。
このAIO（wpbeginnerが毎回宣伝していて、まるで万能プラグインのように感じさせます）に関するもう一つの点は、パンくずリストについてです。
AIOのこの機能はURLのロジックに従っていません！具体的には、ウェブサイト上で見栄えは良いのですが、前のページ（または親ページ）に戻るためにクリックすると、ウェブサイトを閲覧する際に人間が必ず行うことですが、別のページ（アーカイブページ）に移動してしまいます。AIOはそうします。個人的には理解できません。
私にとって、SEOツールを除けば、AIOはセルフホスト型ウェブサイトに関しては、役に立たないとは言わないまでも、あまりにも基本的な機能を提供しています。
WPBeginnerサポート
フィードバックありがとうございます。もし、すべての投稿やページをまとめたコレクションではなく、特定のページに投稿やページの一部だけを表示したい場合は、ご希望のリストを手動で作成することをお勧めします。これにより、ご希望のものが達成できるはずです。もし、目指している目標を誤解している場合は、お知らせください。
パンくずリストに関するご指摘についてですが、パンくずリストはコンテンツの組織構造へのリンクを目的としており、特定のバックボタンではありません。通常、これはブラウザや別の方法で行われます。
管理者
イジー・ヴァネック
私は常にサイトマップをSEOを改善し、Googleなどの検索エンジンボットに私のページのコンテンツを示すためのツールと考えてきました。時々、検索エンジンに集中しすぎて、通常のユーザーがウェブサイトをより利用しやすくすることを忘れてしまうことがあります。HTMLサイトマップを作成し、ウェブサイトに配置したので、人々がコンテンツをより簡単にナビゲートできるようになります。サイトマップがロボットと同じくらいユーザーにも役立つという新しい洞察をありがとうございます。
デニス・ムトミ
WPBeginner様、この有益な記事をありがとうございます。
私は常に検索エンジンのためのXMLサイトマップに焦点を当てていましたが、今ではユーザーナビゲーションのためのHTMLサイトマップの価値を理解しています。
All in One SEOの使用方法についての説明をありがとうございます。
ロバート・トンプソン
WordPressは、プラグインにアクセスするためにビジネスプランにアップグレードするために300ドルを支払うように求めています。そのオファーはパスします。
WPBeginnerサポート
WordPress.comをご利用の場合は制限となります。当社のチュートリアルはWordPress.orgサイト向けです。両者の違いは以下の記事で確認できます！
https://014.leahstevensyj.workers.dev/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
管理者
ファラズ・アフメド
カテゴリ別にサイトマップを表示するにはどうすればよいですか？
WPBeginnerサポート
この記事の2番目のプラグインは、カテゴリ別にコンテンツを分離できるはずです。
管理者
キャロル
POSTSがページのように表示されないため、私には役に立ちません。私のサイトでは、ページは静的なもの（Aboutなど）です。しかし、投稿は人々がすぐに確認したい新しいアイテムです。私は様々なトピックについて調査しており、それが私のブログの心臓部です。それらの新しいものを、そのトピックごとにリスト形式で順序立てて見てもらいたいのです。一度見て、もし見るとしても、About、Privacy、Cookiesのようなページはあまり気になりません。
コードを試しましたが、完成したページにはコードしか表示されません。
どうすればよいですか？
WPBeginnerサポート
キャロルさん、
WordPressのナビゲーションメニューにトピックを追加する方法については、こちらの記事をご覧ください。WordPressのナビゲーションメニューにトピックを追加する方法。
管理者
ショーン
すべての WooCommerce ショップカテゴリと製品を含むサイトマップページを生成したいのですが。このプラグインで可能ですか？
Raghvendra singh Jadon
プライバシーポリシーやお問い合わせページのようなサイトマップページを作成することはできませんか？
deepa
独自のサイトマップを作成することは可能ですか
shirish
本当にとても良い、役立つ記事です。
ibu solihatun
この記事は非常に興味深いです。多くのことを理解するのに役立ちました。すぐにまたこのように書けることを楽しみにしています。
メモリ
本当にありがとうございます。このサイトマップは驚くほど微調整されており、完全に完璧で、多くの時間を節約できました。
srekanth
HTMLサイトのようなXMLサイトマップを作成するにはどうすればよいですか？可能性はありますか？
adilop
サー、Yoastプラグインのサイトマップでは不十分ですか？
WPBeginnerサポート
XML サイトマップと HTML サイトマップの違いに関するセクションをお読みください。
管理者
adilop
ご提案ありがとうございます。
Blane Beckwith
ウェブページにHTMLサイトマップを追加したところ、非常に見栄えの良い、機能的なアーカイブページになりました。
Connor Rickett
訪問者のためにサイトマップを用意しておくことは、決して悪い考えではありません。ちなみに、サイトマップをGoogleに送信する際は、XMLのものを使用してください！
Natascha
ただ、HTMLサイトマップが必要な理由や、いつ推奨されるのかが分かりません。長所と短所のリストがあれば役立つかもしれません。ありがとうございます。
WPBeginnerサポート
静的で非時系列のコンテンツ、つまりページが多いサイトに特に役立ちます。サイトマップページは、ユーザーがすべてのページを階層順に確認するのに役立ちます。
管理者