• HOME > 
  • WordPress > 
  • WordPressでサイトマップページを作るプラグイン【WP...

WordPressでサイトマップページを作るプラグイン【WP Sitemap Page】

投稿日:

このページにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

カテゴリー記事のアイキャッチ画像
広告
広告

サイトマップページとは?

サイトマップは文字通り「サイトの地図」のことで、サイト内のすべてのページを関係性が一目でわかるようにリスト化したものを指します。

サイトマップがあることにより、ユーザーが求めている情報が掲載されているページをすぐに見つけられ、そこにたどり着くことができるようになります。

ユーザビリティを意識したWebサイトの多くには、訪れたユーザーの利便性を高めるためにサイトマップページが設置されています。

サイトマップページの例

ワードプレスでサイトマップを作る場合はプラグインを使用する

サイトマップページを手作業で作ろとすると非常に手間が掛かりますが、WordPressの場合は専用のプラグインが存在するので、あっという間に実装することができます。

本記事ではサイトマップページを作ることができる「WP Sitemap Page」というプラグインの使い方を解説します。

検索エンジン(クローラー)に対するサイトマップとの違い

Webサイトにおけるサイトマップには、ユーザー(訪問者)に対するサイトマップ以外にも「検索エンジン(クローラー)に対するサイトマップ」も存在します。

Googleなどの検索エンジンの検索結果に反映してもらうには、サイトの構造を伝えて読み取ってもらう必要があります。

そこで使用するのが「XMLというファイル形式」のサイトマップです。

こちらのサイトマップは検索エンジンのクローラーというロボットに向けて作成するので、通常のユーザーが目にすることはありません。

サイトマップページを作る「WP Sitemap Page」プラグインの使い方

「WP Sitemap Page」はショートコードを固定ページに貼り付けるだけですぐにサイトマップを表示することができる便利なプラグインです。

除外したいページの指定などは設定でカスタマイズすることも可能です。

WP-Sitemap-Pageプラグイン WP Sitemap Page - WordPress プラグイン | WordPress.org 日本語

なお、検証環境は以下の通りです。これ以外のバージョンでは表示や手順が異なる場合がありますのでご了承ください。

検証環境XAMPP for Windows 8.2.4WordPress 6.4.3WP Sitemap Page 1.9.3

WordPressのプラグインについて詳しくはこちらのページをご覧ください。

プラグインをインストール

WordPress管理画面から「新規プラグインの追加」をクリックします。

新規プラグインの追加

検索ボックスに「wp sitemap page」と入力して検索を行います。

新規プラグインの検索

検索結果を下にスクロールしていくと「WP Sitemap Page」が見つかるので、インストールと有効化を行います。

新規プラグインのインストールと有効化

プラグイン設定画面を開く

プラグインを有効化するとWordPress管理画面の「設定」の中に「WP Sitemap page」というメニューが追加されるので、クリックして設定画面を開きます。

プラグインの設定

設定ページは「設定」と「使い方」という2つのタブに分かれています。「設定」タブではサイトマップから除外したいページを指定することができます。

プラグインの設定画面

「使い方」タブの方では、サイトマップの表示形式ごとのショートコード一覧が用意されています。

このショートコードの中から利用したいものを選んで固定ページに貼り付けます。

プラグインのショートコード

固定ページにショートコードを貼り付け

続いて、サイトマップを表示させるための固定ページを新規追加します。

新規固定ページの追加

ページタイトルは任意ですが「サイトマップ」としておきましょう。

エディターのブロックを「HTMLとして編集」に切り替え、先ほどのショートコードを貼り付けて保存します。

ショートコードを貼り付け

ページプレビューで表示を確認すると、サイトマップが表示されます。

このままでは味気ないので、CSSで見た目を調整しましょう。

サイトマップのプレビュー

CSSで見た目を調整する

デベロッパーツールなどで確認するとプラグインによって生成されたサイトマップには「wsp-container」などのクラスが付与されていることがわかるので、リスト項目に対してCSSでスタイルを設定しましょう。

参考までに今回設定したスタイルを掲載しておきます。

CSS

/*WP Sitemap Page********/
.wsp-container h2{
    font-size:16px;
    text-align:left;
    margin:10px 0;
    padding-left:10px;
    border-left:solid 5px;
}
.wsp-container ul{
    list-style:circle;
    padding-left:1.5em;
}
.wsp-container li{
    line-height:2;
}
.wsp-container a{
    display:inline-block;
}

上記のようにスタイルを適用すると一段と見やすいサイトマップが出来上がります。

サイトマップの完成

まとめ

以上がワードプレスの「WP Sitemap Page」プラグインを使用してサイトマップページを作成する方法です。サイトマップページはユーザビリティを高めるためには設置しておいて損はありません。残念ながらワードプレスの標準機能としては備わっていないサイトマップの生成機能ですが、このようにプラグインを使うと簡単に作れますので是非試してみてください。

広告
広告

関連する記事

サムネイル

WPから送信したメールがGmailに届かない時の対応【WP ……

2024年08月01日
WordPressのCF7で作ったメールフォームから送信されたメールがGmailだと受信できなくなっていることに気づきました。WP側の送信方法を見直す必要があり、WP Mail SMTPというプラグインを導入することで解決できたので、そのとき学んだ内容を備忘録として残します。
サムネイル

ContactForm7でreCAPTCHAを設定する【安全……

2024年04月12日
ContactForm7で「安全でないメール設定が十分な防御策なく使われている」というエラーを解消するためにreCAPTCHAを設定した手順を紹介します。
サムネイル

【無料レンタルサーバー】XREA FreeでWordPres……

2024年02月01日
「XREA Free」は複数のレンタルサーバーを提供しているGMOグループのひとつであるGMOデジロックが提供するXREA(エクセリア)というレンタルサーバーの無料プランです。
サムネイル

WordPressが使える無料レンタルサーバーおすすめ3選【……

2024年02月01日
最終更新日:2024年04月12日
無料レンタルサーバーはコストを掛けずにWebサイトを運用できるのという点でとても魅力的ですが、デメリットもあるので注意が必要です。
サムネイル

レンタルサーバー不要!WordPress.comの無料プラン……

2024年02月01日
WordPress.comの無料プランを使ってWebサイトを公開する方法をご紹介します。レンタルサーバーなしでWordPress使ったWebサイトを制作・公開・運用できるという手軽さが大きな魅力のサービスです。
サムネイル

WooCommerceとは?特徴やインストール方法を解説【W……

2024年01月05日
WooCommerceはWordPress用のECサイト構築プラグインです。WordPressで作成されたWebサイトにインストールすれば、誰でも簡単にECサイト開設・運営することができます。