SEO対策の見出しタグとは【書き方や作成に役立つツールも紹介】

  • 公開日:2024.01.18
  • 更新日:2024.05.27
  • 記事の書き方
  • X
  • Facebook
  • LINE

コンテンツを作成する際、見出しは適切に設置できているでしょうか?
SEO対策において見出しはたいへん重要です。
見出しを付けることで、検索エンジンとユーザーに本文の内容を正しく伝えることができます。

九段さん
見出しってどうやって付ければいいのでしょうか?
no-img2
記事Pro
スタッフ
見出しは「見出しタグ」というタグを用いて付けます。付け方にはルールがあるため、ルール通りに付けることが重要です。

この記事では、見出しの付け方のルールや、SEO対策に有効な見出しの書き方をご紹介します。

【記事監修者】
株式会社BRIDGEA 代表 田端 健一
・通信業界の営業に10年携わり、多くの商品で営業成績日本一を獲得
・独立して「記事作成代行Pro」を運営
・「コンテンツマーケティング」や「コンテンツSEO」「記事作成代行」を行なっています。
・多くのお客様サイトを上位表示に成功。今ではリピート案件多数

SEO特化型の記事外注なら記事作成代行Proへ

1.見出しタグとは?

1.見出しタグとは?
見出しタグとは、Webサイトで見出しを設定するときに使用するHTMLのタグのことです。
HTMLで見出しを記述する際は「h(エイチ)タグ」というものを使います。
「h」は「Heading(表題・見出し)」の略です。

hタグは、ページのタイトルや段落の見出しを設定し、記事の主題や構成を検索エンジンとユーザーにわかりやすく伝える役割を持っています。
hタグはh1〜h6までの6つがあり、正しく使い分ける必要があります。

2.SEO対策に見出しタグが重要な理由

九段さん
記事を検索上位に表示させるためには見出しを適切に付けることが重要と耳にしましたが、なぜ重要なのですか?
no-img2
記事Pro
スタッフ
見出しが重要なのは「検索エンジンとユーザーに記事の内容を適切に伝えるため」です。

記事の内容を適切に伝えることができなければ、検索で上位表示させることはできません。
よって、記事本文と同様に見出しも重要です。

検索エンジンの種類はいくつか存在しますが、日本ではGoogleがシェアの9割を占めています。
そのため、本記事では「検索エンジン=Google」として、解説します。

2-1.検索エンジンに正確なコンテンツの内容を伝えるため

2-1.検索エンジンに正確なコンテンツの内容を伝えるため
見出しタグを活用することで、記事の主題や構成を検索エンジンが正確に理解できるようになります。
Googleは「クローラー」というロボットを使ってWebサイトを巡回し、検索結果に表示させるページの順位を決めています。

クローラーはWebサイトのリンクをたどってページを移動し、収集した情報を検索エンジンのデータベースに保存しています。
ここに保存された情報をもとに、検索エンジンが各サイトを評価し、検索ワードごとの検索結果の順位が決まるという仕組みです。

h1タグは通常「ページの主題」を示し、後続のh2やh3タグは「サブトピックや関連する詳細」を整理するのに使用します。
そうすることで、検索エンジンはページの主要なトピックや関連するキーワードを把握でき、ユーザーが検索したワードに対し、ページをランク付けして表示しやすくなります。

hタグを適切に設定すれば、クローラーにページの内容を正確に伝えることができるため、SEO対策においてhタグは重要な役割を果たします。

2-2.ユーザーに正確なコンテンツの内容を伝えるため

見出しタグには、ユーザーに正確なコンテンツ内容を伝える役割もあります。

Googleは「Googleが掲げる10の事実で、下記の通りユーザー第一という理念を掲げています。

“1. ユーザーに焦点を絞れば、他のものはみな後からついてくる。”

引用:Googleが掲げる10の事実

SEO対策のためには、ユーザーを第一に考えたコンテンツを提供することが重要ということです。

見出しは本文の内容を端的に伝える役割があり、見出しがあることでユーザーは文章が読みやすくなります。
また、hタグを使用すると、本文よりも見出し部分が強調表示され、ひと目で見出しだと理解できます。
さらに、hタグを適切に利用し、ユーザーに正確なコンテンツ内容を伝えることができれば、SEO対策にも有効です。

