【WordPressの目次】簡単な作り方や、目次のメリットをわかりやすく解説！

Webの記事は、雑誌や書籍などの紙媒体と違い、すべての文章にしっかりと目を通すユーザーは多くありません。

ネットで検索する人の大半は「探している情報を今すぐに知りたい！」と考えているため、その記事に「何が書かれているのか」をひと目で把握できたほうが良いでしょう。

Googleの検索エンジンは、ユーザーの満足度が高いページをより検索上位に上げるようにしています。

下までスクロールしないと何が書いてあるかわからない記事よりも、内容が瞬時に把握できる記事のほうが「良質である」と判断される傾向があります。

もちろん目次を入れたからといって、検索順位が急激に改善することはありません。

ただSEO的にプラスになることは間違いありませんし、ユーザビリティの改善にもつながるので、できるかぎり目次を挿入するようにしましょう。

目次があれば、ユーザーは目次をクリック（タップ）すれば、読みたい箇所まですぐに移動できます。

ユーザーは記事のすべてを読みたいわけではありません。

特に1万字を超えるような長文のページでは、どこに自分が読みたい情報があるのかを探すのは至難の業です。

文章が長すぎると、途中で離脱してしまうユーザーも多いことでしょう。

WordPressに目次を入れて、読みたい箇所まで移動できる機能をつけることで、ユーザーが求める情報を素早く提供できることが、目次を入れるもっとも大きなメリットなのです。

目次が検索結果に表示されることもあります。

Googleで特定のキーワードを検索した際に、タイトルの下に見出しが表示されているのを目にしたことはありませんか？

（※例：「検索順位 上げる 方法」で検索した場合）

検索結果に目次が表示されれば、単純に露出スペースが大きくなり目立つため、ページのクリック率（CTR）が高くなるというメリットがあります。

これはもちろん目次が設置してあるページにだけ表示される機能なので、目次を設置していないページでは表示されません。

実際に、WordPressの目次は読者にしっかりとクリックされています。

ユーザーがどこをクリックしたのかを把握できる「ヒートマップツール」を見ると、目次がいかに利用されているかがわかります。

これを見ても、読者にとって目次は必要不可欠であると言えますね。

一般的によく利用されているのが、プラグインを使って目次を挿入する方法です。

中でももっと多くの方に利用されているプラグインが「Table Of Contents Plus」。

新規記事はもちろん、既存の記事にもすべてに反映させることができます。

h2・h3などの見出し構造を判定し、記事に自動的に表示してくれます。

まずWordPressのプラグイン検索画面から「Table Of Contents Plus」を検索してください。

今すぐインストールを押下します。

インストールできたら有効化しておきましょう。

有効化しないと使えないため、注意が必要です。

有効化できたら、目次を自動で作ってくれる設定をします。

設定 → TOC+へと進んでください。

設定画面が表示されるので、上記のように設定しておきましょう。

最後に必ず「設定を更新」をクリックして完了します。

これで、記事を作成すれば自動的に目次が生成されるようになりました。

「アンカーリンクにジャンプではなくスクロールする」の箇所に関しては好みが分かれますが、ジャンプではなくスクロールさせた方が、どの位置にその情報があるのかが読者に伝わりやすいというメリットがあります。

プラグインを用いずに手動で目次を挿入するには、「HTML」の知識が必要です。

ただし、プラグインに頼らずに作ることで不要な項目を自分で除外できるというメリットもあります。

手動で目次を作成する場合は、以下の手順で進めていきます。

まずはテキストエディタで、目次を作っていきます。

今回は見出しが3つの場合の目次を作成しました。

次に各見出しを、h2タグを使って追加していきます。

この見出しにリンクを設定しましょう。

リンクを設定するには、まずh2の各見出しに「id」を追加し、名前をつけます。

名前をつけたら、今度は目次にリンクを挿入します。

リンクを挿入するには、「liタグ」の中の文字を「aタグ」で囲んで、「href」に先ほどつけたそれぞれのid名を「#」をつけて記載します。

あとは目次をボックスで囲んだり、デザインをCSSで変更すれば、きれいな見出しになります。

テーマによってはプラグインを使わなくても、最初からデフォルトで目次機能が備わっていることも少なくありません。

たとえば無料テーマの中でも人気が高い「Cocoon」にも、最初から「目次の表示機能」が搭載されています。

管理画面のメニューから「Cocoon設定」を選択し、「目次」の項目を選択します。

下にスクロールすると、目次の設定が出てくるので、ここで

を決めることができます。

ちなみに目次を表示すると、デフォルトの設定では以下のように表示されます。

シンプルにh2とh3で階層を分けて表示してくれるので、デフォルトの設定でも十分に目次として機能します。

テーマを入れるだけで、ここまでデザインを整えてくれるため便利ですよね。

他にも目次表示機能のあるテーマはたくさんあるので、ぜひ調べてみてください。

Webにくわしくない初心者でもたった10分で始められるレンタルサーバー「ConoHa WING」。

とっても簡単だから今すぐ始めちゃいましょう。

また下記の記事では、ConoHa WINGを使ってWordPressを開設する方法を、画像付きでくわしく解説しています。

他社のレンタルサーバーをご利用中で、ConoHa WINGにお乗り換えを検討されている方も安心です！

煩雑なレンタルサーバーの移行もかんたんにお乗換えいただけるよう、いくつかのサポートを用意しています。