新しいウェブサイトを訪れて、完全に迷子になったと感じるのはフラストレーションのたまる経験です。訪問者が探しているものを見つけられない場合、すぐにサイトを離れる可能性が高いです。
HTMLサイトマップは、重要な投稿やページを1つの整理された画面にリストすることで、この問題を解決します。これは、検索ボット向けの技術的なサイトマップとは異なり、実際の人々にとって役立つ地図として機能します。
WPBeginnerでは、読者が常に適切なコンテンツを見つけられるように、スマートなナビゲーション戦略を使用しています。サイト構造を改善することは、ユーザーエクスペリエンスを向上させ、人々がより長く閲覧し続けるための簡単な方法です。
このガイドでは、2つの簡単な方法を使用してWordPressにHTMLサイトマップページを追加する方法を説明します。
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サイトマップを作成できます。
注意: All in One SEO Liteの無料版も利用可能で、以下のHTMLサイトマップ機能が含まれていますが、ここではスクリーンショットにプレミアム版を使用します。これは、スマートサイトマップ、リダイレクションマネージャー、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を入力します。プラグインは、このURLにページを自動的に作成します。
注意: これは動的なページであるため、WordPress管理エリアのページのリストには表示されません。設定をここで編集するだけで変更できます。
これが完了したら、「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番目のショートコードはページを一覧表示します。
オプション1: カテゴリ別に投稿をリストする
[simple-sitemap-group]
オプション2: 階層的にページをリストする
[simple-sitemap]
それが完了したら、「公開」または「更新」をクリックして変更を保存します。
さらにヘルプが必要な場合は、WordPressにショートコードを追加する方法に関するガイドをご覧ください。
これは、プラグインがウェブサイト訪問者にサイトマップをどのように表示するかです。
ページのみのHTMLサイトマップを作成する
多くのサイト所有者は、WordPressをCMSとして使用しており、メインコンテンツは投稿ではなくページとして公開されています。詳細については、WordPressの投稿とページのの違いをご覧ください。
この場合、HTMLサイトマップでページを適切な階層順に表示したいはずです。
ここでは、ページのみのHTMLサイトマップを追加する方法を示します。
HTMLサイトマップを表示したいページで、上記で言及した2番目のショートコードを使用するだけです。
[simple-sitemap]
これにより、すべてのWordPressページが階層リストで表示されたHTMLサイトマップが表示されます。
また、親ページと子ページがネストされた形式で一覧表示されます。詳細については、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サイトマップへのリンクを貼るのに最も一般的で役立つ場所は、ウェブサイトのフッターです。これにより、メインナビゲーションメニューを煩雑にすることなく、サイト上のどのページからでも訪問者がアクセスできるようになります。
もう1つの素晴らしい場所は、404エラーページです。ユーザーが壊れたリンクに着地した場合、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://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
管理者
ファラズ・アフメド
カテゴリ別にサイトマップを表示するにはどうすればよいですか？
WPBeginnerサポート
この記事の2番目のプラグインは、カテゴリ別にコンテンツを分離できるはずです。
管理者
キャロル
POSTSがページのように表示されないため、私には役に立ちません。私のサイトでは、ページは静的なもの（Aboutなど）です。しかし、投稿は人々がすぐに確認したい新しいアイテムです。私は様々なトピックについて調査しており、それが私のブログの心臓部です。それらの新しいものを、そのトピックごとにリスト形式で順序立てて見てもらいたいのです。一度見て、もし見るとしても、About、Privacy、Cookiesのようなページはあまり気になりません。
コードを試しましたが、完成したページにはコードしか表示されません。
どうすればよいですか？
WPBeginnerサポート
キャロルさん、
WordPressナビゲーションメニューにトピックを追加する方法については、この記事をご覧ください。
管理者
ショーン
すべての WooCommerce ショップカテゴリと製品を含むサイトマップページを生成したいのですが。このプラグインで可能ですか？
Raghvendra singh Jadon
プライバシーポリシーやお問い合わせページのようなサイトマップページを作成することはできませんか？
deepa
独自のサイトマップを作成することは可能ですか
shirish
本当にとても良い、役立つ記事です。
ibu solihatun
この記事は非常に興味深いです。多くのことを理解するのに役立ちました。すぐにまたこのように書けることを楽しみにしています。
メモリ
本当にありがとうございます。このサイトマップは驚くほど微調整されており、完全に完璧で、多くの時間を節約できました。
srekanth
HTMLサイトのようなXMLサイトマップを作成するにはどうすればよいですか？可能性はありますか？
adilop
サー、Yoastプラグインのサイトマップでは不十分ですか？
WPBeginnerサポート
XML サイトマップと HTML サイトマップの違いに関するセクションをお読みください。
管理者
adilop
ご提案ありがとうございます。
Blane Beckwith
ウェブページにHTMLサイトマップを追加したところ、非常に見栄えの良い、機能的なアーカイブページになりました。
コナー・リケット
訪問者のためにサイトマップを用意しておくことは、決して悪い考えではありません。ちなみに、サイトマップをGoogleに送信する際は、XMLのものを使用してください！
Natascha
ただ、HTMLサイトマップが必要な理由や、いつ推奨されるのかが分かりません。長所と短所のリストがあれば役立つかもしれません。ありがとうございます。
WPBeginnerサポート
静的で非時系列のコンテンツ、つまりページが多いサイトに特に役立ちます。サイトマップページは、ユーザーがすべてのページを階層順に確認するのに役立ちます。
管理者