旅する起業家2

【サイト全体の目次生成プラグイン】WP Sitemap Pageの設定方法を画像付きで解説

こんにちは!Kanako(@KanakoOnishi)です。

今回はユーザビリティ向上やSEO対策にも必須のプラグイン「WP Sitemap Page」の設定方法について徹底的に解説をさせていただきます。

WP Sitemap Page,プラグイン,設定,手順

このプラグインを一度設定すると、自動的にサイト全体の目次を生成されていくようになります。

あなたのサイトに訪問してくれる相手に快適にスムーズに読み進めていただくために、今回の記事を参考にサクッと設定していきましょう!

WP Sitemap Pageでサイト全体の目次を作成する目的

Sitemap

このプラグインを導入すると、あなたのサイトの全体のマップを作成することができます。当サイトではトップページの「Site Map」をクリックするとサイト全体の目次がひと目で分かりますよ。

目次

このように今まで書いた記事が自動で生成され、カテゴリー別された状態でこのようにズラ〜と記事が表示されています。

サイト訪問者にどのような記事があるのか?をそのページ上だけで把握することもできるので、ユーザビリティ向上にもつながるんですよね。

これらはクローラも巡回しやすいことからSEO対策にもなります!

やはり「どこになにがあるのか?」を分かりやすくすることで、クローラーのロボットにとっても、サイトに訪問する者にとって満足度も高いのです。

サイト訪問者にスムーズに読みたい記事の案内をしてあげるために、これからPS Auto Sitemapのプラグインを導入して設定を一緒に行っていきましょう!

クローラーに関する記事は以下を参照くださいね^^

参考情報:Googleクローラー巡回頻度をあげる4つの方法!インデックスの仕組み

WP Sitemap Pageの設定方法を解説!

それではさっそくWP Sitemap Pageのプラグインを導入して、サイト全体の目次作成にとりかかっていきましょう!

手順はこんな感じ。

  1. WP Sitemap Pageをインストール⇒有効化
  2. 固定ページの記事本文内にショートコードを貼り付けて公開
  3. 固定ページとの紐付け設定
  4. 固定ページをグローバルメニューに設置

WP Sitemap Pageのインストール⇒有効化

「WP Sitemap Page」と検索窓に入力してプラグインをインストール有効化していきましょう。

WP Sitemap Page,プラグイン,設定,手順
WP Sitemap Page,プラグイン,設定,手順

参考記事:WordPressのプラグインをインストール・有効化する方法!3つの注意点も解説

WP Sitemap Pageの設定場所について

有効化まで済みましたら、

WordPressの「ダッシュボード>設定>WP Sitemap Page」とクリックすると、WP Sitemap Pageの設定画面に移ります。

WP Sitemap Page,プラグイン,設定,手順

下記は、「設定」と「使い方」のデフォルトの設定画面です。

WP Sitemap Page,プラグイン,設定,手順
WP Sitemap Page,プラグイン,設定,手順

WP Sitemap Pageの設定について

①基本的には、デフォルトのままでOKです。

WP Sitemap Page,プラグイン,設定,手順

②基本的には、デフォルトのままでOKです。

もしも、複数のカテゴリーを設定している記事を全てのカテゴリーで表示したい場合は、「複数表示」にチェックを入れます。

WP Sitemap Page,プラグイン,設定,手順

③「除外するカスタム投稿タイプ」にて、「ページ」と「投稿」以外にチェックを入れます。

もしも、「固定ページ」も一覧から除外したい場合は、「ページ」にもチェックを入れましょう。

また、「除外するページ」がある場合は、該当のIDを入力しましょう。

WP Sitemap Page,プラグイン,設定,手順

④基本的には、デフォルトのままでOKです。

WP Sitemap Page,プラグイン,設定,手順

上記の設定が完了したら、下記の英語で書かれたコードをを一旦コピーしてください。お使いのPCのメモ帳機能がついていれば、一度ペーストしておきましょう。

WP Sitemap Page,プラグイン,設定,手順
WP Sitemap Page,プラグイン,設定,手順

次に隣に新しいタブを開いて、WordPressの「ダッシュボード>固定ページ>新規追加」をクリックして、先程コピーしたコードを固定ページ記事本文内に貼り付けてから公開をしていきます。

