![](https://ouchi-paradise.com/wp-content/uploads/2023/04/f8b4e51758a27ae62036b9e37357c991-300x210.jpg)
ブログにサイトマップを作りたいなぁ。
でも手動で作るのは手間がかかりそう。
簡単に、自動で作る方法ってないのかな?
![](https://ouchi-paradise.com/wp-content/uploads/2022/03/22582230-150x150.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2022/03/22582230-150x150.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2022/03/22582230-150x150.jpg)
HTMLサイトマップって何?
初心者にもわかりやすく教えてほしいなぁ。
この記事の大まかな内容
この記事を書いた人
- アフィリエイト収入6ケタ達成
- フリーランスライター6ヵ月目の収益15万円達成
- 有料note売上7万円達成
- ブログを複数運営しています
サイトマップとは、そのサイトの記事のリンクをまとめたものです。
サイトマップには2種類あり、クローラー(検索エンジンのロボット)向けの「XMLサイトマップ」と、読者向けの「HTMLサイトマップ」があります。
この記事では、サイトマップの基礎知識から、HTMLサイトをマップを自動作成できるプラグイン「WP Sitemap Page」の導入方法を、画像を使って初心者の方にもわかりやすく解説します。
インストール〜設定まで、10分もあれば簡単にできますので、ぜひこの記事を見ながらやってみて下さいね。
それでは、いってみましょう!
WordPressのサイトマップとは?【2種類ある】
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/e99dd140ee19036ab976296532713745.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/e99dd140ee19036ab976296532713745.jpg)
まず最初に、サイトマップの基礎知識について簡単に解説していきます。
XMLサイトマップとHTMLサイトマップの違い
冒頭でもお伝えしましたように、サイトマップとは、記事のリンクをまとめた一覧のことです。
サイトマップには2種類あります。
- XMLサイトマップ
…クローラー(検索エンジンのロボット)向け - HTMLサイトマップ
…読者向け
XMLサイトマップ
XMLサイトマップは、画像で見るとこんな感じです。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/89b27eb42de2598a11c718ce1cd3d641-800x606.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/89b27eb42de2598a11c718ce1cd3d641-800x606.jpg)
XMLファイル(〜.xml)でできており、あくまでもクローラー向けの情報です。
XMLサイトマップを設定しておくことで、サイトの構造や記事の新着、更新情報を、クローラーに自動で伝えることができます。
すると、クローラーが記事を見つけやすくなり、記事を検索結果に表示することを促進してくれます。
XMLサイトマップは、プラグインで簡単に自動作成できます。
以下の記事でプラグインの導入、設定方法を書いていますので、まだXMLサイトマップを導入していない方はご覧下さい。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/ad0c9dd45ef7bca1a71d8b43f9be0d1c-300x158.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/ad0c9dd45ef7bca1a71d8b43f9be0d1c-300x158.jpg)
テーマ「SWELL」を使っている方は、以下のプラグインがおすすめです☘️
![](https://ouchi-paradise.com/wp-content/uploads/2023/07/de5e9f7b7a1ba407bdca291ed3cffa77-300x158.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/07/de5e9f7b7a1ba407bdca291ed3cffa77-300x158.jpg)
※テーマ「SWELL」開発者の了さんがおすすめするプラグインについて → こちら
![](https://ouchi-paradise.com/wp-content/uploads/2023/04/fedf757bdc479cbeef1ea9d1afe5608c-300x210.png)
![](https://ouchi-paradise.com/wp-content/uploads/2023/04/fedf757bdc479cbeef1ea9d1afe5608c-300x210.png)
![](https://ouchi-paradise.com/wp-content/uploads/2023/04/fedf757bdc479cbeef1ea9d1afe5608c-300x210.png)
XMLサイトマップの作成はブログ運営では必須なので、ブログを始めた方は早い段階で設置しておきましょう🌟
![](https://ouchi-paradise.com/wp-content/uploads/2023/04/2dd835d72a6c78a4a99a1533d370047b-300x210.png)
![](https://ouchi-paradise.com/wp-content/uploads/2023/04/2dd835d72a6c78a4a99a1533d370047b-300x210.png)
![](https://ouchi-paradise.com/wp-content/uploads/2023/04/2dd835d72a6c78a4a99a1533d370047b-300x210.png)
SEO対策になるよ❣️
HTMLサイトマップ
HTMLサイトマップとは、画像で見るとこんな感じです。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/04f2f5c7233a991d0de687a050e86093-800x714.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/04f2f5c7233a991d0de687a050e86093-800x714.jpg)
よくウェブサイトで見かけるようなページですね。
読者が見ることができ、目的の情報にたどり着きやすくなりますので、読者の利便性がアップします。
HTMLサイトマップは手動で作ることもできますが、プラグインで自動作成することができますので、プラグインの導入がおすすめです。
プラグインは色々ありますが、「WP Sitemap Page」というプラグインが簡単でおすすめなので、この導入方法をこれから解説していきます。
「WP Sitemap Page」でHTMLサイトマップを作る方法
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/c7fbd01ef0f4e6ca78359cb56ca90d08.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/c7fbd01ef0f4e6ca78359cb56ca90d08.jpg)
「WP Sitemap Page」でHTMLサイトマップを作る方法は、以下の5ステップです。
「WP Sitemap Page」でHTMLサイトマップを作る方法
- 「WP Sitemap Page」をインストール・有効化する
- 基本設定を行う
- サイトマップ用の固定ページを作る
- 固定ページにサイトマップのショートコードを貼り付ける
- サイトマップをフッターに配置する
順番に解説していきます。
1. プラグインをインストール & 有効化する
まずWordPressの管理画面から「プラグイン」→「新規追加」をクリックします。
![](https://ouchi-paradise.com/wp-content/uploads/2023/06/41c148e23dbd0258f5405ebfd02f1b10.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/06/41c148e23dbd0258f5405ebfd02f1b10.jpg)
プラグインの追加画面に切り替わりますので、検索欄に「WP Sitemap Page」と入力します。
すると下に「WP Sitemap Page」のプラグインが出てきますので、「今すぐインストール」をクリックします。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/b4687536a1de506f373dc20e282053fb-800x439.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/b4687536a1de506f373dc20e282053fb-800x439.jpg)
インストールが完了したら「有効化」が出てきますので、これをクリックします。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/c4c7ebbb5b416ace7b29d36c018ad496-800x569.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/c4c7ebbb5b416ace7b29d36c018ad496-800x569.jpg)
これでプラグインの有効化が完了しました。
![](https://ouchi-paradise.com/wp-content/uploads/2023/06/81ed6a3e5a212cb62ef92fcc55ddda2a.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/06/81ed6a3e5a212cb62ef92fcc55ddda2a.jpg)
2. WP Sitemap Pageの基本設定
次に、「WP Sitemap Page」の基本設定をしていきます。
WordPress管理画面の「設定」→「WP Sitemap Page」をクリックします。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/667da32d4e156ecc5ff41ca5af4a770d.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/667da32d4e156ecc5ff41ca5af4a770d.jpg)
一般的な設定
「WP Sitemap Page」の設定画面に移ります。
画面を下に少しスクロールすると「一般的な設定」の項目があります。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/eb46396c5971cad276be3595716f92cf-800x194.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/eb46396c5971cad276be3595716f92cf-800x194.jpg)
ここは何もさわらずに、デフォルトのままでOKです(✔︎を入れない)。
表示方法のカスタマイズ
さらに少し画面を下にスクロールすると、「表示方法のカスタマイズ」の項目があります。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/8d35d5b2c01131b71c8c0052bc24fccc-1-800x546.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/8d35d5b2c01131b71c8c0052bc24fccc-1-800x546.jpg)
この項目の「記事が複数のカテゴリーに属する場合、それぞれのカテゴリーで表示する」に✔︎を入れます。
サイトマップからの除外
さらに画面を下にスクロールすると、「サイトマップからの除外」という項目があります。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/9ec6768cf1fd20e12cf7a6ffa4c1c3d7-800x411.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/9ec6768cf1fd20e12cf7a6ffa4c1c3d7-800x411.jpg)
除外するページ
「除外するページ」については、除外したい記事があれば、その投稿IDを入力します。
投稿IDの探し方は、WordPress管理画面→「投稿」→「記事一覧」から見つけることができます。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/a50950b8a88880496981e9030d220b2c-800x112.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/a50950b8a88880496981e9030d220b2c-800x112.jpg)
もし投稿IDが表示されていなかったら、同じページの画面右上に「表示オプション」というのが書いてありますので、ここをクリックします。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/0ed0fbc5838023fd76e932cb15101186-800x184.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/0ed0fbc5838023fd76e932cb15101186-800x184.jpg)
「ID」の項目に✔︎を入れて、「適用」をクリックすることで、投稿IDが表示されるようになります。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/4073a7f8713dd65180b9b9f3e5a8c7cc-800x309.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/4073a7f8713dd65180b9b9f3e5a8c7cc-800x309.jpg)
除外したい記事IDが複数ある場合には、以下のように入力します(例:33,21,35)。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/a3114e07894533b2cbad7ababefb674f-800x134.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/a3114e07894533b2cbad7ababefb674f-800x134.jpg)
除外するカスタム投稿タイプ
「除外するカスタム投稿タイプ」の欄は、「アーカイブ」と「著者」はデフォルトで✔︎が入っています。
以下のような設定がおすすめです。
項目 | 設定方法と解説 |
---|---|
ページ | ✔︎は任意 固定ページのこと。固定ページを表示させたくない人は✔︎を入れる |
投稿 | ✔︎を外す |
アーカイブ | ✔︎を入れる 記事一覧ページのこと。目的の記事を見つけにくくなるので✔︎を入れる |
著者 | ✔︎を入れる ログインIDが表示されると困るので、除外 |
LP | ✔︎は任意 LPを作成していて、作り込んでいる方は✔︎を外すのが○ |
ここで注意なのは、「著者」の欄はデフォルトのまま、必ず✔︎を入れておきましょう。
なぜなら ✔︎を外すと、著者ページにアクセスした時に、ログインIDが表示されてしまうからです。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/19d92c343b26e99743866c0ea3c9e6e0-800x170.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/19d92c343b26e99743866c0ea3c9e6e0-800x170.jpg)
このように、著者ページのURLは、ログインIDが表示され、危険です。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/3e9c4424fa733d99ced9606e49d22351.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/3e9c4424fa733d99ced9606e49d22351.jpg)
「著者」の欄はデフォルトのまま、必ず✔︎を入れておきましょう。
パスワード保護
「パスワード保護」の欄は、✔︎を入れておく方が無難です。
パスワードによりプロテクトされた記事を除外してくれるので、念のためのセキュリティー対策になります。
プラグインのリンクを表示する
「プラグインのリンクを表示する」の項目は、デフォルトのまま、✔︎を外したままでOKです。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/66a3670682be07ddb6d01a376d30607a-800x203.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/66a3670682be07ddb6d01a376d30607a-800x203.jpg)
最後に、必ず「変更を保存」をクリックしておきましょう!
これで「WP Sitemap Page」の設定は完了です。
3. HTMLサイトマップ用の固定ページを作る
次に、HTMLサイトマップ用の固定ページを作ります。
WordPress管理画面「固定ページ」→「新規追加」をクリックします。
![](https://ouchi-paradise.com/wp-content/uploads/2023/06/eec6aba585a3d1ea42177e4fe2403074-800x503.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/06/eec6aba585a3d1ea42177e4fe2403074-800x503.jpg)
固定ページの作成画面が出てきます。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/3185390edce2b1f9fcc9d9172e3af3f2-1-800x395.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/3185390edce2b1f9fcc9d9172e3af3f2-1-800x395.jpg)
- タイトルに「サイトマップ」と入力します。
- 画面右側の「URL」欄のURLをクリックします。
- パーマリンクの欄が出てきますので、ここに「sitemap」と入力します。
- 画面右上の「下書き保存」をクリックします。
画面はこのままで、次に進みます。
4. プラグインのショートコードを貼り付ける
「WP Sitemap Page」の設定画面の「使い方」をクリックします。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/fb039f262792bb2ff5089bab4d6b7f03-800x265.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/fb039f262792bb2ff5089bab4d6b7f03-800x265.jpg)
そして「よくあるサイトマップを表示する」欄のショートコードをコピーします。
固定ページの作成画面に戻ります。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/85457c8e8b99dc3853daaa3265294c64-800x277.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/85457c8e8b99dc3853daaa3265294c64-800x277.jpg)
- 「+」をクリックします。
- 出てきた空欄に「ショート」と入力します。
- 下に「ショートコード」が表示されますので、これをタップします。
ショートコードを入力する欄(ブロック)が出てきますので、先ほどコピーしたショートコードをを貼り付けます。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/718dadc4666545b62f9f37e793346fda-800x234.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/718dadc4666545b62f9f37e793346fda-800x234.jpg)
貼り付けたら、右上の「公開」ボタンを押して、公開しましょう。
ご自身で見てみて、どのようなサイトマップができているか確認して下さい。
5.サイトマップへのリンクをフッターに追加する
次に、作ったサイトマップを ブログのわかりやすい位置に配置しましょう。
今回は、フッター(ブログの一番下の場所)に配置するやり方をお伝えします。
WordPress管理画面「外観」→「メニュー」をクリックします。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/060bac06ea660bc7cb026992b58894e5.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/060bac06ea660bc7cb026992b58894e5.jpg)
メニューを選ぶ欄から「フッター」を選び、「選択」ボタンをクリックします。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/6ce39201a6de4053c5a14e73f0be9c20-800x159.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/6ce39201a6de4053c5a14e73f0be9c20-800x159.jpg)
フッターの編集画面に切り替わります。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/2564ccadfd8e58180f783fd814f1a851-800x454.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/2564ccadfd8e58180f783fd814f1a851-800x454.jpg)
- 左欄の「サイトマップ」に✔︎を入れる
- 「メニューに追加」をクリック
- サイトマップの項目が出てきたことを確認する・
位置はドラック&ドロップ(サイトマップを押しながら位置をずらす)で動かせます。 - メニュー設定の「フッター」に✔︎を入れる
- 「メニューを保存」をクリックする
メニューを保存をクリックすると、「フッターを更新しました。」と表示されます。
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/76588ce4271c8840f5f806a3ee3199d3.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/76588ce4271c8840f5f806a3ee3199d3.jpg)
実際にブログのトップページを見に行って、表示されているか確認しましょう。
このように、きちんと表示されていれば、フッターへの設置作業は完了です!
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/3ea51dc6ce6b0d60dd69ca561dee09de-800x62.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/3ea51dc6ce6b0d60dd69ca561dee09de-800x62.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/04/fedf757bdc479cbeef1ea9d1afe5608c-300x210.png)
![](https://ouchi-paradise.com/wp-content/uploads/2023/04/fedf757bdc479cbeef1ea9d1afe5608c-300x210.png)
![](https://ouchi-paradise.com/wp-content/uploads/2023/04/fedf757bdc479cbeef1ea9d1afe5608c-300x210.png)
おつかれさまです♡
まとめ:プラグインで簡単にHTMLサイトマップを作成しよう
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/sitemap-2488231_640.jpg)
![](https://ouchi-paradise.com/wp-content/uploads/2023/08/sitemap-2488231_640.jpg)
今回はプラグイン「WP Sitemap Page」を使って、HTMLサイトマップを作る方法を解説しました。
「WP Sitemap Page」は一度設定すると、あとは自動でHTMLサイトマップを作り続けてくれる、大変便利なプラグインです。
作り方の大まかな流れは、以下の3ステップになります。
HTMLサイトマップを作る大まかな流れ
- プラグイン「WP Sitemap Page」でHTMLサイトマップを作成する
- 固定ページにショートコードを貼り付ける
- サイトマップをフッターに配置する
HTMLサイトマップは手動でも作れますが、手間がかかりますので、プラグインでサクッと作ってしまいましょう。
記事を書くことに集中するために、自動化できることは自動化していきましょうね☘️
![](https://ouchi-paradise.com/wp-content/uploads/2023/04/fedf757bdc479cbeef1ea9d1afe5608c-300x210.png)
![](https://ouchi-paradise.com/wp-content/uploads/2023/04/fedf757bdc479cbeef1ea9d1afe5608c-300x210.png)
![](https://ouchi-paradise.com/wp-content/uploads/2023/04/fedf757bdc479cbeef1ea9d1afe5608c-300x210.png)
HTMLサイトマップを作って、読者にとって読みやすい & 便利なサイトを目指しましょう✨
それでは今回は以上です。
最後までお読み頂き、ありがとうございました!