コラムColumn

SEOに強い見出しの書き方とは?hタグの正しい使い方・順番・文字数のルールと注意点を解説

「見出しにキーワードを入れたほうがよいと聞くが、どの程度入れればよいのか」「h1は1つだけにすべきなのか」「h2とh3の使い分けがよくわからない」。記事を書く担当者から、見出しに関する質問をよく受けます。

見出しは、記事の骨組みです。読む人が内容をすばやく把握し、検索エンジンがページの構造を理解するための手がかりになります。本文をどれだけ丁寧に書いても、見出しがわかりにくければ、読まれる前に離れられてしまいます。

本記事では、SEOにおける見出しの基本、役割と効果、h1からh6の使い分け、守るべき基本ルール、見出しの書き方、構成の作り方、避けたい例と改善例、設定と確認の方法までを順に解説します。知りたい項目が決まっている方は、下の表から該当の見出しへ進んでください。

確認したいポイント結論詳細
SEOにおける見出しとは?hタグで示す文章の区切りと題名h1からh6までのタグで、文章のまとまりと上下の関係を示します。検索結果に出るタイトルとは別のものです。
見出しにSEO効果はある?内容の理解と読みやすさを助ける見出しだけで順位は決まりませんが、ページの構造が伝わり、読む人が必要な箇所を見つけやすくなります。
h1〜h6はどう使い分ける?h1は主題、h2は章、h3は節h1はページの主題、h2は大きな区切り、h3はその中の論点です。h4以下は補足にとどめます。
守るべきルールは?h1は1つ、順番を飛ばさないなど5つh1は1ページに1つ、レベルを飛ばさない、装飾の目的で使わない、画像にしない、使いすぎないことです。
どう書けばよい?内容を要約し結論が伝わる言葉でその部分の内容を短くまとめ、対策する語句を自然に含め、流し読みでも要点が伝わるように書きます。
構成はどう作る?検索意図から逆算して骨組みを作る検索する人の疑問を書き出し、上位の記事の見出しを確認し、知りたい順に並べてから本文を書きます。
避けたい例は?語句の詰め込みや中身のない見出し同じ語句の繰り返し、内容がわからない見出し、長すぎる見出し、順番が乱れた見出しを見直します。
設定と確認の方法は?編集画面で指定し一覧で確認するWordPressでは編集画面でレベルを選びます。公開後は見出しの一覧を抽出して、構造を確認します。
記事制作とSEOの進め方を資料で確認したい方へ
楽々Editは、検索から売上をつくることを目的に、戦略設計から実行・改善までを一貫して支援しています。サービス内容と支援の流れをまとめた資料を無料でご用意しました。社内での検討材料としてご活用ください。
資料ダウンロードはこちら

SEOにおける見出しとは

見出しとは、文章のまとまりごとに付ける題名のことです。Webページでは、hタグと呼ばれるHTMLのタグで指定します。基本を3つの点から整理します。

hタグで示す文章の区切り

hタグは、h1からh6までの6段階があります。数字が小さいほど、上位の見出しです。h1がページ全体の主題、h2が章、h3が節、というように、文章の上下の関係を表します。

文字を大きくするための装飾ではなく、文章の構造を示すための仕組みです。見た目が大きな文字でも、hタグで指定されていなければ、検索エンジンや読み上げのソフトには見出しとして伝わりません。

タイトルとh1の違い

タイトルと、h1は、別のものです。タイトルは、titleタグで指定し、検索結果や、ブラウザのタブに表示されます。h1は、ページの中に表示される、最も大きな見出しです。

多くのサイトでは、記事の題名が、タイトルとh1の両方に使われています。同じ内容でも問題ありません。検索結果での見え方を重視するタイトルと、ページを開いた人に向けたh1とで、表現を変える運用もあります。タイトルの考え方はSEOに強いタイトルの付け方で解説しています。

見出しは記事の目次になる

記事の冒頭に表示される目次は、多くの場合、見出しから自動で作られます。読む人は、目次を見て、自分の知りたい内容があるかを判断します。目的の箇所へ、直接移動することもできます。

見出しだけを上から順に読んで、記事の内容がわかる状態が理想です。スマホでは、画面が小さく、長い文章を読み続けることが負担になります。見出しを手がかりに、必要な部分だけを読む人が多数です。

見出しの役割とSEOへの効果

見出しは、SEOにどのように関わるのでしょうか。見出しを整えるだけで順位が上がるわけではありませんが、複数の面で成果に影響します。4つの役割を説明します。

