資料請求
「目次を設置するとSEOに効果がある？」
「目次はh2だけ表示すべき？h3まで入れるべき？」
「折りたたみにしたほうがいいの？」
目次の設定でこのような疑問を感じていませんか？
目次そのものに直接的なSEO効果はありません。Googleの検索ガイドラインでは、目次の有無をランキング要因とはしていないためです。
しかし、目次があるとユーザビリティが向上して滞在時間の向上、回遊率アップといった好影響があるため、間接的にいえば「影響がある」といえます。
福田卓馬デザインにこだわりすぎずにサクッと設定するだけでも十分です。
本記事では、目次とSEOの関係を正直にお伝えした上で、設置メリットや効果的な作り方を解説します。SEO対策の基本を押さえた上で、記事の仕上げとして目次を活用しましょう。
- 目次のSEO効果
- 目次設置の3つのメリット
- 効果的な目次の作り方
- 目次の設置方法3選
難しく考える必要はありません。この記事を読めば、目次の効果的な使い方がわかり、すぐに設定できるようになります。
福田卓馬SEO対策の基本から実践テクニックまでまとめた資料を無料配布しています。目次設計も含めた本格的なSEO対策を進めたい方はぜひご活用ください。
SEO施策をまとめた150ページ越えの教科書コンテンツを無料配布中！内部対策、外部対策、EEAT対策までプロのノウハウを完全網羅しているので、ぜひ無料で受け取って活用してみてください。
そもそも目次にSEO効果はあるのか？
結論として、目次を設置するだけで検索順位が上がるなどのSEO効果はありません。
Googleは目次の有無をランキング要因にしていない
Googleの検索ランキングアルゴリズムは200以上の要素で構成されていますが、目次があるかどうかは直接的なランキング要因ではありません。
目次を付けたからといって、それだけで検索順位が上がることはないと理解しておきましょう。
上位表示されている記事に軒並み目次があるのも、目次が原因ではなく、ユーザーにとって使いやすい記事を作った結果です。
ユーザー行動の改善を通じて間接的にSEOへ好影響を与える
目次に直接効果はないものの、ユーザーの使い勝手を改善することで間接的にSEOへプラスの影響を与えます。詳しい因果関係を見ていきましょう。
- 目次があることでユーザーが必要な情報にすぐたどり着ける
- 直帰率が下がって滞在時間が伸びる
- Googleがユーザー満足度の高いページと判断する
- 結果として検索順位にプラスの影響が生まれる
つまり、目次はSEOのための施策ではなく、ユーザー体験を向上させる施策です。ユーザー体験が良くなった結果として、SEO評価も上がる可能性があるという理解が正しいといえます。
福田 卓馬現場では「目次より大事なのは見出し設計」とお伝えしています。目次はあくまでよい記事構成の仕上げです。
SEO対策についてより詳しく知りたい方は「SEOとは？基本から対策の進め方までわかりやすく解説」の記事を参考にしてください。
目次を設置する3つのメリット
目次は直接的なSEO効果はなくても、ユーザー行動を改善したり検索結果で露出拡大したりとさまざまなメリットがあります。
設置しないほうが損だといえるため、詳しく見ていきましょう。
1. ユーザーが必要な情報にすぐたどり着ける
目次があれば、サイトを訪れてすぐ離脱してしまうユーザーを減らせます。記事上部に目次があれば、読みたいセクションにすぐジャンプができてストレスなく情報を探せるためです。
Webサイトに訪れるユーザーのほとんどは、ページを流し読みします。もし目次を設置せず、目的の情報がすぐに見つからなければ、高確率で離脱されてしまいます。
福田卓馬サイトを訪れたユーザーのうち、すぐに離脱された割合は「直帰率」と呼ばれており、コンテンツ改善の際によく用いられます。
Google アナリティクスを開いて「レポート＞集客＞ページとスクリーン」を開くと、ページごとの直帰率を一覧で調べられます。
直帰率の目安は、ページの種別により異なります。
| ページの種別 | 目安 |
|---|---|
| ブログやコラム | 70〜90％ |
| ランディングページ | 70〜90％ |
| ECサイト | 20〜40% |
直帰率の改善方法について、目次以外にもさらに詳しく知りたい方は「直帰率の改善方法｜内部リンクと導線設計のコツ」の記事をご覧ください。
2. 記事内の回遊が促進される
目次を設置すると、ユーザーが記事内を移動しやすくなり、サイト内の滞在時間が伸びます。
興味のあるセクションを読み終えたユーザーが目次に戻り、ほかのセクションも読んでくれるケースは珍しくありません。つまり、目次がユーザーを記事の隅々まで案内するガイド役を果たしてくれます。
福田卓馬滞在時間の増加は、Googleに対して「このページはユーザーの役に立っている」というシグナルになります。
滞在時間を調べるには、Google アナリティクスの「ページとスクリーン」にて「アクティブユーザーあたりの平均エンゲージメント時間」をチェックしてください。
もし該当する指標が見つからないときは、サイト上部にある鉛筆ボタンをクリックして「指標＞指標を追加」から追加して、レポートに保存してください。
3. 検索結果にサイトリンクが表示される可能性がある
目次を設置すると、Googleの検索結果で記事タイトルの下に「見出し単位のリンク」が表示されることがあります。これを「サイトリンク」「ジャンプリンク」と呼びます。
サイトリンクが表示されると検索結果での占有面積が広がり、ユーザーの目に留まりやすくなるため、クリック率の向上が期待できます。
ただし、サイトリンクはGoogleが自動で生成するもので、目次を作ったからといって必ず表示されるわけではありません。
SEO効果を高める目次の作り方【5つのポイント】
目次を設置するだけでも効果は期待できますが、見出し階層やキーワード配置などを押さえておくと、検索エンジンとユーザー双方にとって使いやすい目次になります。
それぞれ詳しく解説します。
1. 見出しタグを正しい階層で使う
目次の品質を高めるには、見出しタグを正しく使うことを意識しましょう。目次は、ページ内の見出しタグから自動生成されるためです。
具体的には、H1にはページタイトル、H2は大見出しといったように、階層構造を守って設置します。
たとえば、H2の次にいきなりH4を使うのは避けましょう。
福田 卓馬検索エンジンはhタグを頼りにコンテンツの構造を判断するため、正しい階層設定がSEO評価の土台になります。
見出しやタイトルの付け方についてさらに詳しく知りたい方は「SEOに効果的なタイトルの付け方」の記事をご覧ください。
2. 検索キーワードを自然に見出しへ含める
目次の各項目となる見出しには、ユーザーが検索しそうなキーワードを自然な形で含めるのがおすすめです。
見出しにキーワードが含まれていると、ユーザーは「自分が探している情報がこの記事にありそうだ」と判断しやすくなります。
さらに、Googleの検索エンジンも記事の内容を把握しやすくなり、関連キーワードでの表示につながる可能性があります。
ただし、キーワードの詰め込みすぎは逆効果です。読みにくくなるだけでなく、検索エンジンからペナルティを受けるリスクもあります。
福田卓馬ユーザーがこの記事を読みたいと思える見出しは、目次のクリック率向上にも貢献します。
キーワードの効果的な入れ方について詳しくは「SEOキーワードの入れ方｜効果的な配置方法」の記事で解説しています。
3. 見出しと本文の内容を一致させる
見出しは、セクションで解説する内容を正確に反映している必要があります。目次の項目をクリックした先に、期待と異なる内容が書かれていたら、ユーザーはがっかりしてサイトを離れてしまいます。
見出しのタイトルと内容を一致させることは、シンプルですがコンテンツを制作していると忘れがちです。
福田卓馬見出しで期待を煽って内容が伴わないのは逆効果です。誠実な見出し設計がリピーターを生みます。
見出しを含めた記事構成の作り方は「記事の構成案の作り方」の記事で詳しく解説しています。
4. 目次はh3までに抑えてシンプルにする
目次に含める見出しタグは、H2〜H3までにしましょう。
目次にH4以降まで含めると、項目数が膨大になってしまい、長すぎる目次になってユーザーの離脱を招いてしまいます。
目次の役割は、記事の全体像をパッと把握できること。詳細は本文を読めばわかるため、目次自体はシンプルにするのが大切です。
福田 卓馬目次を見ただけで記事の内容がざっくりわかるくらいの粒度が理想です。
5. スマホでも使いやすいデザインにする
目次は、スマホでページを開いてもわかりやすいようなデザインに設定しましょう。
近年では、大部分のユーザーがスマホからWebサイトを閲覧しています。パソコンでは問題なく見えていても、スマホでは使いにくい目次になっているケースは少なくありません。
たとえば、以下のような目次はスマホでのユーザー体験を損ねる典型的なNG例です。
- 文字サイズが小さすぎて読めない（12px以下など）
- 項目同士の間隔が狭く、タップしたい項目の隣をタップしてしまう
- h4まで全て表示して目次が20行以上になり、本文にたどり着く前にスクロール疲れする
- 横幅に収まらず文字が折り返しだらけになり、どこが1つの項目か判別しにくい
対策としては、タップ領域を十分に確保し、文字サイズも読みやすい大きさに調整することが基本です。レスポンシブデザインに対応させ、スマホの画面幅でも自然に収まるようにしましょう。
福田卓馬目次を設定したら、必ずスマホ実機で表示を確認してください。PCだけで確認して満足するのはNGです。
福田卓馬目次設計を含むSEO対策の実践チェックリストを無料で配布しています。自社サイトの改善に活用してください。
＼60P超えのコンテンツを無料配布！／
Webサイト運営に悩む中小企業が、検索順位を上げるためのポイントをまとめたコンテンツを無料配布！コンテンツ改善のポイントから、SEOにおける内部、外部対策、さらに最新のAI検索に対応した改善方法まで網羅しています。ぜひ無料で受け取って活用してください。
目次の表示設定で迷うポイント
目次をいざ設定しようとすると細かい設定で迷いがちですが、基本は「リード文直後に配置・デフォルトは開く・h3まで表示」で問題ありません。
それぞれ詳しく解説します。
目次の配置位置はリード文の直後がベスト
目次の配置場所は、リード文の直後（最初のh2の直前）がもっとも効果的です。
ユーザーが記事を読み始める前に全体像を把握できるため、この記事に自分が知りたい情報があるかを瞬時に判断できます。
WordPressのプラグインやテーマの目次機能を使えば、この位置に自動的に挿入されるため、特別な設定は不要です。
また、長文記事の場合はサイドバーに目次を固定表示させるのも有効です。ユーザーがスクロールしても常に目次が見える状態になるため、記事内の移動がスムーズになります。
福田 卓馬冒頭の目次で全体像を把握し、サイドバーの追従目次でいつでもジャンプできる。この組み合わせがベストです。
折りたたみにすべきかはデザインによって判断が変わる
見出し10個以上の長文記事なら、目次を折りたたみ式にするとファーストビューで本文がすぐ見えるため、ユーザーにとって親切です。
デフォルトで開くか閉じるかは、目次のデザインによって判断が変わります。
| 目次のデザイン | デフォルト状態 |
|---|---|
| 閉じると完全に非表示になるタイプ | 開いた状態 |
| 閉じても一部が見えるタイプ | 閉じた状態 |
短い記事であれば折りたたみ自体が不要ですが、ページごとに個別で設置できないときは、上記のルールに従って設置するのが無難です。
福田卓馬ポイントは「ユーザーが目次の存在に気づけるかどうか」です。
h2だけ表示？h3まで表示？どこまで目次に含めるか
結論からいうと、基本はh3まで表示するのがおすすめです。
h2だけの表示はコンパクトに見えますが、記事内に「おすすめ○選」「比較一覧」などの重要なh3セクションがある場合は表示されません。
おすすめ比較系記事では、ユーザーは「この記事に良さそうなアイテムやサービスがあるか」を判断するため、主要なコンテンツが目次に見えないとそのまま離脱してしまいます。
| プラグイン・テーマの設定 | 推奨設定 |
|---|---|
| 記事ごとに表示階層を個別設定できる | 記事の内容に応じてh2のみ/h3までを使い分ける |
| サイト全体で一律の設定しかできない | h3まで表示に設定する |
なお、いずれの場合でもh4以降は目次に含めないようにしましょう。項目数が膨大になり、逆にユーザー体験を損ないます。
番号をつけるかどうかは記事の種類で判断
目次の各項目に「1. 〇〇」「2. 〇〇」と連番を振るかどうかも、よくある悩みです。明確な正解はありませんが、記事の種類に応じて使い分けるのがおすすめです。
| 記事の種類 | 番号 | 理由 |
|---|---|---|
| 手順・ステップ系 | あり | 順序が重要で、読者が進捗を把握しやすい |
| 情報収集・解説系 | なしでもOK | 項目間に順序の意味がない場合が多い |
| ランキング・比較系 | あり | 順位を示すことで読者の理解を助ける |
福田卓馬迷ったら番号ありにしておきましょう。「どこまで読んだか」を把握しやすくなり、ユーザビリティが向上します。
目次の設置方法3選
目次の設置方法はいくつかありますが、基本はプラグインかテーマ機能でサクッと入れるだけで問題ありません。凝った設定はあとからいくらでも調整できます。
福田卓馬各手法の概要と特徴を以下の表にまとめました。
| 設置方法 | おすすめユーザー |
|---|---|
| WordPressプラグイン | WordPress初心者、手軽に導入したい方 |
| テーマ機能 | 対応テーマ利用者、プラグインを増やしたくない方 |
| HTML手動設置 | HTML知識がある方、細部にこだわりたい方 |
それぞれについて詳しく解説します。
1. WordPressプラグインで自動生成する
WordPressでサイトを運営しているなら、目次プラグインを使うのが最も手軽です。代表的なプラグインは以下の3つです。
| プラグイン名 | 特徴 |
|---|---|
| Rich Table of Contents（RTOC） | 国産。デザイン性が高く、日本語テーマとの相性がよい |
| Table of Contents Plus | 定番。シンプルで軽量、カスタマイズ性も十分 |
| Easy Table of Contents | 設定画面がわかりやすく、初心者でも迷わず導入できる |
いずれも記事内の見出しタグを自動検出して目次を生成してくれます。HTMLやCSSの知識がなくても、管理画面から表示設定やデザインのカスタマイズが可能です。
ただし、プラグインによっては他のプラグインとの相性問題が発生したり、サイトの表示速度に影響を与えたりする可能性もあります。導入後は表示速度を確認しましょう。
2. テーマの標準機能を使う
使用しているWordPressテーマによっては、標準機能として目次生成機能が搭載されている場合があります。
テーマ機能を使うメリットは、プラグインを追加インストールする必要がない点です。プラグイン管理の手間が省け、表示速度への影響も抑えられます。
テーマ開発者がデザインに合わせて用意しているため、サイト全体との統一感も保てます。まずは現在利用しているテーマに目次機能があるか確認してみましょう。
福田 卓馬テーマに目次機能があるなら、プラグインは不要です。余計なプラグインは減らすに越したことはありません。
3. HTMLで手動作成する
より自由にカスタマイズしたい場合や、WordPress以外のプラットフォームを使っている場合は、HTMLタグで手動作成する方法もあります。
リストタグ（<ul>や<ol>）とアンカータグ（<a>）を組み合わせて目次を作成し、各見出しに設定したid属性へリンクさせます。
デザインや表示項目を完全に制御でき、余計なコードが少ないため表示速度にも有利です。ただし、HTMLの知識が必要で、記事ごとに手動更新する手間がかかります。
福田 卓馬記事数が多いサイトには向きません。少数のページで細かくコントロールしたい場合に検討しましょう。
目次を含むサイト内部の最適化については「SEO内部対策の基本と実践方法」の記事で体系的に解説しています。
目次の設置と併せて取り組むべきSEO施策
目次を設置しただけでSEO対策が完了するわけではありません。目次はSEO施策の中の一つであり、サイト全体の評価を高めるには他の施策と併せて取り組む必要があります。
主なSEO対策を以下にまとめました。
| 施策 | 概要 |
|---|---|
| コンテンツSEO | 検索意図に応える質の高い記事を作成する |
| SEOライティング | キーワード配置や見出し設計を最適化する |
| 内部リンク | 関連ページ同士を適切につなぎ、サイト評価を高める |
| リライト | 公開済み記事を改善し、順位を引き上げる |
よくある質問
SEO対策は目次だけで成果がでるわけではなく、見出し設計・キーワード戦略・内部リンク・コンバージョン設計まで一気通貫で対策することが重要です。
EXTAGEでは、こうした課題をコンサルティングを通じて解決しています。
福田卓馬目次設計を含むSEO対策全体のご支援をしています。まずはお気軽にご相談ください。
✓ SEO対策、何から始めればいいか分からない
✓ 今の施策が正しいのか判断できない
✓ 外注したいが、どこに頼めばいいか分からない
＼200社以上の支援実績／
※ 無理な営業は一切しません｜オンライン対応可
まずは相談する
メルマガに登録する