3.見出しタグの役割と設置ルール

3.見出しタグの役割と設置ルール

九段さん
hタグってたくさんあるんですよね。どうやって使い分ければいいのでしょうか?
no-img2
記事Pro
スタッフ
h1〜h6までそれぞれ役割があります。正しく使わなければ、適切に記事の内容を伝えられないため、使い方を理解しておくのが大切です。

ここからは、h1〜h6までの役割と設置のルールをご紹介しますので、参考にしてください。

3-1.見出しタグの種類

見出しタグは「h1/h2/h3/h4/h5/h6」の6種類があります。
たとえば「有酸素運動 ダイエット 効果」というキーワードで記事を書くとした場合、下記のようにhタグを使用し見出しを書きます。

タグの並べ方例

なぜ上記のような使い分けになるのか、各タグの役割をご紹介します。

3-1-1.h1タグには記事タイトルやテーマを書く

3-1-1.h1タグには記事タイトルやテーマを書く
h1タグは1番大きなhタグです。記事のタイトルやページ全体のテーマを記載します。
h1の中には検索キーワードを含めるようにし、本文の内容がわかりやすい端的な文章にすることで、検索エンジンとユーザーにそのページで何が語られているのかを伝えることができます。

前述した具体例では「h1 有酸素運動にダイエット効果はあるの?並行しておこなうべき○○を紹介」とし「有酸素運動 ダイエット 効果」というキーワードを含めた内容にしています。

h1タグについてさらに詳しく知りたい方は「h1タグとは?SEO効果と付け方のポイント7つを解説!」も参考にしてみてください。

3-1-2.h2タグは目次・章を分けるときに使う

h2タグの使用は、ページ内の情報の階層を整理する際に欠かせません。
たとえば、h1タグで全体のタイトルを示した後、h2タグで各セクションの見出しを設定します。
これにより、読者は文章をスムーズに追うことができ、特定のセクションに容易にアクセス可能になります。

また、検索エンジン最適化の観点からもh2タグの重要性は高いです。
h2タグを適切に使用することで、検索エンジンはページの内容をより正確に理解し、関連する検索クエリに対して適切なランキングを提供できます。

3-1-3.h3タグは詳細を解説するときに使う

3-1-3.h3タグは詳細を解説するときに使う
h3タグは、h2の内容をさらに詳細に解説するときや、並列する内容を列挙したいときなどに使用します。
前述した具体例の中では、下記のような理由で使用しています。

  • 「h2 有酸素運動とは?」→「h3 有酸素運動は酸素を使って脂肪燃焼する運動」「h3健康面でもメリット大」とh2の詳細を記載。
  • 「h2 有酸素運動がダイエットに効果的な理由」→「h3 理由1◯◯」「h3 理由2◯◯」とh2の内容を複数項目に分けて列挙。

h2のみで説明が完結する場合は、h3を無理に使用する必要はありません。

3-1-4.h4~h6は補足をするときに使う

h4~h6は、h3に対するさらに細かい補足を記載する際に使用します。

サイトによっては、h5とh6は使用しないと決めている場合もあります。
h4の内容をさらに細分化する必要がないことも多く、見出しが細か過ぎるとユーザーにとっては不要なコンテンツと判断される可能性があるため、使用されないケースも多いです。

h5とh6を使用することは可能ですが、ユーザーにわかりにくいコンテンツにならないよう、本当に必要なのかは一度全体の構成を見直して検討することをおすすめします。

3-2.見出しタグの記述方法

h1〜h6まで、記述方法はすべて同じです。

開始タグと終了タグの例

上のように、開始タグと終了タグで見出しとなるテキストを囲みます。

タグは大文字・小文字どちらで記述することも可能ですが、小文字で記述するのが一般的です。
必ず半角文字で記述します。

具体的には、下記のような記述になります。
タグの書き方の例

3-3.見出しタグは順番に使う