検索エンジンにページの構造を伝える

検索エンジンは、ページの内容を理解するために、さまざまな情報を使います。見出しは、どのような話題が、どのような関係で書かれているかを示す手がかりの1つです。

現在の検索エンジンは、見出しがなくても、文章の内容をかなりの程度まで理解できます。見出しにキーワードを入れたかどうかが、順位に直接与える影響は大きくないと考えられています。検索エンジンのためだけに見出しを作る必要はありません。内部の施策の全体像はSEO内部対策とはで解説しています。

読む人が必要な情報を見つけやすくなる

Webの記事を、最初から最後まで順番に読む人は多くありません。見出しを拾い読みして、自分に関係のある部分を探します。見出しがわかりやすければ、必要な情報にすぐにたどり着けます。

読みやすい記事は、最後まで読まれ、関連するページへも進んでもらえます。問い合わせや購入といった成果にもつながります。検索エンジンは、利用者の役に立つページを評価しようとしているため、読む人への配慮が、結果としてSEOにもつながります。

検索結果の表示に使われることがある

Googleは、検索結果に表示するタイトルを、自動で決めています。公式の文書検索結果のタイトルリンクには、決定に使う情報として、titleタグの内容に加えて、ページに表示されるメインの大見出しや、h1などの見出しの要素が挙げられています。

titleタグの内容が適切でないと判断された場合などに、見出しがタイトルとして表示されることがあります。同じ文書には、大きく目立つ見出しが複数あると、システムが混乱する可能性があるとも書かれています。メインの見出しを、ほかと区別できるようにしておきます。

読み上げソフトの利用者の助けになる

画面の内容を音声で読み上げるソフトを使う人は、見出しから見出しへ移動しながら、ページの内容を把握します。見出しが正しく指定されていないと、目的の箇所を見つけるのに時間がかかります。

見出しを正しく使うことは、誰にとっても使いやすいページを作ることにつながります。見出しのレベルが実際の構造と合っていること、内容を表す言葉が使われていることが大切です。

h1〜h6の使い分け

6段階の見出しを、どのように使い分けるかを説明します。実際の記事で使うのは、h1からh3、多くてもh4までです。役割を次の表にまとめました。

タグ役割使い方の目安
h1ページ全体の主題1ページに1つ。記事の題名にあたる
h2章にあたる大きな区切り1つの記事に5〜10個ほど。目次の中心になる
h3h2の中の論点1つのh2の中に2〜5個ほど。必要な場合だけ使う
h4〜h6h3の補足、細かな分類多用しない。箇条書きや表で代えられないか検討する

h1:ページ全体の主題を表す

h1は、そのページが何について書かれているかを表す、最も上位の見出しです。記事であれば、題名がh1になります。対策する語句を含め、内容がひと目でわかる文にします。

サイトのロゴや、サイトの名前がh1に指定されているテンプレートもあります。すべてのページのh1が同じになっていないかを確認します。記事のページでは、記事の題名がh1になっている状態が望ましい形です。

h2:章にあたる大きな区切り

h2は、記事の中の大きな区切りです。本でいえば、章にあたります。目次に並ぶのは、主にh2です。h2を上から順に読めば、記事の流れがわかるようにします。

1つのh2では、1つの話題だけを扱います。複数の話題が混ざっていると感じたら、h2を分けます。検索する人が知りたい内容に、それぞれ1つのh2が対応している状態が、わかりやすい構成です。

h3:h2の内容を分ける論点

h3は、h2の中の論点を分けるために使います。h2の内容が長くなり、複数の観点を含む場合に設けます。「3つの理由」「5つの手順」のように、並列の内容を示すのに向いています。

h2の内容が短い場合は、無理にh3を作る必要はありません。h3が1つしかないh2は、分ける意味が薄いため、h2の本文としてまとめます。すべてのh2に、同じ数のh3をそろえる必要もありません。

h4以下は使いすぎない

h4からh6は、さらに細かい分類に使います。階層が深くなるほど、読む人は、今どこを読んでいるのかがわかりにくくなります。サイトのデザインによっては、h5以下の見た目が用意されていないこともあります。

h4以下が必要だと感じたら、構成を見直す合図です。箇条書きや表で整理できないか、h2を分けて階層を浅くできないかを検討します。内容が多い場合は、別の記事に分けることも考えます。