旧エディター(Classic Editor)でのショートコードの貼り付け方法

WP Sitemap Page,プラグイン,設定,手順
  1. ビジュアルモードからテキストモードにエディターを切り替え
  2. タイトルに「サイトマップ」と入力(「もくじ」「目次」などでも良いと思います。)
  3. パーマリンクにタイトルの英語表記かローマ字表記を入力(今回の場合は、「サイトマップ→sitemap」にしています。)
  4. 事前にコピーしているショートコード([wp_sitemap_page] )を本文に貼り付け
  5. 「公開」ボタンをクリック
WP Sitemap Page,プラグイン,設定,手順

右側の設定から下にスクロールして、「SNSボタン非表示」と「広告非表示」の設定があれば、固定ページでは不要なので、上記のように「表示しない」設定にチェックを入れましょう。(テーマによっては設定項目がない場合もあるかもしれません。)

ブロックエディター(Gutenberg)でのショートコードの貼り付け方法

①「タイトルを追加」に「サイトマップ」と入力します。(タイトルは「目次」「もくじ」など別の文言でも良いと思います。

WP Sitemap Page,プラグイン,設定,手順

②タイトルを入力した後に、赤枠の+ボタンをクリックします。

WP Sitemap Page,プラグイン,設定,手順

③「カスタムHTML」を選択します。

もしも、同じような画面でない場合は、検索窓に「カスタムHTML」と入力するか、「すべて表示」から検索するかをしてみてください。

WP Sitemap Page,プラグイン,設定,手順

④事前にコピーしたショートコード([wp_sitemap_page] )を貼り付けます。

WP Sitemap Page,プラグイン,設定,手順

⑤右側の「固定ページ>パーマリンク>URLスラッグ」が日本語表記になっていた場合、英語表記かローマ字表記に修正します。

WP Sitemap Page,プラグイン,設定,手順

⑥今回の場合は、「サイトマップ」⇒「sitemap」に修正します。

WP Sitemap Page,プラグイン,設定,手順

⑦パーマリンクの設定から下にスクロールして、「SNSボタン非表示」と「広告非表示」の設定があれば、固定ページでは不要なので、「表示しない」設定にチェックを入れましょう。(テーマによっては設定項目がない場合もあるかもしれません。)

WP Sitemap Page,プラグイン,設定,手順

最後に、「公開ボタン」をクリックしたら、サイトマップの記事作成は完了です。

グローバルメニューに固定ページを設置して完了

最後に、固定ページをグローバルメニューに設置するやり方で、当サイトのようにグローバルメニューの位置にあなたのサイトのマップを設置させていきましょう!

①「ダッシュボード>外観>>メニュー」をクリック

WP Sitemap Page,プラグイン,設定,手順

②固定ページ(サイトマップ)を「メニューに追加」、メニュー設定で「グローバルナビゲーション」にチェックして「メニューを保存」をクリックします。

WP Sitemap Page,プラグイン,設定,手順

詳しいグローバルメニューの設置方法は以下の記事を参照してくださいね!

参考記事:【準備編5-2】Worapressトップページにグローバルメニューを設置する方法

そして、下記のような画面になれば、「サイトマップの設定・グローバルメニューへの追加」は正常に完了しています。

  1. グローバルメニューの「サイトマップ」をクリック
  2. 「サイトマップ」というタイトルの固定ページと投稿ページの一覧が表示される
WP Sitemap Page,プラグイン,設定,手順

WP Sitemap Pageのショートコード修正方法について

基本的には、デフォルトのままで問題ありませんが、必要であれば、出力される一覧をショートコードを利用することでカスタマイズできます。

当サイトでは、下記の3つのショートコードを使用して、シンプルなサイトマップ一覧に修正しています。

WP Sitemap Page,プラグイン,設定,手順
  1. [wp_sitemap_page only=”page”ページを表示する
  2. [wp_sitemap_page display_category_title_wording=”false”To hide the word “category” on the title of each category
  3. [wp_sitemap_page display_title=”false”] タイトルなしのサイトマップを表示する

上記のショートコードの赤文字の部分を「[wp_sitemap_page 」の後ろに半角スペースを入れて追加していきます。

修正したショートコード
[wp_sitemap_page only=”post” display_category_title_wording=”false” display_title=”false”]

【旧エディター(Classic Editor)】

WP Sitemap Page,プラグイン,設定,手順

【ブロックエディター(Gutenberg)】

WP Sitemap Page,プラグイン,設定,手順

上記の本文内にて、[wp_sitemap_page]から[wp_sitemap_page only=”post” display_category_title_wording=”false” display_title=”false”]へショートコードを変更して、「更新」ボタンを押すと、下記のようなシンプルなサイトマップ一覧(投稿ページのみ)になります。

3種類の目次設定はお済みですか?

目次を作成する目的はクローラーにサイトの巡回をしやすくするため、そしてサイト訪問者に2クリック以内で読みたい記事にたどりついていただき、ユーザビリティ向上に努めるためです。

その中で今回はサイト全体のマップ作成について解説をしてきましたが、その他にも「サイトマップ送信」や「一つ一つ記事内に目次を設定」とSEO対策には非常に有効的な方法があります。

3種類の目次設定についてもお話をしておきますね!

  1. クローラーのための専用サイトマップについては、
    参考記事:【動画あり】XML Sitemapsでサイトマップを送信する方法を解説します
  2. 今回はサイト訪問者専用のサイトマップ、目次作成について解説。
  3. 記事を読む読者の専用の自動で目次生成するサイトマップについては、
    参考記事:【記事の目次生成プラグイン】Table of Contents Plusの設定方法を徹底解説
賢威テーマお使いの方へ
実は「賢威」のテーマをお使いの方は、プラグイン不要で目次を設定できますよ。テーマによってプラグインが不要なモノもありますので覚えておいてくださいね!

このように、3種類のサイトマップを作成することで、クローラーも人間も迷わずあなたの記事の中を見て、「どんな記事があるのか、どんな内容を書いているのか?」ということがより分かりやすくなります。

旅人でいうと「オーナーが準備してくれている地図のおかげで、迷わず目的地の宿にたどり着き、その宿の各階に何があるのかを図で説明してくれて、部屋まで案内してくれる」という手厚いサービスを受けられることと同じなんですよね。

やはりこれだけの濃いサービスができれば、当然商売も繁盛しますし、旅人はまた訪れたいと思うに違いありません。

というように、ブログにおいても同じです。

サイト全体のマップ作成には、非常に重要な役割がありますし、サイト訪問者にとっても、ユーザビリティの高いサイトというのは長期的に見ても長年愛されるブログとなっていくでしょう。

まとめ

今回はサイト全体の目次生成させる「WP Sitemap Page」というプラグインの設定をメインに、なぜこの設定をする必要があるのか?についても解説させていただきました。

プラグインを導入すべき理由としては

  1. ユーザビリティー向上
  2. SEO対策になること

ブログ運営者にとってもサイト訪問者の両者にとって大きなメリットになるのでサイトを開設したら、まず最初に行っておきたい設定の一つです!

こういった細かい設定をすることで検索エンジンにも高い評価を得られますので抜かりなくやっていきましょう!

一度やっちゃえば、その後は特に設定する必要ない作業ですので、サクッと終わらせておきたいですね。

旅×ブログ起業家のKanako
私、Kanakoは今現在、一か所に定住することなく、本当の意味での自由な暮らしをしています。

シゴト道具はPC一つだけです。

しかし、

最初はこんな暮らしができるなんて、これっぽっちも思っていませんでした。

私がこの方法に出会えたのは「他人と比較される人生をやめた」からです。

好きなものは好き!嫌いなものは嫌い!と本音をハッキリ言えたり、好きな人と好きなだけ好きなことをするために「自分軸の生き方」を選びました

そうやって今は常に本来の姿(素の自分)で、場所に縛られないシゴトを楽しみながら、自由な旅人人生を送ることができています。

どうしてKanakoが世界中をシゴト場にして自由気ままに暮らすことができるようになったのか?

ご興味のある方はプロフィールをご覧になってみてくださいね!!

こちらです。

メルマガバナー新

 

error: Content is protected !!
私が”ブログ”で月収100万円を得ている方法とは?
詳しくはこちら
私が”ブログ”で月収100万円を得ている方法とは!
詳しくはこちらから