3-3.見出しタグは順番に使う
hタグはh1→h2→h3と数字の若い順に使用します。
順序通り使用することで、コンテンツの構造がわかりやすくなります。
h3の中にh2を入れたり、h2の後にh3を飛ばしてh4を記載したりするのは、階層構造が崩れているためNGです。

以下に良い例と悪い例を紹介します。

良いタグの並べ方の例

悪いタグの並べ方例
Googleも「検索エンジン最適化(SEO)スターターガイド」でコンテンツの階層構造の重要性について下記の通り言及しています。

“わかりやすい見出しを使用して重要なトピックを示すと、コンテンツの階層構造が作成され、ユーザーがドキュメント内を移動しやすくなります。”

引用:Google検索セントラル|検索エンジン最適化(SEO)スターターガイド

見出しタグは順番通りに使用し、コンテンツの内容を正しく検索エンジンとユーザーに伝えられるようにしましょう。

4.見出しタグを使うときに抑えたいポイント

見出しタグを使うときに抑えたいポイントを6つご紹介します。
このポイントを抑えれば、検索エンジンとユーザーにコンテンツ内容をわかりやすく伝えることができます。

4-1.見出しタグは使いすぎない

4-1.見出しタグは使いすぎない
見出しタグは使いすぎないように注意しましょう。
見出しタグはあくまで、コンテンツの区切りをわかりやすく伝えることを目的に使用します。
見出しタグを過度に設置すると、ユーザーを混乱させる可能性があります。

Googleも「検索エンジン最適化(SEO)スターターガイド」で、下記のように見出しは過度に使用しないようにと言及しています。

“見出しタグは意味のある場所で使用してください。ページ上の見出しが多すぎると、ユーザーがコンテンツを読みにくくなり、1つのトピックがどこで終了して次のトピックがどこから始まっているのか判断しにくくなります。”

引用:Google検索セントラル|検索エンジン最適化(SEO)スターターガイド

特に「記事のタイトルやページ全体のテーマを伝える」という役割を持つh1タグは、1つに絞るのが望ましい使い方です。

4-2.見出しの文字数は長すぎないようにする

見出しは長文にならないように気をつけましょう。
Googleも「検索エンジン最適化(SEO)スターターガイド」で、非常に長い見出しを使用することは避けるようにと言及しています。

見出しは基本的に13〜15文字程度、長くても20文字程度に収めるのが理想です。
具体例として、Yahoo!ニューストピックスでは人が認識しやすい文字数を考え、見出しの文字数を14.5文字に設定しています。

見出しの文字数は長すぎないように、伝えたいことを要約し端的に書くようにしましょう。

4-3.見出しタグはデザイン目的で使わない

4-3.見出しタグはデザイン目的で使わない
見出しタグをデザイン目的で使用するのは避けましょう。
hタグはあくまでも見出しを示すためのタグです。

hタグを使用すると、太字にしたり色を変えたりできますが、デザインを変える目的で本文内のテキストにhタグを使うのはNGです。

見出しではない所でhタグを使ってしまうと、文章の論理的な構造が崩れてしまいます。
本文内で強調したい箇所は、hタグではなくstrongタグやbタグなどの適切なタグを使用しましょう。

4-4.見出しタグは画像よりテキストが望ましい

見出しには画像を設定することも可能ですが、できればテキストを使用するのが望ましいです。
hタグを画像にしたい場合は、altタグを使用してテキストで画像の説明を記載します。

altタグの使い方について詳しく知りたい方は「SEO対策に効果的な『altタグ』の設定方法を簡単解説」も参考にしてみてください。

見出しに画像を使用すると、テキストとメリハリがつき本文を読みやすくする効果もありますが、推奨はできません。
なぜなら、ユーザーの利用環境などによっては、画像が表示されない可能性もあるためです。

ユーザビリティの観点から、見出しはテキストにすることが望ましいといえます。

4-5.titleタグとh1タグの違いを理解しておく

4-5.titleタグとh1タグの違いを理解しておく
titleタグとh1タグは、違いを理解したうえで使用するようにしましょう。
titleタグとh1タグには、主に下記2つの違いがあります。

  • タグを記載する場所
  • 表示される場所