記事の構成からSEOを見直したい方へ
楽々EditのSEOコンサルティングは、現状の分析から課題の特定、キーワード設計、コンテンツの設計、継続的な改善までを一貫して支援します。料金は100,000円からで、1ヶ月だけの単発プランもご用意しています。
SEOコンサルティングの詳細を見る

見出しタグの基本ルール

見出しには、守るべき基本のルールがあります。HTMLの仕様や、Googleの説明にもとづくものです。5つのルールを紹介します。

h1は1ページに1つを基本にする

h1は、1ページに1つを基本にします。Web技術の解説として広く参照されているMDNの見出し要素のページには、1つのページには、内容を説明する1つのh1を置くのが一般的だと書かれています。

HTMLの標準では、複数のh1を使うことも認められています。h1が複数あるだけで、検索での評価が下がるわけではありません。ただし、ページの主題を明確にする意味で、1つにしておくほうが安全です。先に説明したとおり、検索結果のタイトルに見出しが使われる場合にも、意図が伝わりやすくなります。

見出しのレベルを飛ばさない

見出しは、h1、h2、h3の順に使います。h2の次にh4を使う、h3から始める、といった使い方は避けます。MDNにも、見出しのレベルを飛ばさないこと、という注意があります。

順番の乱れが、順位を直接下げるとは考えられていません。しかし、構造がわかりにくくなり、読み上げのソフトの利用者を混乱させます。目次を自動で作る機能が、正しく動かない原因にもなります。

文字を大きくする目的で使わない

本文の一部を目立たせたいときに、見出しのタグを使うことは避けます。見出しは、その下に続く文章の題名を示すものです。強調したいだけの箇所は、太字や、文字の大きさの指定で対応します。

反対に、見出しにすべき箇所を、太字だけで済ませることも避けます。見た目は見出しのように見えても、構造としては伝わりません。見た目と構造を、一致させることが大切です。

見出しを画像にしない

デザインを重視して、見出しを画像で作る方法があります。画像の中の文字は、検索エンジンに読み取られにくく、文字の大きさの変更や、翻訳の機能にも対応できません。

見出しは、テキストで記述します。装飾は、スタイルの指定で行います。どうしても画像を使う場合は、画像の内容を説明する代替テキストを設定します。

見出しを使いすぎない

2〜3行の文章ごとに見出しを付けると、かえって読みにくくなります。どれが重要な区切りなのかが、伝わらなくなります。目次が長くなりすぎ、全体を把握しにくくなります。

1つの見出しの下に、ある程度まとまった量の本文がある状態を目安にします。見出しの直後に、すぐ次の見出しが続く場合は、間に導入の文章を入れるか、見出しを統合します。

SEOに強い見出しの書き方

ここからは、見出しの文章の書き方を説明します。読む人が、見出しを見ただけで、その先に何が書かれているかを判断できるようにします。6つの点を紹介します。

その部分の内容を短くまとめる

見出しは、その下に続く本文の要約です。「概要」「ポイント」「その他」のような言葉だけでは、何が書かれているのかがわかりません。「費用の相場は月額10万〜30万円」のように、内容が伝わる言葉にします。

見出しと本文の内容が、一致していることが前提です。見出しで期待させた内容が、本文に書かれていなければ、読む人は離れていきます。本文を書いた後に、見出しが内容を正しく表しているかを確認します。

対策する語句を自然に含める

対策する語句や、関連する語句を、見出しに含めます。検索した人は、自分が入力した言葉が見出しにあると、求める内容があると判断しやすくなります。文の前のほうに置くと、目に入りやすくなります。

すべての見出しに、同じ語句を入れる必要はありません。Googleは、順位を操作する目的で語句を詰め込む行為を、スパムとして禁じています。不自然な繰り返しは避け、文章として自然に読める範囲にとどめます。語句の選び方はキーワード選定の手順で解説しています。

結論や答えがわかる言葉を選ぶ

検索する人は、答えを知りたいと考えています。見出しに結論が含まれていると、流し読みでも要点が伝わります。「SEOの効果が出るまでの期間」より、「SEOの効果が出るまでは3〜6か月」のほうが、内容がわかります。

質問の形の見出しを使う場合は、直後の本文で、すぐに答えを書きます。前置きが長いと、読む人は答えを探すことになります。簡潔に答えを示した文章は、検索結果の上部に抜粋して表示される枠に、採用される場合もあります。この枠への表示を、運営者の側で指定することはできません。

数字や具体的な言葉を使う

