hタグ(見出しタグ)とは?正しい使い方とSEO効果を解説

hタグ(見出しタグ)とは?正しい使い方とSEO効果を解説

hタグ(見出しタグ)とは、Webページの見出しを表すHTMLタグです。h1からh6まであり、文章の構造を示します。適切に使うと、ユーザーは内容を理解しやすくなり、検索エンジンもページの構成を正しく把握できます。読みやすさとSEOの両方に関わる、基本的で大切な要素です。

本記事は、記事やページの構成を整えたいWeb担当者・オウンドメディア編集者に向けて、hタグの意味と役割、正しい使い方、WordPressでの扱いを整理しています。やってしまいがちな間違いや、見出し設計の考え方もあわせて示します。

この記事でわかること
  • hタグ(見出しタグ)の意味と役割
  • h1〜h6の正しい使い方
  • WordPressでのhタグの扱い
  • やってしまいがちな間違いと注意点
  • 読みやすさとSEOを両立する見出し設計

読み終えると、文書構造が整い、読みやすく評価もされやすい見出しを設計できるようになります。

目次

hタグ(見出しタグ)とは?その役割

大きい順に一列に並んだ無地のマトリョーシカ人形

hタグとは、HTMLで見出しを表すタグで、h1からh6まで6段階あります。数字が小さいほど上位の見出しで、文章の階層構造を示します。まずは、hタグの意味と、果たす役割を整理します。

  • hタグの意味とh1〜h6
  • 文書構造を伝える役割
  • SEOとの関係

本セクションでは、hタグの基本と、SEOでの位置づけを解説します。

hタグの意味とh1〜h6

hタグの「h」は、見出しを意味するheadingの頭文字です。h1が最も大きな見出し(ページの主題)で、h2、h3と数字が大きくなるほど、下位の見出しになります。

本や資料の、章・節・項のような関係だと考えると分かりやすいです。h1が章の題名、h2が節、h3が項、というように、内容を段階的に整理します。

文書構造を伝える役割

hタグは、見た目を大きくするための飾りではなく、文書の構造を示すためのものです。どこからどこまでが一つのまとまりかを、見出しの階層で表します。

構造が整っていると、ユーザーは目的の情報を見つけやすく、音声読み上げソフトも内容をたどりやすくなります。見出しは、読み手が内容を把握するための道しるべです。

SEOとの関係

検索エンジンは、hタグを手がかりに、ページの構成やテーマを理解します。見出しが内容を的確に表していると、ページの主題が伝わりやすくなります。

ただし、hタグにキーワードを詰め込めば順位が上がる、というものではありません。あくまで文書構造を正しく示すことが基本です。SEOの全体像はSEO対策とは?わかりやすく基本から実践方法まで徹底解説【2026年最新】で整理しています。

hタグの正しい使い方

大きさの異なる積み木が階層状に整然と並ぶ様子

hタグは、階層を守って使うことが基本です。h1の扱い、順番、見出しの言葉、装飾との区別の4点を押さえると、正しく使えます。

  • h1はページに1つ、主題を表す
  • 順番を飛ばさず階層を守る
  • 内容を的確に表す言葉を入れる
  • 装飾目的で使わない

本セクションでは、4つのポイントを順に解説します。

h1はページに1つ、主題を表す

h1は、そのページの主題を表す最上位の見出しです。原則として、1ページに1つにします。h1が複数あると、ページの主題が分かりにくくなる場合があります。

多くのWordPressテーマでは、記事タイトルが自動でh1として出力されます。本文中でh1を重ねて使わないよう、注意が必要です。

順番を飛ばさず階層を守る

見出しは、h1の次はh2、その下はh3というように、順番を守って使います。h2の次にいきなりh4を使うなど、階層を飛ばすのは避けます。

階層が整っていると、文書の構造が正しく伝わります。見た目の大きさで見出しを選ぶのではなく、内容の親子関係に沿って段階を選びます。

内容を的確に表す言葉を入れる

見出しには、そのまとまりの内容を的確に表す言葉を入れます。見出しだけを拾い読みしても、内容の流れが分かる状態が理想です。

関連するキーワードは、内容を表す自然な見出しの中に含まれていれば十分です。キーワードのために見出しを作るのではなく、内容を整理した結果として関連語が入る形が適切です。

装飾目的で使わない

文字を大きく見せたいという理由で、見出しではない部分にhタグを使うのは避けます。hタグは文書構造を示すものなので、飾りに使うと構造が乱れます。

見た目を変えたい場合は、hタグではなく、文字サイズや太字などの装飾で対応します。構造を表すタグと、見た目を整える手段は、分けて考えます。

WordPressでのhタグの扱い

ノートパソコンと小さな工具が置かれた作業机

WordPressでは、見出しブロックでhタグを設定します。h1がどこで使われるかも、あわせて理解しておきます。

  • ブロックエディタの見出しブロック
  • h1は記事タイトルが担うことが多い
  • 見出しの階層を確認する

本セクションでは、WordPressでの扱いを解説します。

ブロックエディタの見出しブロック

WordPressのブロックエディタでは、「見出し」ブロックを使って見出しを作ります。ブロックの設定で、h2、h3などのレベルを選べます。

本文中の見出しは、多くの場合h2から始めます。ブロックごとにレベルを指定できるため、内容の階層に合わせて選びます。

h1は記事タイトルが担うことが多い

多くのWordPressテーマでは、記事のタイトルが自動的にh1として出力されます。そのため、本文の見出しはh2以降を使うのが一般的です。

本文でh1を選べる場合もありますが、記事タイトルとh1が重複しないよう気をつけます。使っているテーマがh1をどう扱うかを、一度確認しておくと安心です。

見出しの階層を確認する

