Webサイトで記事を公開しても、読者に最後まで読んでもらえなければ意味がありません。
特に長い記事では、読者が途中で「自分の知りたい情報がどこにあるか分からない」と感じて、ページを離れてしまうことがよくあります。
実際、スマートフォンで長い記事を読むとき、延々とスクロールしながら情報を探すのは大変な作業です。
そこで役立つのが「目次」です。
- H2・H3タグの階層化で、検索エンジンが記事構造を正確に理解できる
- 必要な情報へ素早くアクセスでき、滞在時間延長と離脱率低下につながる
- 検索結果にジャンプリンクが表示される可能性があり、クリック率向上が期待できる
- 見出しに検索キーワードを自然に含めることで、記事テーマが伝わりやすくなる
- クリック可能なアンカーリンク設定により、読者の利便性が大幅に向上する
目次があれば、記事を読む前に全体の構成が一目で分かり、知りたい情報がある場所へすぐに移動できます。
書籍の目次と同じように、Web記事の目次も読者の道しるべとなる重要な役割を持っています。
さらに目次には、読者の利便性を高めるだけでなく、検索エンジンからの評価を向上させる効果もあります。
適切に設定された目次は、Googleなどの検索エンジンが記事の内容を正確に理解する手助けとなり、検索結果での表示が改善される可能性があります。
実際に、検索結果ページに記事内の各セクションへのリンクが表示されるケースも増えています。
本記事では、目次がなぜSEOに効果的なのか、どのような仕組みで検索順位に影響するのか、そして具体的にどうやって効果的な目次を作ればよいのかを、初心者の方にも分かりやすく解説します。
- 目次がSEOで評価される理由
- 検索順位に影響する目次の3つの効果
- 効果的な目次の作成手順
- 避けるべき目次の失敗例
目次を設置するとSEOで有利になる理由
多くのWebサイトで目次を見かけるようになりましたが、これは単なる流行ではありません。
目次は読者にとって便利なだけでなく、検索エンジンにとっても記事の価値を判断する重要な手がかりになります。
目次がなぜSEOに効果的なのかを理解するには、まず目次の基本的な役割と、検索エンジンがどのように目次を評価しているのかを知る必要があります。
ここでは、目次がSEOにおいてどのような働きをするのか、そして検索エンジンがどんな目次を評価するのかについて、順を追って解説していきます。
これらを理解することで、より効果的な目次を作ることができるようになります。
そもそも記事の目次とは何か
記事の目次とは、ページ内の主要な見出しを一覧にまとめたものです。
本や雑誌の最初のページにある目次をイメージすると分かりやすいでしょう。
Web記事の目次も同じように、記事全体にどんな内容が書かれているかを示す役割を持っています。
ただし、Web記事の目次には紙の本とは違う大きな特徴があります。
それは「クリックできる」ということです。
目次の各項目をクリックすると、その見出しがある場所まで自動的にページがスクロールされ、すぐに読み始めることができます。
この便利な仕組みは「アンカーリンク」や「ジャンプリンク」と呼ばれています。
- 記事の全体像を伝える:目次を見れば、この記事が自分の知りたい内容を扱っているかどうかをすぐに判断できます
- 必要な情報へ素早くアクセス:長い記事でも、読みたい部分だけを選んで読むことができます
- 構造を視覚的に整理:どんな順番で何が説明されているかが一目で分かります
特に重要なのは、スマートフォンでの閲覧時です。
パソコンと違って画面が小さいため、スクロールして情報を探すのはより大変な作業になります。
目次があれば、小さな画面でも効率よく情報にたどり着けます。
一般的に、文字数が1000文字を超えるような記事では目次の価値が高まります。
短い記事では全体をざっと読めば内容が把握できますが、長文になると目次がないと読者が迷子になってしまう可能性があります。
検索エンジンが評価する目次の特徴
GoogleやYahoo!などの検索エンジンは、Webページを評価する際にさまざまな要素を見ています。
目次そのものが直接的に検索順位を決める要因ではありませんが、目次が果たす役割は間接的に検索エンジンの評価に影響を与えます。
検索エンジンが最も重視しているのは「このページは検索した人にとって役立つか」という点です。
いくら立派な内容が書かれていても、読者が使いにくいページは評価されません。
目次は、読者が求める情報に素早くたどり着けるようにすることで、ページ全体の使いやすさを向上させます。
この「使いやすさ」が、最終的に検索順位に影響すると考えられています。
検索エンジンが目次を評価するポイント
| 評価ポイント | 詳細 |
|---|---|
| 適切なHTMLタグの使用 | 見た目だけでなく、H2、H3などの正しい見出しタグを使用することで、検索エンジンが記事の構造を理解できる |
| 関連キーワードの含有 | 見出しに検索されやすい言葉が含まれていると、記事のテーマを検索エンジンが判断しやすくなる |
| クリック可能なリンク | アンカーリンクが正しく設定されていることで、内部リンク構造の把握に役立つ |
Web技術の国際的な標準を定めているW3Cという組織は、見出しについてのガイドラインで、見出しはページの構造と各部分の関係性を示すために重要であると説明しています。
見出しは単に文字を大きく表示するためのものではなく、情報の階層を表現する役割があるということです。
Googleが公開している開発者向けの資料でも、見出しタグを使ってコンテンツを階層的に整理することの重要性が述べられています。
きちんと整理された見出しがあれば、検索エンジンは「この記事の大きなテーマは何で、その中でどんな話題が扱われているか」を正確に把握できるのです。
このように、目次は読者だけでなく検索エンジンにとっても、記事の内容と構造を理解するための重要な手がかりとなっています。
目次が検索順位に与える3つの具体的な効果
目次を設置することで、検索順位にどのような影響があるのでしょうか。
実は目次の効果は一つだけではなく、複数のルートを通じて検索エンジンの評価に影響を与えています。
ここでは特に重要な3つの効果について、具体的な仕組みとともに詳しく解説します。
1つ目は検索エンジンが記事の内容を理解しやすくなること、2つ目は読者の滞在時間が延びることによる評価の向上、3つ目は検索結果ページでの表示が改善される可能性です。
これらの効果は相互に関連しており、組み合わさることでより大きなSEO効果を生み出します。
それぞれの効果がどのように働くのか、順番に見ていきましょう。
Googleが記事の内容を正確に把握できる
GoogleやYahoo!などの検索エンジンは、世界中の無数のWebページを読み取って、どのページにどんな情報が書かれているかを理解しようとしています。
しかし、検索エンジンは人間のように文章を「読んで理解する」ことはできません。
代わりに、ページの構造や使われている言葉から内容を推測しています。
ここで重要な役割を果たすのが「見出しタグ」です。
見出しタグとは、HTMLというWebページを作る言語で見出しを表すために使う特別なコードのことです。
見出しタグの階層構造と使い方
| 見出しタグ | 用途 | 使用例 |
|---|---|---|
| H1 | 記事全体のタイトル | 「初心者のためのSEO入門」 |
| H2 | 大きな章・主要なセクション | 「SEOとは何か」「SEOの基本的な方法」 |
| H3 | H2の中の小見出し・サブセクション | 「キーワードの選び方」「記事の書き方」 |
| H4以降 | さらに細かい分類(通常は使用しない) | 非常に長く複雑な記事でのみ使用 |
最も重要な見出し(通常は記事のタイトル)にはH1タグを使い、大きな章の見出しにはH2タグを使い、その章の中の小見出しにはH3タグを使う、という具合に階層的に構造を作ります。
GoogleのJohn Mueller氏は、H1タグの使用数に制限はなく、0個でも5個でも問題ないと明言しています。
あなたのサイトは、H1 タグがなくても、H1 タグが 5 つあっても、問題なくランク付けされます。
引用:Search Engine Journal Google Says H1 Headings Are Useful but Not Critical
ただし、実務上は1つのH1が分かりやすく推奨されます。
これは本の章立てと同じような考え方です。
例えば、本に「第1章」「第1節」「項目1」という階層があるように、Web記事も見出しで階層構造を作ることで、どの情報が重要で、どの情報が細かい補足なのかを示すことができます。
目次は、これらの見出しを集めて一覧にしたものです。
つまり、目次を見れば記事全体の構造が一目で分かるわけです。
これは人間にとって便利なだけでなく、検索エンジンにとっても記事の全体像を把握する大きな手がかりになります。
Googleが公開している「Search Central」という情報サイトでは、見出しを使ってコンテンツを整理し、読者がページを理解しやすくすることが推奨されています。
きちんと整理された見出し構造があれば、検索エンジンはページの主要なトピックと副次的なトピックを明確に識別できるのです。
さらに、見出しに検索されそうな言葉(キーワード)が含まれていると、検索エンジンは「このページはこんな質問に答えている」ということをより正確に理解できます。
ただし、同じ言葉を何度も不自然に繰り返すと、かえって評価が下がってしまうので注意が必要です。
あくまで自然な文章の中で、関連する言葉を適切に使うことが大切です。
目次によって記事の構造が明確になれば、検索エンジンは記事の価値をより正確に判断できるようになります。
その結果、適切な検索キーワードで記事が表示されやすくなり、検索順位の向上につながる可能性があります。
読者が読みやすくなり滞在時間が伸びる
読者がページをどのように利用しているかは、間接的に評価に影響する可能性があると考えられています。
ただし、Googleは滞在時間やクリック率などの行動指標を直接的なランキング要因として使用していないことを明言しています。
読者の満足度を示す指標の一つが「滞在時間」です。
滞在時間とは、読者が検索結果からあなたのページを訪れてから、検索結果に戻るまでの時間のことを指します。
想像してみてください。
Googleで何かを検索して、最初に表示されたページを開いたとします。
そのページが読みにくくて、すぐに検索結果に戻ってしまったら、読者にとって役立つ情報がなかったということです。
逆に、そのページをじっくり読んで長く滞在すれば、読者の満足度が高かったと考えられます。
目次がない場合と目次がある場合の比較
| 項目 | 目次がない場合 | 目次がある場合 |
|---|---|---|
| 情報の探しやすさ | 延々とスクロールして探す必要がある | クリック一つで目的の箇所へ移動できる |
| 記事の把握 | 読み進めないと全体像が分からない | 最初に全体構成を理解できる |
| 読者の心理 | 「自分の知りたいことがあるか分からない」 | 「この記事には知りたいことが書いてある」と安心 |
| 離脱率 | 情報が見つからず早期離脱しやすい | 必要な情報にアクセスでき離脱が減る |
目次があることで、読者の滞在時間は大きく変わります。
目次がない長い記事の場合、読者は「自分の知りたい情報がこの記事のどこにあるんだろう」と延々とスクロールすることになります。
途中で疲れて「他のページを見よう」と離脱してしまうかもしれません。
一方、目次がある記事では、読者は最初に全体の構成を確認できます。
「ああ、この記事には自分の知りたいことが書いてある」と分かれば、安心して読み進めることができます。
また、特に知りたい部分だけを選んで読むこともできるので、無駄なスクロールで疲れることもありません。
ユーザビリティ研究の世界的権威であるNielsen Norman Groupの調査によると、ページ内リンク(目次のクリックできるリンク)を活用することで、長い文章のナビゲーションが大幅に改善されることが分かっています。
ページ内リンクに基づく目次は、長文コンテンツを閲覧するための有用なツールです。調査によると、ユーザーはこのデザインパターンにますます慣れ親しんでいることが示されています。
引用:Nielsen Norman Group In-Page Links for Content Navigation
特にスマートフォンのような小さな画面では、目次による効率的な移動の価値がさらに高まります。
読みやすさが向上すれば、離脱率も下がります。
離脱率とは、ページを訪れた人がすぐに他のページへ移動してしまう割合のことです。
目次のおかげで読者が求める情報にすぐアクセスできれば、「このページには自分の欲しい情報がない」と判断してページを離れる理由が減ります。
その結果、ページの滞在時間が延び、記事をじっくり読んでもらえる可能性が高まります。
滞在時間自体が直接的なランキング要因であるとは確認されていませんが、Googleは「ユーザーにとって価値のあるコンテンツを高く評価する」という方針を示しています。
読者にとっての使いやすさを高めることは、間接的に良い影響を与え得ると考えられています。
検索結果画面に目次リンクが表示されることがある
Googleで何かを検索したとき、通常は各ページのタイトルと簡単な説明文が表示されます。
しかし時々、タイトルの下に「〜へジャンプ」といった追加のリンクが表示されることがあります。
これらは「ジャンプリンク」や「リッチスニペット」と呼ばれる機能で、記事内の特定の箇所へ直接アクセスできるリンクです。
例えば「SEO 基本」と検索したとき、検索結果に表示されたページのタイトルの下に「SEOとは」「SEOのメリット」「SEOの始め方」といったリンクが並んでいるのを見たことがあるかもしれません。
これらのリンクをクリックすると、ページの該当箇所に直接移動できるので、読者にとって非常に便利です。
このジャンプリンクは、どのページにも自動的に表示されるわけではありません。
Googleが「このページは構造がしっかりしていて、読者の役に立つ」と判断したページにのみ表示される特別な機能です。
そして、この機能を表示させるための重要な要素の一つが、適切に作られた目次なのです。
- ページが明確なセクションに分けられている(論理的な区切りがある)
- 各セクションに分かりやすい名前が付いている(内容を表す具体的な名前)
- ページに目次があり、各セクションへのリンクが設定されている
- Googleがそのセクションが検索キーワードに関連すると判断している
Googleは検索キーワードとページの内容を照らし合わせて、読者にとって特に役立ちそうなセクションを検索結果に表示します。
つまり、目次が適切に設定されていれば、読者が探している情報へ直接案内するリンクを、検索結果ページに表示してもらえる可能性があるということです。
- 検索結果ページでの占有スペースが増え、視覚的に目立つ
- クリック率(CTR)が向上する可能性がある
- 読者が求める情報に直接アクセスでき、満足度が高まる
- 他のページと差別化できる
ジャンプリンクが表示されると、検索結果ページでの存在感が大きくなります。
通常のページよりも多くのスペースを占めるため、視覚的に目立ちやすくなります。
その結果、クリックしてもらえる確率(クリック率)が上がる可能性があります。
さらに、読者は検索結果ページから直接、自分が知りたい情報の箇所へ移動できるため、満足度も高まります。
「この記事は自分の疑問にピンポイントで答えてくれそうだ」と感じてもらえれば、クリックしてもらいやすくなるでしょう。
ただし、ジャンプリンクが表示されるかどうかは最終的にGoogleの判断に委ねられています。
目次を設置しても必ず表示される保証はなく、検索クエリや他の要因によって左右されます。
適切な目次とリンク設定は表示の可能性を高める一助となりますが、十分条件ではない点に留意しましょう。
検索で上位表示されやすい目次の作り方
目次の効果を最大限に引き出すには、ただ目次を作るだけでは不十分です。
検索エンジンと読者の両方にとって価値のある目次を作る必要があります。
ここでは、実際にどのように目次を作成すれば良いのか、具体的な手順とポイントを解説します。
技術的な部分も含まれますが、初心者の方でも実践できるよう分かりやすく説明していきます。
目次作成の3つの重要なステップは、見出しの階層を整理すること、適切なキーワードを含めること、そしてクリックで移動できるリンクを設定することです。
これらのステップを一つずつ丁寧に実践することで、SEO効果の高い目次を作ることができます。
それでは、順番に見ていきましょう。
見出しの階層を整理して目次を構成する
効果的な目次を作るための第一歩は、記事全体の見出し構造をしっかりと整理することです。
これは家を建てるときの設計図を描くのと同じで、しっかりした構造があってこそ、良い目次ができあがります。
HTML言語では、見出しを表すタグがH1からH6まで用意されています。
これらは見出しの重要度を表しており、数字が小さいほど重要な見出しということになります。
実際の使い方を具体例で見てみましょう。
見出しタグの階層構造と使い方
| 見出しタグ | 役割 | 使用例 | 使用頻度 |
|---|---|---|---|
| H1 | 記事全体のタイトル | 「初心者のためのSEO入門」 | 通常1ページに1つ (複数使用も可能) |
| H2 | 記事の大きな章 | 「SEOとは何か」「SEOの基本的な方法」 | 3〜7個程度 |
| H3 | H2の中の小さな区分 | 「キーワードの選び方」「記事の書き方」 | 必要に応じて |
| H4以降 | さらに細かい分類 | 複雑な技術説明など | 通常は不要 |
W3Cというインターネット技術の国際組織は、見出しのレベルを飛ばさないよう推奨しています。
つまり、H2の次にいきなりH4を使うのは避けるべきだということです。
例えば、H2の下にはH3を使い、H3の下にはH4を使うという順序を守ります。
ただし、新しい章に戻るときは問題ありません。
H4の次にH2を使うことは、「前の章が終わって新しい大きな章が始まる」という意味なので適切です。
- 事前に全体構成を計画する:どんな大きなテーマを扱い、それをどう細分化するかを決める
- 見出しだけで内容が分かるようにする:「方法1」ではなく「キーワードを選ぶ方法」のように具体的に
- 階層を深くしすぎない:ほとんどの記事ではH2とH3の2階層で十分
- 各見出しが独立したトピックを扱う:単なる文章の区切りではなく、意味のある区分にする
目次は、整理された見出しをそのまま並べる形で作ります。
見出しの構造がしっかりしていれば、目次も自然と読みやすく分かりやすいものになります。
また、スクリーンリーダーという視覚障害者向けの読み上げソフトを使う人にとって、適切な見出し階層は極めて重要です。
このソフトは見出しを手がかりにページを理解し、必要な情報へ移動します。
WebAIMが2017年に実施した調査では、スクリーンリーダー利用者の約70%が、長いページで情報を探すときに見出しを活用していることが分かっています。
このように、見出しを適切に階層化することは、SEO、読みやすさ、アクセシビリティのすべてに貢献する重要な作業なのです。
検索されるキーワードを目次に含める
目次の各項目には、読者が実際に検索しそうな言葉を含めることが効果的です。
ただし、これは「キーワードをたくさん詰め込む」という意味ではありません。
読者にとって自然で分かりやすい見出しを作りながら、同時に検索されやすい言葉も使うということです。
例を挙げて考えてみましょう。
「初心者向けSEO講座」という記事を書いているとします。
この場合、読者は「SEO 初心者」「SEO やり方」「SEO 方法」といった言葉で検索している可能性があります。
見出しを作るとき、これらの検索されやすい言葉を自然に組み込むことができます。
例えば、単に「基本情報」という見出しよりも「初心者が知るべきSEOの基本情報」とした方が、読者が何について書かれているかすぐ分かりますし、検索エンジンも内容を理解しやすくなります。
- 読者の疑問を反映する
- 「どうやって〜するの?」→「〜の方法」「〜のやり方」
- 「なぜ〜なの?」→「〜の理由」「〜が重要な理由」
- 質問形式を活用する
- 「SEOとは何か」「どうやってキーワードを選ぶか」
- 実際に検索されることが多い疑問文を使う
- 具体的で分かりやすい言葉を使う
- ❌「最適化手法」→ ⭕「効果的な方法」
- ❌「実施プロセス」→ ⭕「実践手順」
ただし、注意すべき点もあります。
同じキーワードを何度も繰り返したり、無理やり複数のキーワードを一つの見出しに詰め込んだりすると、不自然な文章になってしまいます。
「SEO対策の効果的な方法とSEO施策の実践手順とSEO最適化のコツ」のような見出しは長すぎて読みにくいですし、検索エンジンからも好まれません。
Googleが公開しているSearch Centralのガイドラインでも、見出しは読者がページを理解する助けとなるよう、明確で説明的であるべきだと述べられています。
読者がブラウザやページ内を移動しやすくなるため、説明的な見出しとタイトルを使用してください。
引用:Google Developer Documentation Headings and titles
つまり、キーワードを入れることよりも、分かりやすさを優先すべきだということです。
また、見出しに使ったキーワードは、その下に書かれている内容と正確に一致している必要があります。
見出しで「初心者向けの簡単な方法」と書きながら、実際の内容が上級者向けの難しい技術の説明だったら、読者は混乱してしまいます。
Googleは内容を正確に説明するタイトルや見出しを推奨しており、誤解を招く表現を避けることを一貫した方針としています。
こうした不一致は読者の信頼を損ねる可能性があります。
読者の立場に立って「この見出しを見たら、どんな内容が書いてあると期待するだろうか」と考え、その期待に応える内容を書くことが最も重要です。
クリックで該当箇所に移動できるリンクを設定する
目次の最大の利点は、クリックするだけで読みたい箇所へ瞬時に移動できることです。
この機能がなければ、目次はただの案内文でしかありません。
ここでは、クリックで移動できる目次の作り方を、技術的な詳細も含めて説明します。
クリックで移動できるリンクは「アンカーリンク」と呼ばれています。
仕組みはシンプルで、移動先の見出しに「目印」を付けて、その目印へ飛ぶリンクを作るというものです。
- 移動先の見出しにIDを付ける
<h2 id="section1">見出しの文章</h2>
「section1」という部分が目印になります
- 目次部分でリンクを作成
<a href="#section1">見出しの文章</a>
「#」記号は「このページ内の」という意味を表します
- IDは説明的な名前にする
- ❌
section1,section2(何のセクションか分からない) - ⭕
about-seo,how-to-start(内容が分かる) - 後から管理しやすく保守性が向上する(検索順位への直接的な影響は確認されていない)
- ❌
- 移動先の表示位置に配慮する
- 見出しが画面の一番上に来すぎないようにする
- 少し上に余白を残すと、読者が状況を理解しやすい
- 固定ヘッダーがある場合の対策
- メニューバーが上部に固定されている場合
- 見出しが隠れないようCSSで調整が必要
- すべてのデバイスで動作確認する
- パソコンとスマートフォンの両方でテスト
- リンクがタップしやすいサイズか確認(WCAGでは最低24×24ピクセル相当を推奨)
ユーザビリティ研究の専門機関Nielsen Norman Groupによると、リンク先のコンテンツは画面の上部近くに表示されるべきですが、完全に最上部だと見出しを見落としやすいことが分かっています。
WordPressを使用する場合
WordPressなどのホームページ作成ツールを使っている場合は、目次を自動で作ってくれるプラグイン(追加機能)が便利です。
これらのプラグインは、記事に書かれた見出しを自動的に見つけて、クリックできる目次を作ってくれます。
プラグインを選ぶ際は、動作が軽いものを選ぶことが大切です。
重いプラグインを使うと、ページの表示が遅くなってしまい、読者にストレスを与えてしまいます。
不要なJS/CSSを減らし、ページ速度の指標(Core Web Vitals)の改善を図りましょう。
手動で作る場合も、プラグインを使う場合も、必ず動作確認をしましょう。
目次のすべてのリンクをクリックして、正しい場所に移動するかをチェックします。
特にスマートフォンでも確認することが重要です。
パソコンでは問題なく動いても、スマートフォンではリンクが小さくてタップしにくいということがあります。
クリックできる目次は、読者にとっても検索エンジンにとっても価値のある機能です。
少し手間はかかりますが、一度設定してしまえば記事の価値を大きく高めることができます。
目次を作る際に避けるべき失敗例
目次は正しく作れば強力なツールになりますが、間違った作り方をすると逆効果になることもあります。
せっかく時間をかけて目次を作っても、読者に使ってもらえなかったり、検索エンジンから評価されなかったりしては意味がありません。
ここでは、よくある失敗例とその対策を紹介します。
これらの失敗を避けることで、目次の効果を最大限に引き出すことができます。
特に重要なのは、SEO効果を下げてしまう目次の特徴を理解することと、記事の長さに対して適切な項目数を設定することです。
初心者の方が陥りやすい失敗を知っておくことで、最初から効果的な目次を作ることができるでしょう。
SEO効果を下げてしまう目次の特徴
良かれと思って作った目次が、かえってマイナスになってしまうケースがあります。
ここでは、避けるべき目次の作り方を具体的に説明します。
よくある失敗例と対策
| 失敗例 | 問題点 | 対策 |
|---|---|---|
| 見出しタグを使わない | 見た目だけ大きくても、検索エンジンは見出しと認識できない | 必ずH2、H3などの正しいタグを使用する |
| 目次と見出しの文章が違う | 読者が混乱し、期待した内容と違う場所に移動してしまう | 目次と見出しの文章を完全に一致させる |
| 同じキーワードの過剰使用 | 「SEO対策の〜」を全見出しに付けるなど不自然 | 自然な日本語で、バリエーションを持たせる |
| リンクが動作しない | クリックしても反応がない、間違った場所に飛ぶ | すべてのリンクを実際にテストする |
| 目次の配置場所が悪い | 記事の途中や最後にある | 導入文の直後、本文が始まる前に配置 |
| モバイル対応していない | スマホで見ると文字が小さい、タップしにくい | レスポンシブデザインで全デバイス対応 |
まず最も多い失敗は、見た目だけを大きくして見出しタグを使わないことです。
文字のサイズを大きくしたり太字にしたりすれば、見た目は見出しのように見えます。
しかし、HTMLコードで正しい見出しタグ(H2、H3など)を使っていなければ、検索エンジンは「これは見出しだ」と認識できません。
人間には見出しに見えても、検索エンジンには普通の文章にしか見えないのです。
次によくあるのが、目次と実際の見出しの文章が違うことです。
例えば、目次には「効果的な対策方法」と書いてあるのに、実際のページには「基本的な情報」という見出しがあったとします。
読者が目次をクリックしたら、期待していた内容と違う場所に飛んでしまい、混乱してしまいます。
目次の文章と見出しの文章は必ず同じにしましょう。
Googleは、リンク(目次含む)のアンカーテキストは説明的で、リンク先のページ内容を明確に伝えるべきだと推奨しています。
優れたアンカーテキストとは、説明的で、適度に簡潔であり、リンク元のページとリンク先のページに関連性のあるものです。
引用:Google Search Central Link best practices for Google
また、SEOを意識しすぎて同じ言葉を何度も繰り返してしまう失敗もあります。
「SEO対策」というキーワードを入れたいからといって、すべての見出しに「SEO対策の〜」と付けてしまうと、不自然で読みにくくなります。
例えば「SEO対策の基本」「SEO対策の方法」「SEO対策の効果」「SEO対策のコツ」と並んでいたら、くどくて読む気が失せてしまいます。
Googleは不自然なキーワードの繰り返しを好みません。
自然な日本語で、バリエーションを持たせることが大切です。
クリックしても何も起こらない目次や、間違った場所に飛んでしまう目次も大きな問題です。
読者が目次をクリックしたのに反応がなかったり、全然関係ない場所に移動してしまったりすると、「このサイトは信頼できない」と思われてしまいます。
リンクの設定ミスは読者の信頼を大きく損ないます。
目次を置く場所を間違えるのも失敗の一つです。
記事の途中や最後に目次があっても、読者はそれを見つけられません。
目次は記事の最初、できれば導入文のすぐ後に置くのが基本です。
読者が記事を読み始める前に全体像を把握できるようにしましょう。
さらに、スマートフォンで見たときのことを考えていない目次も問題です。
パソコンでは見やすくても、スマートフォンでは文字が小さすぎて読めなかったり、リンクが小さすぎてタップできなかったりすることがあります。
現在、世界全体ではモバイル閲覧が主流化しつつあり、月や地域によってはデスクトップと拮抗することもあります。
必ずスマートフォンでの表示も確認しましょう。
最後に、目次がページの大部分を占めてしまうのも避けるべきです。
目次が長すぎると、肝心の記事内容にたどり着く前に読者が疲れてしまいます。
目次は記事全体の10%以内に収めるのが理想的です。
目次の項目数と記事のバランスの取り方
目次の項目はいくつ作れば良いのでしょうか。
実は、これには正解がありません。
記事の長さや内容によって適切な数が変わってくるからです。
ここでは、バランスの良い目次を作るためのポイントを説明します。
記事の長さと目次項目数の参考例
| 記事の文字数 | 見出し数(H2)の参考例 | 理由 |
|---|---|---|
| 〜1000文字 | 3〜5個程度 | 短い記事では細かく分けすぎない |
| 1000〜3000文字 | 5〜7個程度 | 標準的な記事のバランス |
| 3000文字以上 | 7〜10個程度 | 長文では適切な章立てが必要 |
※この数値は経験則であり、公式なガイドラインではありません。
まず理解すべきは、短い記事に大量の目次項目を作ると、かえって読みにくくなるということです。
例えば、全体で1000文字程度の短い記事に10個も15個も見出しがあったら、細切れになりすぎて読みにくくなります。
一つの章が2〜3行しかないような記事は、むしろ見出しがない方が読みやすいかもしれません。
一般的な参考例として、1000文字程度の記事なら大きな見出し(H2)は3〜5個程度が考えられます。
ただし、Googleは見出しの最適な数に決まりはないと明言しており、内容の構造に応じて判断することが大切です。
また、ページごとに魔法の見出し数や理想的な見出し数といったものが存在することもありません。
引用:Google Search Central 検索エンジン最適化(SEO)スターター ガイド
それぞれの章が200〜300文字程度のまとまった内容になるくらいが読みやすいバランスです。
逆に、3000文字以上の長い記事で見出しがほとんどないのも問題です。
長い文章が延々と続くと、どこまで読んだか分からなくなりますし、疲れてしまいます。
長い記事ほど、適切に章立てして目次を作ることが重要になります。
目次の階層の深さにも注意が必要です。
H2とH3の2階層で作られた目次はシンプルで分かりやすいです。
しかし、H2、H3、H4、H5と4階層も5階層もある目次は、複雑すぎて理解しにくくなります。
教科書のような専門的で長大な文章でない限り、2〜3階層で十分です。
Yale大学のウェブアクセシビリティに関するガイドラインでも、ほとんどのWebページはH2とたまにH3があれば十分で、H5やH6が必要なのは非常に長く複雑なページだけだと述べられています。
- 独立したテーマを扱っているか
- 単に文章を区切っただけの見出しは不要
- 「新しい話題が始まる」と言える区切りだけを見出しに
- 読者が実際に探しそうな情報か
- 読者が「これを知りたい」と思う内容なら見出しにする価値あり
- 補足説明のような細かい内容は見出しにしない
- スクロール量との関係
- 各章の長さがスマホで2〜3回スクロールする程度が適切
- 1回で次の見出しが来る細かい区切りは避ける
- 目次の表示方法
- 項目が多すぎる場合は折りたたみ機能を検討(ただし発見性の低下に注意)
- 「目次を表示」ボタンで展開する形式も選択肢の一つ
また、記事の種類によっても適切な目次の形は変わります。
料理のレシピのような手順を説明する記事では、「材料の準備」「下ごしらえ」「調理手順1」「調理手順2」のように、細かく区切った方が分かりやすいこともあります。
一方、意見を述べるコラムのような記事では、大きなテーマごとに3〜4個の見出しがあれば十分でしょう。
大切なのは、読者の立場に立って「この目次は読みやすいか」「情報を探しやすいか」を考えることです。
自分で何度か読み返してみて、違和感がないかチェックしましょう。
よくある質問(FAQ)
- すべての記事に目次を設置する必要がありますか
-
いいえ、すべての記事に目次が必要というわけではありません。
目次が役に立つのは、主に1000文字以上の長い記事です。
短い記事に目次を付けると、かえってスペースを取ってしまい、読みにくくなることがあります。
記事が複数の大きなテーマを扱っていたり、読者が特定の情報だけを探している可能性が高い場合に、目次を付けることを検討すると良いでしょう。
例えば、ニュース記事のような短い記事には目次は不要ですが、製品の使い方を詳しく説明する記事には目次があると便利です。
- 目次はページのどこに置くのが最適ですか
-
一般的には、記事の導入部分のすぐ後、本文が始まる前に目次を置くと効果的です。
記事を読み始める前に、読者が全体の内容を確認できるからです。
スマートフォンで見る人が多い場合は、できるだけ上の方に目次があると便利です。
ただし、記事の要点を簡単にまとめた導入文は目次よりも上に置きましょう。
読者は最初に「この記事は何について書かれているか」を知りたいからです。
導入文を読んで、興味があれば目次で詳しい内容を確認するという流れが自然です。
- 目次の項目はいくつくらいが適切ですか
-
記事の長さにもよりますが、一般的には3〜7個くらいの大きな見出し(H2)があると、読みやすい目次になります。
これより多くなる場合は、記事を複数のページに分けることを考えるか、一部の見出しを小見出し(H3)として階層化すると良いでしょう。
重要なのは、読者が一目見ただけで記事の全体像を理解できることです。
項目が多すぎると、かえって何が書いてあるか分からなくなってしまいます。
例えば、初心者向けの説明記事なら5個程度、詳しいハウツー記事なら7〜10個程度が目安になります。
まとめ
目次は、記事を案内するだけの単純な機能ではありません。
読者にとっての利便性を高めると同時に、SEOの観点からも重要な役割を果たします。
適切に設計された目次は、検索エンジンが記事の構造を正確に理解する助けとなり、読者の滞在時間を延ばすことで間接的に検索順位に良い影響を与えます。
さらに、検索結果ページに記事内の各セクションへのリンクが表示される可能性も高まります。
効果的な目次を作るために最も重要なのは、見出しタグを使った適切な階層構造を作ることです。
H1、H2、H3といったタグを正しく使い分け、記事の内容を論理的に整理しましょう。
次に、読者が実際に検索しそうなキーワードを見出しに自然に含めることで、検索エンジンにも内容が伝わりやすくなります。
そして、クリックで該当箇所へ移動できるアンカーリンクを設定することで、読者の利便性が大きく向上します。
一方で、避けるべき失敗もあります。
見出しタグを使わずに見た目だけを整えた目次、キーワードを不自然に詰め込んだ見出し、リンクが正しく動作しない目次などは、効果がないどころか逆効果になることもあります。
また、記事の長さに対して項目が多すぎたり少なすぎたりするのも問題です。
目次を設置するかどうかは、記事の長さと内容の複雑さを見て判断しましょう。
1000文字以上の記事で、複数のテーマを扱っている場合は、目次があることで読者の満足度が大きく向上します。
適切に実装された目次は、あなたの記事をより多くの読者に届け、検索結果での表示を改善する強力なツールとなります。
Nielsen Norman Group Table of Contents: The Ultimate Design Guide
W3C Web Accessibility Initiative (WAI) Headings
Search Engine Journal Google Says H1 Headings Are Useful but Not Critical
Google How Does Google Determine Ranking Results
Search Engine Journal Dwell Time: Is It a Google Ranking Factor?
Nielsen Norman Group In-Page Links for Content Navigation
Search Engine Land Table of contents can provide additional link options in organic search
Google Search Central Learn About What Sitelinks Are
WebAIM Screen Reader User Survey #7 Results
Google Developer Documentation Headings and titles
Google Search Central Creating helpful, reliable, people-first content
MDN Web Docs <a>: The Anchor element
MDN Web Docs HTML id global attribute
Google Search Central URL structure best practices for Google Search
MDN Web Docs scroll-margin-top – CSS
W3C Web Accessibility Initiative (WAI) Understanding SC 2.5.8: Target Size (Minimum) (Level AA)
Nielsen Norman Group Anchors OK? Re-Assessing In-Page Links
Google Search Central Understanding page experience in Google Search results
Google Search Central Link best practices for Google
Office for National Statistics Table of contents
Google Search Central 検索エンジン最適化(SEO)スターター ガイド
Yale University Usability & Web Accessibility Headings
Nielsen Norman Group Accordions on Desktop: When and How to Use


コメント