「いくつかの方法」より「5つの方法」、「短い期間」より「2週間」のほうが、内容が具体的に伝わります。数字が入ると、読む人は、情報の量と範囲を把握できます。

数字は、本文の内容と一致させます。「5つの方法」という見出しの下に、4つしか書かれていない記事は、信頼を損ないます。書き直しで項目を増減させたときは、見出しの数字も必ず直します。

誰が読んでもわかる言葉にする

専門用語や、社内でしか使わない言葉を、説明なしに見出しに使うことは避けます。初めてその話題に触れる人にも、意味が伝わる言葉を選びます。

見慣れない用語を使う必要がある場合は、見出しでは一般的な言葉を使い、本文で用語を説明します。回りくどい言い回しも避けます。短く、言い切る形にすると、読みやすくなります。文章の基本はSEOライティングの書き方で解説しています。

長さは1行に収まる程度にする

見出しの文字数に、Googleが定めた基準はありません。上位の記事では、30字前後から40字以内を目安とする説明が多く見られます。スマホの画面で、2行以内に収まる長さが、読みやすさの目安です。

長くなる場合は、伝えたいことが2つ以上含まれていないかを確認します。含まれていれば、見出しを分けます。短すぎて内容が伝わらない見出しも避けます。h3は、h2より短くまとめると、階層の違いが伝わります。

見出し構成の作り方

本文を書く前に、見出しだけで記事の骨組みを作ります。構成の段階で内容が固まっていれば、執筆は速くなり、抜けや重複も防げます。4つの手順で進めます。

1. 検索する人の疑問を書き出す

対策する語句で検索する人が、何を知りたいのかを書き出します。「見出し+書き方」と検索する人であれば、ルール、使い分け、文字数、例、設定の方法などが考えられます。

主な疑問と、その次に生まれる疑問を、分けて整理します。主な疑問がh2に、次の疑問がh3や後半のh2になります。考え方は検索意図の分析方法で解説しています。

2. 上位の記事の見出しを確認する

対策する語句で検索し、上位に表示されている記事の見出しを確認します。多くの記事に共通している見出しは、検索する人が求めている内容です。自分が書き出した疑問に、抜けがないかを確かめます。

上位の記事の見出しを、そのまま並べるだけでは、同じような記事になります。上位の記事が答えていない疑問や、自社の経験から加えられる内容を探します。それが、記事の独自の価値になります。

3. 知りたい順に並べる

書き出した内容を、読む人が知りたい順番に並べます。最も知りたいことを、前のほうに置きます。定義や背景の説明が長く続くと、答えにたどり着く前に離れられてしまいます。

前の見出しの内容を踏まえて、次の見出しが理解できる流れにします。基本から応用へ、全体から個別へ、という順番が、多くの場合に読みやすい形です。同じレベルの見出しは、表現の形をそろえます。

4. 見出しだけを読んで確認する

並べ終えたら、見出しだけを上から順に読みます。記事の内容と流れが、見出しだけで理解できるかを確認します。同じ内容が重複していないか、話題が途中で飛んでいないかも見ます。

この段階で、ほかの人に見てもらうと、わかりにくい箇所に気付けます。構成が固まってから、本文を書き始めます。記事を作る全体の流れはSEO記事制作の手順とSEO記事の書き方で解説しています。

社内で質の高い記事を作り続けたい方へ
楽々EditのSEO内製化支援は、週1回のオンライン講義、サイトの修正指示書の提供、チャットでの相談を通じて、社内の担当者が自分で構成を作り、記事を改善できる状態を目指します。
SEO内製化支援の詳細を見る

避けたい見出しの例と改善例

よく見られる、見出しの問題を紹介します。自社の記事に当てはまるものがないか、確認してください。例を次の表にまとめました。

避けたい例問題点改善例
SEO対策 見出し SEO 書き方 コツ語句を並べただけで文になっていないSEOを意識した見出しの書き方のコツ
ポイントについて何のポイントかがわからない見出しを書くときの3つのポイント
見出しを書く際に注意しておきたい点と、その理由、さらに具体的な対処の方法について長すぎて要点が伝わらない見出しの注意点と対処法

語句を詰め込んだ見出し

対策する語句を、できるだけ多く入れようとして、単語を並べただけの見出しになる例です。文章として不自然で、読む人に不信感を与えます。すべての見出しに、同じ語句を繰り返す例も同様です。

