1) h1は「そのページの主役タイトル」
役割：ページ全体の主題をひと言で表す見出し。
対象：そのページの内容“全体”を要約する文。記事なら記事タイトル、LPならオファーや価値提案、サービスページならサービス名＋補足など。
一目で理解：初見ユーザーがタイトルだけで「何のページか」分かること。
2) 1ページ1つが基本（HTML仕様上は柔軟でもベストプラクティスは一つ）
仕様上は複数の見出し構造も可能ですが、実務ではh1は1つに統一が最もわかりやすく、検索エンジン・支援技術（スクリーンリーダー）にも親切。
セクション内の見出しは**h2→h3→…**で階層化。飛び級は可読性を落とすため避ける。
3) タイトルタグ（title）との違い
title：ブラウザのタブや検索結果に表示される“文書のメタタイトル”。
h1：ページ本文中の“見出し”。
揃え方：意味が同じであることが理想。文面は完全一致でなくてもOK（検索意図とブランド表現の都合に合わせて調整）。
4) 文面づくりのポイント
検索意図と一致：ユーザーが探す語を自然に含める（不自然な詰め込みはNG）。
具体性：誰向けに、何を、どんな価値で提供するかを明確に。
長さ：短く端的に。必要なら副題はサブ見出しやリード文で補足。
独自性：サイト内で各ページごとに一意。同じh1を量産しない。
5) 配置と表示の考え方
本文の冒頭〜上部に配置：主題を最初に提示。
視覚的に最上位：サイズや太さで“最上位の見出し”だと分かるデザインに。
ロゴをh1にしない：トップページであっても、原則はページ主題の文をh1にする（ロゴは画像やテキストでも別扱いが無難）。
デザイン都合で小さくしたい時：視覚は小さくても意味論上はh1。見た目と意味は切り分ける。
6) LPやSPAでの実務Tips
長い1ページLP：ページ全体の主題を示すh1は1つ。セクションの見出しはh2/h3で構造化。
SPA/動的ページ：URLごとに表示が切り替わる場合、表示中の“仮想ページ”に相当する領域にh1を1つ。履歴管理やメタ情報の更新と合わせて整合を取る。
7) アクセシビリティの観点
スクリーンリーダーの道標：h1があると文書構造を把握しやすい。
視覚的に非表示にする場合：意味上はh1のまま。単に“見えない”だけだと誤解されないよう、別の視覚的タイトルを近くに用意するのが親切。
言い回し：内容を端的に示す“文”。キャッチコピー的な抽象語のみは避け、必要ならサブコピーで補う。
8) よくあるNG
複数のh1を乱立：セクション見出しまでh1にする。
サイト全ページが同じh1：検索エンジンにもユーザーにも不親切。
段落や長文を丸ごとh1：見出しは“見出しの文”。本文は本文で書く。
装飾目的のh1：太字や大きさのためにh1を使うのはNG（スタイルと意味は分離）。
キーワードの不自然な列挙：読みやすさと自然さを最優先。
9) チェックリスト（公開前にサクッと確認）
そのページにh1はちょうど1つか。
titleと意味が揃っているか。
検索意図に合う語を自然に含んでいるか。
サイト内で一意のh1になっているか。
見た目でも最上位見出しと分かるか。
h2/h3…の階層が崩れていないか。
LP/SPAでも主題＝h1が明確か。
10) まとめ
h1は“ページの主役タイトル”。1ページ1つを守り、検索意図と一貫する端的な文で、上部にわかりやすく配置。デザインや構築手法に左右されず、意味論（セマンティクス）と階層構造を丁寧に保つことが、SEOとアクセシビリティの土台になります。
