htmlタグ｜h1～h6 見出し

ホームページ（ウェブサイト）制作において、コンテンツの階層構造を示し、ユーザーと検索エンジンの両方にページのテーマやセクションごとの要点を伝えるために使用されるh1〜h6タグ（見出しタグ）は、サイトの品質を決定づける非常に重要な要素です。

かつてのホームページ制作では、単に文字を大きくしたり太くしたりするデザインの目的で、文脈に関係なく見出しタグが使われることがありました。しかし、ウェブ標準が進化し、検索エンジンのテキスト解析技術が高度化した現在において、見出しタグは文書の論理的な構造（アウトライン）を形成するための意味論的（セマンティック）な役割へと厳格に定義されています。

事業用のホームページ（ウェブサイト）で集客を最大化するためには、この見出し構造の最適化が大きな意味を持ちます。検索エンジンのクローラーは、ページを解析する際にh1からh6までの見出しタグを読み取り、コンテンツの全体構造と各セクションで語られているテーマを抽出します。そして、そのページがユーザーのどのような検索意図に応えるものかを判断します。つまり、論理的に整理された見出し構造は、SEO評価を高めるための強固な土台となります。

さらに、音声読み上げソフト（スクリーンリーダー）を利用するユーザーにとっても、見出しはページ内を素早く移動（ナビゲーション）するための目印として機能します。ユーザーは見出しだけを拾い読みして、自分が必要とする情報がどこにあるかを判断します。視覚的なデザインだけでなく、情報構造としての正しさが、すべての人に的確に情報を届けるための前提条件となります。

HTML5が策定された時代には、新しいアウトラインアルゴリズムという概念が提唱され、見出しの扱い方に関して一時的に新たなルールが導入されました。しかし、現在のHTML Living Standardにおいては、ブラウザの開発ベンダーがそのアルゴリズムを実装しなかったという歴史的背景から、仕様が現実的な形へと見直されています。

本ページでは、h1〜h6タグの最新の標準仕様に基づき、過去の認識からアップデートすべきポイントの指摘とリライト、そしてSEOやアクセシビリティを向上させ、集客に強い事業用ホームページ（ウェブサイト）を構築する上で知っておくべき正確な仕様と運用方法について詳しく解説します。

h1～h6（見出し）

<h1></h1>　<h2></h2>　<h3></h3>　<h4></h4>　<h5></h5>　<h6></h6>

ホームページ制作（ウェブサイト制作）の際に使用する<h1>～<h6>タグについてのご説明です。

ホームページ制作において<h1>～<h6>タグはHTML文書の中の「見出し」を指定します。

<h1>～<h6> 見出し（レベル1～6）

headline、heading。見出し。<h>タグは<h1>～<h6>の6階層で、数字は順位になります。
数字が大きくなるにつれて下位の見出しになります。

<h1>～順に、大見出し、中見出し、小見出し…とウェブページ内の文章の見出しを指定します。

文章構造の編(部)・章・節・項・目のような階層（のタイトル）を指定します。

原則、太字で前後に余白ができます。CSSで各<h○>を装飾します。

HTML5のアウトラインアルゴリズムの頓挫と現在の仕様

現在、HTMLの標準仕様はWHATWGが管理するHTML Living Standardへと完全に移行しています。HTML5が発表された当初、sectionタグやarticleタグを用いれば、ブラウザが自動的に文書の階層（アウトライン）を計算してくれるというアルゴリズムが提唱されました。しかし、この機能は主要なブラウザや支援技術に実装されることはありませんでした。そのため現在では、見出しタグのレベル（h1からh6までの数字の順番）によって文書のアウトラインを構成することが、再び公式な仕様として強く推奨されています。

1ページにおけるh1タグの適切な使用回数

上記のアウトラインアルゴリズムの構想があった時代には、「sectionタグで囲めば、1つのページ内にh1タグを何度配置しても階層が正しく計算される」という解釈が広まりました。しかし現在の仕様や実務上のベストプラクティスにおいては、この考え方は推奨されません。h1タグは「そのページ全体の主題」を表す最も重要な見出しであるため、原則として1ページにつき1回だけ使用します。それ以下の階層には、h2、h3と順番に見出しレベルを下げていくことで、検索エンジンや音声読み上げソフトに対して、文書の構造を正確に伝達します。

見出しはページの文章のかたまりを一行で示す

ホームページ制作で設置する見出しは、そのページの中のあるセクションにおいて、文章のかたまりがどのような内容であるかを示す重要な項目です。

一般的な文書であっても、見出し、小見出しは、そのセクションの文章の概要を示し、その文書がどのような内容かをおおまかに伝える良い指針になります。

