CocoonでWordPressブログのHTMLサイトマップを簡単に作成しよう！
WordPressブログを運営するにあたり、以下2種類のサイトマップを作成する必要があります。
| XMLサイトマップ | ・Googleなどの検索エンジン用サイトマップ ・検索エンジンがサイトの全体像を把握して、効率よくページをクロールするために使われる |
| HTMLサイトマップ | ・サイトへ訪れたユーザー用サイトマップ ・ユーザーが目的のページに簡単にたどり着けるように、サイトの記事を一覧にまとめたもの |
XMLサイトマップについては、サーチコンソールの連携方法と一緒にこちらの記事で解説しているので、詳細は割愛します。
私はCocoonを使ってHTMLサイトマップを作成しており、本サイトは以下のようなサイトマップになっています。
このようなWordPressブログのHTMLサイトマップをCocoonでは簡単に作成できるので、そのやり方について解説します。
HTMLサイトマップの作成と設置のやり方
HTMLサイトマップを設置するには、固定ページでサイトマップを作成し、サイトのフッターに設置するという流れになります。
新規固定ページを作成する
WordPressの左側メニューから固定ページを選択し、「新規固定ページを追加」をクリックします。
タイトルに「サイトマップ」とカタカナで入力し、本文に以下のショートコードを貼り付けます。
コピー用 → [★sitemap]
ショートコードをそのまま載せると、本サイトのサイトマップが表示されてしまうので、お手数ですがコピーしたら貼り付けてから★を消してください…！
パーマリンクを設定する
次にパーマリンクを設定するので、右側にある「リンク」をクリックし、パーマリンクをローマ字で入力しましょう。
パーマリンクはページのURLのことで、あなたのドメインの後ろに続く部分を指します。
例えば、このサイトのHTMLサイトマップのURLは『https://weatheno.com/sitemap-weathe/』なので、パーマリンクは『sitemap-weathe』の部分になります。
特にパーマリンクへのこだわりがなければ、分かりやすく『sitemap-サイト名(ローマ字)』でOKです。
作成したHTMLサイトマップを公開する
最後に、右上にある公開ボタンをクリックすれば、固定ページの作成は完了です。
これでHTMLサイトマップは作成されましたが、まだサイトのどこにも表示されていない状態です。
表示させるには、どこに設置するかの設定が必要なので、続けて解説します。
HTMLサイトマップをフッターに設置する
サイトマップはフッターに設置するのがおすすめです。
フッターとは、サイトのどのページでも一番下に表示されるメニューのことです。
WordPress管理画面の左側メニューから外観を選択し、メニューを開きましょう。
既にフッターメニューを作成している場合
既にフッターメニューを作成している場合、そこに追加するだけでOKです。
- フッターメニューを選択する
- サイトマップにチェックを入れる
- メニューに追加する
固定ページのサイトマップが右側に表示されましたね！
最後に「メニューを保存」をクリックすると完了です！
実際にサイトの一番下にフッターが表示されているか確認してみてくださいね。
フッターメニューをまだ作成していない場合
フッターメニューをまだ作っていない場合は、以下の手順で新しいメニューを先に作成してください。
- 「新しいメニューを作成」をクリックする
- メニュー名に「フッターメニュー」と入力する
- フッターメニューにチェックを入れる
- 「メニューを作成」をクリックする
問い合わせフォームもフッターに設置するべき固定ページなので、設定がまだの方はこちらの記事をご覧ください。
