HTMLサイトマップはWP Sitemap Pageがお勧め！使い方を解説

皆さんはWebサイトにHTMLサイトマップを設置していますか？

HTMLサイトマップとはサイト内のコンテンツの一覧を見れるページです。

HTMLサイトマップがあると、探したい情報をサイト内で見つけるのに役立つため、ユーザーにとって便利な機能といえます。

本記事では、そんなHTMLサイトマップを専門知識なしで作成できるプラグイン「WP Sitemap Page」を、WordPress保守管理のプロ「サイト引越し屋さん」が紹介します。

これからHTMLサイトマップの設置を検討されている方の参考になれば嬉しいです。

XMLサイトマップとHTMLサイトマップの違い

WP Sitemap Pageについて見る前に、サイトマップとは何かを簡単に復習しておきましょう。

サイトマップとはサイトのどこにどんな情報があるのかをまとめた地図のようなものです。

サイトマップにはHTMLサイトマップ、XMLサイトマップの2種類があり、エックスサーバーの公式ブログでは以下のように解説されています。

・HTMLサイトマップ
サイト内にあるコンテンツの位置を「ユーザー」に伝えるためのサイトマップ
・xmlサイトマップ
サイト構造を「クローラー」に伝えるためのサイトマップ

引用元：WordPressにサイトマップは必要？作成と登録する方法を解説－初心者のためのブログ始め方講座（エックスサーバー）

このうち、WP Sitemap Pageで作成できるのはHTMLサイトマップです。

HTMLサイトマップを作ることで、ユーザーがサイト全体の構造を把握しやすくなります。

また、HTMLサイトマップを見て「ほかのページも見てみよう」と思うユーザーが一定数おり、回遊率の増加やサイト滞在時間の延長にも効果的です

WP Sitemap Pageとは

WP Sitemap PageはHTMLサイトマップを作成するための無料プラグインです。

最大のメリットは、HTMLやCSSの知識が一切なくても作成できる点です。

プラグインが自動生成してくれるショートコードを貼り付けるだけで、サイトマップを設置できます。

注意：今回紹介するサイトマップは「HTMLサイトマップ」であり、「XMLサイトマップ」とは異なりますので注意してください。

WP Sitemap Pageの設定方法

まずはWP Sitemap Pageのインストールから設定方法を解説します。

1. プラグインのインストール
2. プラグインの設定を行う
3. ショートコードを取得しコピペする
4. HTMLサイトマップ用の固定ページを新規作成
5. HTMLサイトマップをフッターに設置

1.プラグインのインストール

WordPressの管理画面のサイドメニュー＞プラグイン＞新規追加へ進みます。

「WP Sitemap Page」を検索フォームで検索し「今すぐインストール」をクリックし有効化しましょう。

次に「設定」を選択します。

2.プラグインの設定を行う

①サイトマップはGoogleのクローラーに対しては、非表示にさせるため「リンクにnofollow属性を追加」にチェックを選択しましょう。

②記事が複数のカテゴリーに属している場合は、チェックを入れておきます。

次にサイトマップに表示させたくないページを選択します。

①表示させたくないページがある場合は、投稿IDの入力が必要です。

投稿IDは、WordPress管理画面の投稿＞記事一覧＞対象ページにカーソルを載せると、左下にURLが表示されます。そのURL「post=●●●」の●●●が投稿IDです。

②表示させたくない投稿がある場合は選択しましょう

最後に「変更を保存」をクリックすれば、サイトマップ用ショートコードが生成され、完了となります。

3.ショートコードを取得しコピペする

先ほどのステップ②で生成したショートコードを取得します。プラグインの設定画面から「使い方」タブへ進みます。

ショートコード一覧が以下のように表示されるので、まずは画像の★印のコードをコピーしましょう。

4.HTMLサイトマップ用の固定ページを新規作成

次にサイトマップ用の固定ページを作ります。

WordPressの管理画面の「固定ページ」＞「新規追加」を選択します。

1. タイトルを「サイトマップ」と入力
2. パーマリンク部分に「sitemap」と入力
3. 「テキストエディタ」を選択しましょう
4. 先ほどコピーしたショートコードをここにペースト

最後に「公開」をクリックすれば、サイトマップ用のページが作成されます。

5.HTMLサイトマップをフッターに設置

WordPress管理画面の「外観」＞「メニュー」を選択します。

1. フッターメニューを選択
2. サイトマップにチェックを入れる
3. 「メニューに追加」をクリック
4. 固定ページになっているか確認する
5. フッターナビを選択する
6. 「メニューを保存」をクリック

以上でWP Sitemap PageによるHTMLサイトマップの設定は完了です。

まとめ

ここまでWP Sitemap Pageを使ったHTMLサイトマップの設置方法を解説してきました。

HTMLサイトマップを設置すると、ユーザーが情報を探しやすくなるので、ユーザービリティ向上につながります。

また、HTMLやCSSの知識がなくてもサイトマップを作成できるので、これからサイトマップの設置を考えている方はWP Sitemap Pageを導入してみてはいかがでしょうか。