h1タグはコンテンツ本文を表すタグの中に記載しますが、titleタグはタグの中に記載します。
h1タグのテキストはサイト内で表示されるため、ページを開かなければ見えませんが、titleタグのテキストは検索エンジンにページのタイトルとして表示されます。

これらの違いはありますが「記事のタイトルやページ全体のテーマを伝える」という本質的な役割は同じです。
本質的な役割が同じなため、titleタグとh1タグの内容が同じでも問題はありません。
使い分ける際は、違いを理解したうえで使い分けましょう。

4-6.見出しを使った目次を設置しページ内リンクを付ける

見出しを使った目次を設置しページ内リンクを付けるのも有効な手法です。
見出しタグを用いた目次は、ページの構造を一目で理解できるようにするため、読者の利便性が大幅に向上します。

具体的には、記事の各セクションに対応する見出しを設け、それぞれにページ内リンクを付けることで、読者は興味のある部分に直接ジャンプできます。

たとえば、長い記事の場合、ページ上部に目次を設置し、各見出しにリンクを付けると、読者は必要な情報に素早くアクセス可能です。
これにより、情報を効率的に摂取し、より深く内容を理解することができます。

5.SEO対策に有効な見出しの書き方

5.SEO対策に有効な見出しの書き方

九段さん
見出しの書き方をもう少し具体的に知りたいです。
no-img2
記事Pro
スタッフ
SEO対策に有効な見出しの書き方をご紹介しますので、見出しを考えるときの参考にしてみてください。

ここまでご紹介した見出し設置のルールやポイントを踏まえたうえで、SEO対策に有効な見出しの書き方を5つご紹介します。

5-1.ひと目で本文の内容がわかりやすいようにする

見出しは、ひと目で本文の内容がわかりやすい文章にしましょう。

  • 悪い例:知っておきたいコツ
  • 良い例:知っておきたいダイエット成功のコツ

上記の例の場合、悪い例は何のテクニックが書いてあるのかが本文を読まなければわからないため、良い例の「ダイエット成功の」のように内容を具体的に記載しましょう。

一度記事を書き上げた後に、わかりやすい見出しになっているかチェックするのがおすすめです。

5-2.数字を効果的に使う

5-2.数字を効果的に使う
ユーザーの興味を引くには、見出しに数字を使うのが効果的です。

  • ダイエット成功のための3つのコツ
  • ダイエットにおすすめの食べ物10選

上記のように、見出しに数字を入れることで、ユーザーは何個の解決策や例が提示されるのかを瞬時に把握できます。
「方法」「コツ」「注意点」「ポイント」「事例」といった言葉に数字を組み合わせると、説得力が増すためおすすめです。

5-3.ユーザーの疑問を代弁する

見出しでユーザーの疑問を代弁して、知りたいことが書いてあることを示すとユーザーの興味を引くことができます。

  • 食事制限は効果がある?正しいダイエットの方法とは

上記のように、ユーザーが抱えている疑問を見出しで提示すると、その答えが本文に書いてあることがわかり、ユーザーの興味を引くことができます。

5-4.内容が気になるような意外性を入れる

5-4.内容が気になるような意外性を入れる
意外性のある見出しは、続きが気になるというユーザーの感情を引き出せるため効果的です。

  • 痩せたいなら食事制限しよう!
  • 痩せたいなら食事制限はするな!

上記の場合、1つ目の例は当たり前だと感じますが、2つ目は「どういうことだろう?」と内容が気になるのではないでしょうか。
あえて常識を覆すような内容を提示することで、ユーザーに興味を持たせることができます。

ただし、見出しに反して内容が薄い・結論に納得感が得られない場合、ユーザーが期待を裏切られたと感じてしまうため、使い方には注意が必要です。

5-5.キーワードを適切に入れる

見出しには、検索で上位表示させたいキーワードを適切に入れましょう。

ただし、ユーザーの理解を助けるためにキーワードを含めるのはよいですが、無意味に含めるのは逆効果です。

あまりにキーワードを入れすぎて不自然な文章になってしまうと、ユーザーにわかりにくい見出しになってしまいます。
キーワードはあくまで必然性のあるときに使用しましょう。

キーワードについて詳しく知りたい方は「SEO対策キーワードとは?設定方法と便利ツールをご紹介」も参考にしてみてください。

