![](https://hrdyuic.com/wp-content/uploads/8335d558d151e09a696fb916ebabfbd5.png)
ユーザビリティ向上を目的としてWordPressテーマ「SWELL」に「WP Sitemap Page」を導入してサイトマップを設置したいんだけど使い方を教えてほしいです。
こういった悩みにお答えします。
※本記事ではSWELLを使って「WP Sitemap Page」を導入してサイトマップを設置する方法を紹介していますが、WordPressテーマを問わず(SWELL使用者に限らず)導入から設定、設置までを行える内容となっております。
本記事で解決できること
- WP Sitemap Pageの導入方法
- WP Sitemap Pageの設定方法
- サイトマップをサイトへ設置する方法
是非、最後までご覧ください。
「WP Sitemap Page」で作成したサイトマップをSWELLに設置した例を紹介します。
※長くなるので途中は省略しています。
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-sitemap-2023-03-03-19_26_03.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-sitemap-2023-03-03-19_26_03.jpg)
〜 途中省略 〜
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-sitemap-2023-03-03-19_26_03-2.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-sitemap-2023-03-03-19_26_03-2.jpg)
SWELLを使って「WP Sitemap Page」の使い方を解説します。
管理画面メニューから、「プラグイン」>「新規追加」を選択します。
![](https://hrdyuic.com/wp-content/uploads/a3d29a46777693ddc24d20c893c1cd44.jpg)
![](https://hrdyuic.com/wp-content/uploads/a3d29a46777693ddc24d20c893c1cd44.jpg)
「プラグインを検索…」にプラグイン名を入力します。
下記をコピペ用として置いておきますので必要な方はお使い下さい。
WP Sitemap Pageを「今すぐインストール」>「有効化」します。
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-plugin-install-php-2023-03-02-17_22_21.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-plugin-install-php-2023-03-02-17_22_21.jpg)
インストールの次は設定を行っていきます。
管理画面メニューから、「設定」>「WP Sitemap Page」を選択します。
![](https://hrdyuic.com/wp-content/uploads/73cc8af1e8755263c45d508bac1d601b.jpg)
![](https://hrdyuic.com/wp-content/uploads/73cc8af1e8755263c45d508bac1d601b.jpg)
「WP Sitemap Page」が開きました(下記画像)。
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-options-general-php-2023-03-02-20_10_39.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-options-general-php-2023-03-02-20_10_39.jpg)
「設定」タブを選択します。
XMLサイトマップが検索エンジンのクローラーにサイトコンテンツを認識してもらう役割があるのに対して、HTMLサイトマップは読者にサイトコンテンツを認識してもらう役割があるため、チェックを入れて、検索エンジンのクローラーにサイトコンテンツを認識させないようにします。
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-options-general-php-2023-03-02-20_39_02.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-options-general-php-2023-03-02-20_39_02.jpg)
- 記事の表示方式:特にこだわりがなければデフォルト(
<a href="{permalink}>">{title}</a>
)のままでOKです。 - 複数表示:「チェック」を入れます。
「記事の表示方式」が下記のデフォルトの場合
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-options-general-php-2023-03-02-20_39_02-2.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-options-general-php-2023-03-02-20_39_02-2.jpg)
サイトマップにはタイトルのみが表示されます。
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-2023-03-03-14_39_27.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-2023-03-03-14_39_27.jpg)
「記事の表示方式」を下記にカスタマイズした場合
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-options-general-php-2023-03-03-13_43_38.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-options-general-php-2023-03-03-13_43_38.jpg)
サイトマップにはタイトル 年/月で表示されます。
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-2023-03-03-14_37_55.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-2023-03-03-14_37_55.jpg)
- 除外するページ:除外したい記事のIDを入力します。
※僕はサンクスページ(703)を除外しています。
- 除外するカスタム投稿タイプ:「LP」にチェックを入れます。
- パスワードを保護:デフォルトのまま(チェックを入れない)でOKです。
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-options-general-php-2023-03-03-13_26_05.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-options-general-php-2023-03-03-13_26_05.jpg)
除外したいページがある場合は下記画像の赤枠の数字を入力します。
![](https://hrdyuic.com/wp-content/uploads/bea5aada3903f9f4f20e8b33e455ff46.jpg)
![](https://hrdyuic.com/wp-content/uploads/bea5aada3903f9f4f20e8b33e455ff46.jpg)
注意点
除外するカスタム投稿タイプの「著者」にチェックを入れると、著者名にカーソルを乗せるとログインIDが表示されます。
悪用(不正ログイン)されないためにも著者には必ずチェックを入れておきましょう!
![](https://hrdyuic.com/wp-content/uploads/c0bd12ecc686b5f58fb8e9e207b17b84.jpg)
![](https://hrdyuic.com/wp-content/uploads/c0bd12ecc686b5f58fb8e9e207b17b84.jpg)
デフォルトのままでOKです。
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-options-general-php-2023-03-03-13_26_05-2.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-wp-admin-options-general-php-2023-03-03-13_26_05-2.jpg)
チェックを入れた場合は下記画像のようにサイトマップの最下部に「WP Sitemap Page」へのリンクが表示されます。
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-2023-03-03-14_39_27-2.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-2023-03-03-14_39_27-2.jpg)
「使い方」タブを選択します。
下記画像のショートコード(赤枠)を固定ページに入力することでサイトマップを表示させることができます。
![](https://hrdyuic.com/wp-content/uploads/67f7678a214c7a00fb16165ad6012c28.jpg)
![](https://hrdyuic.com/wp-content/uploads/67f7678a214c7a00fb16165ad6012c28.jpg)
固定ページにショートコードを入力していきます。
管理画面メニューから、「固定ページ」>「新規追加」を選択します。
![](https://hrdyuic.com/wp-content/uploads/1339a06dc0e2f35cea975e4768e5fd78.jpg)
![](https://hrdyuic.com/wp-content/uploads/1339a06dc0e2f35cea975e4768e5fd78.jpg)
固定ページが開きました。
タイトルを追加に「タイトル」と、段落にショートコードを入力します。
![](https://hrdyuic.com/wp-content/uploads/a6e72f131cb08f136abb8cd6b77fbe18.jpg)
![](https://hrdyuic.com/wp-content/uploads/a6e72f131cb08f136abb8cd6b77fbe18.jpg)
「概要パネル」を開きます。
パーマリンクを決めます。 ※パーマリンクは、管理画面メニューの「設定」>「パーマリンク」で選択したパーマリンク構造により異なります(僕は投稿名を選択しています)。
![](https://hrdyuic.com/wp-content/uploads/163e3e1be4ec2020c75fdb8363773fad.jpg)
![](https://hrdyuic.com/wp-content/uploads/163e3e1be4ec2020c75fdb8363773fad.jpg)
「SWELL設定パネル」を開きます。
※SWELL使用者のみとなります🙇♂️
「サブタイトル」を入力し、「タイトルの背景画像」を決めます。 ※「サブタイトル」も「タイトルの背景画像」もお好みでOKです(無くても良いです)。
![](https://hrdyuic.com/wp-content/uploads/8ceecb15abb577423fcb8641ce27d258.jpg)
![](https://hrdyuic.com/wp-content/uploads/8ceecb15abb577423fcb8641ce27d258.jpg)
「SEO SIMPLE PACK設定パネル」を開きます。
※このプラグインを導入していない方は飛ばして下さい。
下記画像のXML サイトマップパネルの「XML サイトマップに含めない」にチェックを付けます。
![](https://hrdyuic.com/wp-content/uploads/12cf832c229dc4153a9a1da336987e3f.jpg)
![](https://hrdyuic.com/wp-content/uploads/12cf832c229dc4153a9a1da336987e3f.jpg)
プレビュー画面でサイトマップの仕上がりを確認します。
「プレビュー」>「新しいタブでプレビュー」を選択します。
![](https://hrdyuic.com/wp-content/uploads/aeda3b78f1f8388b7cb0bc4e7a58cd99.jpg)
![](https://hrdyuic.com/wp-content/uploads/aeda3b78f1f8388b7cb0bc4e7a58cd99.jpg)
プレビュー画面が表示されました。
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-2023-03-04-11_19_59.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-2023-03-04-11_19_59.jpg)
〜 途中省略 〜
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-2023-03-04-11_19_59-2.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-2023-03-04-11_19_59-2.jpg)
仕上がりに問題がなければ公開します。
![](https://hrdyuic.com/wp-content/uploads/a4805a2b1acea2099d590ad71317ea61.jpg)
![](https://hrdyuic.com/wp-content/uploads/a4805a2b1acea2099d590ad71317ea61.jpg)
SWELLのヘッダーにサイトマップへのリンクを設置します。
※メニューを作成(1から作成)するところから解説します。
下記画像の赤枠にサイトマップのリンクを設置していきます。
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-2023-03-04-11_19_59-3.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-2023-03-04-11_19_59-3.jpg)
管理画面メニューから、「外観」>「メニュー」を選択します。
![](https://hrdyuic.com/wp-content/uploads/67211094f8571435a711a8ac9cc95459.jpg)
![](https://hrdyuic.com/wp-content/uploads/67211094f8571435a711a8ac9cc95459.jpg)
メニューが表示されました。
- 手順①:「メニュー名」を決めます。 → 「フッターナビメニュー」としました。
- 手順②:メニュー設定で「メニューの位置」を決めます。 → 「フッター」にチェックを入れます。
- 手順③:メニューを作成をクリックします。
![](https://hrdyuic.com/wp-content/uploads/c2beb4a0c4bd060c0ea9ea44ad399bc8.jpg)
![](https://hrdyuic.com/wp-content/uploads/c2beb4a0c4bd060c0ea9ea44ad399bc8.jpg)
「メニュー項目を追加」から選択できるようになります。
※公開済みの投稿や固定ページなどが表示されます。
今回は、サイトマップとプライバシーポリシーにチェックを入れ、「メニューに追加」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/f2a034f5252fcd295e9d7b88ad5a99ac.jpg)
![](https://hrdyuic.com/wp-content/uploads/f2a034f5252fcd295e9d7b88ad5a99ac.jpg)
メニュー構造に選択した項目が追加されました。
「メニューを保存」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/be07999de002f87c2a6395ebf915dddf.jpg)
![](https://hrdyuic.com/wp-content/uploads/be07999de002f87c2a6395ebf915dddf.jpg)
その後、下記画像の「サイトを表示(赤枠)」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/ecd64bab970ed8caeef1162c96048b65.jpg)
![](https://hrdyuic.com/wp-content/uploads/ecd64bab970ed8caeef1162c96048b65.jpg)
サイトが表示されました。
サイトの最下部のフッターに「サイトマップ」と「プライバシーポリシー」が設置されています。
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-sitemap-2023-03-03-19_26_03.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-sitemap-2023-03-03-19_26_03.jpg)
〜途中省略〜
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-sitemap-2023-03-03-19_26_03-3.jpg)
![](https://hrdyuic.com/wp-content/uploads/screencapture-hrdyuic-sitemap-2023-03-03-19_26_03-3.jpg)
今回は以上です。