記事を書いたら、見出しの階層が整っているかを確認します。WordPressには、文書の見出し構成を一覧で確認できる機能があり、階層の乱れに気づきやすくなります。

見出しだけを追って、内容の流れが自然にたどれるかを見ます。順番の飛びや、階層のねじれがないかを点検すると、構造の質が高まります。

hタグでよくある間違いと注意点

積み木の高さや順番が乱れて崩れかけた様子

hタグは、使い方を誤ると構造が乱れます。よくあるのが、装飾目的の使用や、h1の扱い、キーワードの詰め込みです。仕組みを理解しておくと避けられます。

  • 見出しを飾りとして使う
  • h1が複数ある、または適切でない
  • キーワードを詰め込む

本セクションでは、代表的な注意点を整理します。

見出しを飾りとして使う

文字を目立たせたいという理由だけで、見出しではない文にhタグを使うと、文書構造が乱れます。検索エンジンは、そこを見出しと解釈し、内容の把握を誤る可能性があります。

強調したいだけなら、太字などの装飾を使います。hタグは、あくまで見出しとして使うものだと徹底します。

h1が複数ある、または適切でない

h1を本文中で重ねて使うと、ページの主題が分かりにくくなります。記事タイトルがh1になっているテーマで、本文にもh1を置くと、h1が複数になってしまいます。

h1は、ページの主題を表す1つに絞るのが基本です。テーマの仕様を確認し、本文の見出しはh2以降で組み立てます。

キーワードを詰め込む

見出しにキーワードを繰り返し詰め込むのは逆効果です。読みにくくなるうえ、詰め込みによる順位の上昇は見込めません。

見出しは、内容を的確に表すことが第一です。関連する語は、自然な見出しの中に含まれていれば十分で、無理に盛り込む必要はありません。

見出し設計で意識したいこと

整理整頓された机の上でノートを見返す落ち着いた手元

私たちが記事制作の現場で意識しているのは、見出しは「書いた後に付ける飾り」ではなく「書く前に組む骨組み」だという点です。見出しを先に設計してから本文を書くと、構造が整い、内容の抜け漏れも防げます。

よくある相談として、見出しにキーワードをどれだけ入れるべきか、というものがあります。実際には、キーワードの数より、見出しだけを拾って内容の流れが分かるかどうかが重要です。見出しが目次として機能していれば、読み手も検索エンジンも内容を理解しやすくなります。量ではなく、構造の分かりやすさで差がつきます。

また、AI検索の観点でも、見出しで構造が整理されたページは、生成AIが内容を把握・引用しやすくなると考えられます。見出しは、人にもAIにも内容を伝える骨格です。見出しを軸にした記事設計はSEOに強い記事構成の作り方!上位表示を狙う手順とテンプレートを解説もあわせてご確認ください。

hタグに関するよくある質問(FAQ)

hタグに関して、よく寄せられる質問をまとめました。

h1は1ページに1つでないといけませんか?

原則として、1ページに1つにするのが分かりやすい形です。h1はページの主題を表す見出しであり、1つに絞ることで主題が明確になります。技術的にはh1が複数あっても表示されますが、ページのテーマが伝わりにくくなる場合があります。多くのWordPressテーマでは記事タイトルがh1になるため、本文の見出しはh2以降を使うのが安全です。

見出しにキーワードは必要ですか?

内容を表す言葉として、関連するキーワードが自然に入るのは効果的です。見出しは検索エンジンがテーマを理解する手がかりになるためです。ただし、キーワードを詰め込むのは逆効果です。まず内容を的確に表す見出しにし、その結果として関連語が含まれる形が適切です。見出しだけを読んで内容の流れが分かることを、キーワードより優先します。

見出しの装飾(デザイン)はSEOに影響しますか?

見出しの見た目のデザインそのものは、検索順位に直接影響しません。重要なのは、hタグが文書構造を正しく表しているかどうかです。デザインを整えるのはユーザー体験の観点で有効ですが、その際に、見た目のためだけにhタグを使ったり、逆に見出しをhタグ以外で作ったりしないよう注意します。構造はhタグで、装飾はスタイルで、と役割を分けます。

まとめ:hタグは「文書の骨組み」を整える

hタグ(見出しタグ)とは、ページの見出しを表し、文書構造を示すHTMLタグです。階層を守って正しく使うことが、読みやすさとSEOの両方につながります。本記事のポイントは以下の通りです。

  • hタグはh1〜h6で、文書の階層構造を示す
  • h1はページに1つ、主題を表す
  • 順番を飛ばさず、内容を的確に表す言葉を入れる
  • 装飾目的での使用や、キーワードの詰め込みは避ける
  • 見出しは、書く前に組む骨組みと捉える

アマノートは、見出し設計を含めた記事構成の最適化を、コンテンツの質を高める編集とあわせて支援しています。構成づくりや文書構造の整理に迷われている場合は、見出し設計からご相談いただけます。

  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

AMANAUTブログ編集部は株式会社アマノートの運営するブログメディアで、SEOを軸としたコンテンツマーケティングの知見を発信します。一次情報や実務経験に基づく独自性のある記事を通して、読者がすぐに行動へ移せる実践的なノウハウを提供しています。

田中寛大
監修者
一橋大学大学院社会学研究科修了後、政府系法人にてICT専門誌の編集や地方公共団体の情報セキュリティ支援に従事。2019年に株式会社アマノートを設立。SEOを軸としたコンテンツマーケティングの戦略立案・ディレクションを手がけ、これまでに30以上の業種でコンテンツ制作を統括してきた。SEO検定1級取得。近年はLLMO(大規模言語モデル最適化)領域にも注力し、AI検索時代に対応したコンテンツ設計・コンサルティングを提供している。読書メディア「ブッククランチ」や選書サービス「雨音選書」の運営者でもある。
目次