6.見出し作成に役立つツール2選

6.見出し作成に役立つツール2選
見出しを作るのは、手間のかかる作業です。
よい見出しを効率的に作成するには、便利なツールを使うのもおすすめです。
見出し作成に役立つツールを2つご紹介します。

6-1.ラッコツールズ|見出し(hタグ)抽出

競合サイトの見出しの分析を行いたい際は「ラッコツールズ|見出し(hタグ)抽出」が便利です。
見出し(hタグ)抽出のTOP画像
引用:ラッコツールズ|見出し(hタグ)抽出

  • URL:https://rakko.tools/tools/3/
  • 機能:指定したサイトURL(複数指定可・上限100)の文字数・TITLE・見出しタグを一括抽出、抽出結果のCSVダウンロード
  • 料金:無料

ラッコツールズを使えば、競合サイトがどんな見出しを設定しているかがわかり、自身のサイトの見出し作りの参考にできます。

複数サイトを指定すれば、それらのコンテンツの平均文字数も調べることができ、競合サイトに比べどのくらいの文字数でコンテンツを作成すればいいかの参考にもできます。

6-2.Web ToolBox

Web ToolBoxのTOP画像
引用:Web ToolBox

  • URL:https://web-toolbox.dev/tools/heading-extractor
  • 機能:指定したサイトURL(複数指定可・上限なし)のtitle・meta description・見出しタグを一括抽出、抽出結果のCSVダウンロード
  • 料金:無料

Web ToolBoxは、国内のエンジニアが公開しているWeb開発者向けのツールです。
機能はラッコツールズとほぼ同様ですが、Web ToolBoxは指定するURLの上限がありません。

表示のされ方がシンプルなため、1つのサイトの見出し抽出結果をしっかり分析したい場合は、Web ToolBoxの方が見やすいかもしれません。

7.SEO対策記事の制作は「記事作成代行Pro」におまかせください

記事作成代行Proのトップ画像

九段さん
見出し作りは思っていたよりも奥深いことがわかりました。初心者がよい見出しを作るのはなかなか難しそうですね。
no-img2
記事Pro
スタッフ
ご紹介した設置ルールやポイントを抑えてコツをつかむことができれば、徐々によい見出しを作ることができるようになります。しかし、記事制作をする社内リソースがない、信頼できるプロに記事を書いてもらいたいという場合は、記事制作代行会社に依頼するという手段もあります。

SEOに効果的な記事作成をしたい方は、ぜひ一度弊社「記事作成代行Pro」にご相談ください。

弊社は「心に響くコンテンツ」「SEOを強化する良質なコンテンツ」の作成を得意としています。

「心理学」を応用し、ユーザーの検索意図を見極めた適切な見出し構成を組み立てることに重きを置いており、ユーザーに訴える記事を作成できます。

ほかにも「記事作成代行Pro」には下記のような特徴があります。

  • 専属ライターによる統一感のある記事作成
  • ライター・ディレクター・校閲者の3名体制
  • 多くのライターが「検索1位」の実績保持者
  • 新規割引や継続割引などの豊富な割引制度
  • 文字単価4.5円~の選べる5つのプラン
  • ニーズに合わせて追加できる5つのオプション(WordPress入稿、画像挿入、画像文字挿入、SEOコンサルティング、図解作成)

より詳しいサービス内容は、公式サイトからご確認いただけます。
SEO特化型の記事外注なら記事作成代行Proへ

8.まとめ

見出しは、検索エンジンとユーザーの両方に正しい情報を伝えるために重要です。
適切な見出しをつけることで、読みやすい記事になります。

見出しを使う際は、見出しタグの役割と設置のルールを理解し、正しく見出しタグを使用する必要があります。
書き方のポイントを抑えれば、SEO対策に有効な見出しを作成することが可能です。

効果的な見出し作りをはじめ、ユーザーファースト&SEOに効果的な記事作成をご希望の方は、弊社「記事作成代行Pro」の利用もご検討ください。

  • X
  • Facebook
  • LINE
ご相談お待ちしております

お電話受付時間平日:10時~18時

0120-963-404