語句は、文の中に自然に含めます。h2には対策する語句を、h3にはその話題を具体的に表す言葉を使うと、繰り返しを避けられます。同じ意味の別の言葉に言い換える方法も有効です。

内容がわからない見出し

「はじめに」「ポイント」「注意点」「その他」のように、どの記事にも使える言葉だけの見出しです。目次を見ても、何が書かれているのかがわかりません。検索する人の目にも留まりません。

「何の」ポイントなのか、「どのような」注意点なのかを加えます。「見出しを書くときの3つのポイント」のように、対象と数を示すだけで、内容が伝わります。「まとめ」のように、役割が明確な見出しは、そのままで問題ありません。

長すぎる見出し

1つの見出しに、複数の内容を入れようとして、長くなる例です。読点が2つ以上入る見出しは、要点が伝わりにくくなります。目次にしたときに、折り返しが多くなり、見づらくなります。

最も伝えたいこと1つに絞ります。残りの内容は、本文の最初の文で補うか、別の見出しに分けます。見出しは短く、説明は本文で、という分担を意識します。

順番が乱れた見出し

h2の下に、いきなりh4が置かれている。本来はh3にすべき内容が、h2になっている。見た目の大きさで選んだ結果、構造と合わなくなっている例です。

見出しのレベルは、文字の大きさではなく、内容の上下の関係で選びます。見た目を変えたい場合は、デザインの設定を調整します。複数の人が記事を書いているサイトでは、使い方のルールを文書にしておきます。

見出しの設定と確認の方法

最後に、見出しを設定する方法と、公開後に確認する方法を説明します。書いた後の確認まで行うことで、設定の誤りに気付けます。

WordPressなどでの設定方法

WordPressでは、記事の編集画面で、見出しのブロックを追加し、レベルを選びます。記事の題名は、多くのテーマで、自動でh1として出力されます。本文の中では、h2から使い始めます。

本文の中で、h1を選ばないように注意します。題名と合わせて、h1が2つになってしまいます。ほかのCMSでも、考え方は同じです。WordPressでの設定の全体はWordPressのSEO対策で解説しています。

公開後に見出しの構造を確認する

公開した後、見出しが意図したとおりに出力されているかを確認します。ブラウザの拡張機能や、無料のチェックツールを使うと、ページの中の見出しを、レベルとともに一覧で表示できます。

h1が1つになっているか、レベルが飛んでいないか、サイトの共通の部分に不要な見出しがないかを見ます。サイドバーやフッターの項目が、見出しとして出力されていることもあります。ツールの使い方はSEOチェキとはで、選び方はSEO内部対策チェックツールとはで解説しています。

既存の記事の見出しを見直す

過去に書いた記事の見出しも、見直しの対象になります。Search Consoleで、表示はされているのに、順位が伸びていない記事を探します。その記事が表示されている語句を確認し、見出しで答えられているかを確かめます。

表示されている語句に対応する見出しがなければ、見出しと本文を追加します。内容がわからない見出しは、具体的な言葉に書き換えます。見直しの進め方はSEOリライトのやり方で解説しています。

支援の実績を確認してから検討したい方へ
楽々Editの支援では、テレアポ代行で問い合わせ380%アップと商談数3.5倍、IT企業でサイト流入3倍とCV2.5倍、留学エージェントで問い合わせ4倍などの成果が出ています。業種ごとの取り組みの内容をご確認ください。
実績を見る

まとめ

見出しは、hタグで示す文章の区切りであり、記事の骨組みです。見出しだけで順位が決まるわけではありませんが、検索エンジンに構造を伝え、読む人が必要な情報を見つける助けになります。h1はページの主題として1つ、h2は章、h3はその中の論点、という使い分けが基本です。

守るべきルールは、h1を1つにする、レベルを飛ばさない、装飾の目的で使わない、画像にしない、使いすぎない、の5つです。書くときは、内容を短くまとめ、対策する語句を自然に含め、結論が伝わる言葉を選びます。

本文を書く前に、検索する人の疑問から見出しの構成を作り、見出しだけを読んで流れを確認します。まずは、公開済みの記事を1本選び、見出しだけを上から読んで、内容が伝わるかを確かめるところから始めてみてください。

記事とサイトのSEOの課題を無料で診断します
現状の課題をヒアリングし、状況に合わせた戦略をご提案します。「記事を書いても順位が上がらない」「構成の作り方を見直したい」という段階でもご相談いただけます。
無料SEO診断はこちら