可読性の低いホームページ（ウェブサイト）において、見出しはきわめて重要です。ほとんどWebのユーザーはまずはタイトルや大見出しなどの見出しを見て、そのコンテンツが貴重な時間を割いてまで読む価値があるものかどうかを判断し、コンテンツを読み込んでいきます。この部分に関して装飾的な見出しよりも、内容を簡潔な見出しのほうがユーザー評価も高い傾向にあります。

見出しは簡潔かつ内容を直接説明するような分かりやすいものにし、文章量が多い場合には、その量に応じて、大見出し、中見出し、小見出しをつけ、斜め読みでもコンテンツ全体を把握できるよう考慮すると良いでしょう。また見出しは、SEOにも大きく影響を与えますので、ユーザー目線とSEO目線の両方が大切になります。

セマンティックHTML Webページの論理構造の明確化で「意味」を構築

見出し付けもSEOの基本

この見出しタグも、SEO（検索エンジン最適化）において重要項目の一つです。検索エンジンにおいて、検索キーワードにマッチした内容のページかどうかの判断基準として、文書中の各セクションの見出しとキーワードに関連性があるかどうか、ということは一つのわかりやすい目安になります。

SEO、つまり該当ページの記載内容がどのようなものかを検索エンジンに伝えるという意味では、html文書の見出し指定も、タイトル指定と同様にSEOの大原則になります。

見出しレベル（階層）をスキップしない厳格なルール

文書構造を正しく保つためには、見出しの階層を飛ばさずに順番に使用します。たとえば、h2タグの次の小見出しとして、デザインが好みだからという理由でh4タグをいきなり使用することは仕様違反に近い扱いとなります。h2の次は必ずh3を使用し、さらにその中を細分化する場合にh4を使用します。論理的なツリー構造を構築することで、クローラーはページの情報がどのように分類されているかを正確に把握しやすくなります。

スクリーンリーダーでのナビゲーションとしての役割

適切にマークアップされた見出しタグは、視覚に障害を持つユーザーがページを閲覧する際の重要な道しるべとなります。音声読み上げソフトには、ページ内の見出しだけをリストアップし、目的のセクションへ直接ジャンプする機能が備わっています。

階層が崩れていたり、見出しタグが適切に使われていなかったりすると、このジャンプ機能が正常に働かず、ユーザーは膨大なテキストを最初から最後まで聞かなければならなくなります。すべての人に快適な閲覧体験を提供するために、意味論的なマークアップを徹底します。

事業用ホームページにおける見出しのライティング

タグの仕様やルールだけでなく、見出しタグの中にどのようなテキストを記述するかも、Webマーケティングの成果を左右する大きなポイントです。

検索意図を満たすキーワードの自然な配置

検索エンジンは、見出しタグに含まれるテキストを、そのセクションのテーマとして重視します。そのため、事業のターゲット層が検索しそうなキーワードを、見出しのテキスト内に自然な形で含めることがSEO対策として有効です。ただし、不自然にキーワードを詰め込むとスパムと判定されるリスクがあります。ユーザーが目次を読んだだけでページ全体の概要が理解できるように、簡潔で分かりやすい言葉を選んで記述します。

デザイン目的での見出しタグ使用の禁止

文字を大きく目立たせたいという視覚的な理由だけで、見出しではない単なる強調テキストにhタグを使用してはいけません。見出しとして意味を持たない箇所にhタグを使用すると、文書構造にノイズが混ざり、検索エンジンの評価を分散させてしまいます。文章中の特定のキーワードを目立たせたい場合は、strongタグやemタグを使用し、文字の大きさや装飾はすべてCSSでコントロールすることが、現代のホームページ（ウェブサイト）制作における基本ルールです。

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

ホームページ制作・SEOの1ポイント

文章の見出しの設定は、ホームページ制作におけるSEOの基本です。ページ内に設置された文章の中にセクションごとに見出しがあることで、読むユーザーも検索エンジンも、大まかな内容やテーマがわかりやすく、文章全体を理解することに役立ちます。

ホームページ（ウェブサイト）制作・作成に役立つHTMLタグ一覧は
⇒html5 tag reference index ホームページ制作の基本タグ

ホームページ（ウェブサイト）のHTML編集方法

ホームページのHTML編集方法について。ホームページ（ウェブサイト）は基本的にHTMLで構成されています。かつてはHTML単独でHTMLの文書スタイルを設定していましたが、現代ではページの基本構成はHTMLで、外観はスタイルシート・CSSで設定されています。ホームページ制作・作成、ホームページ修正の基本はこのHTMLとCSSの編集で行います。

ホームページのHTML編集方法