絞り込み条件を変更する
検索条件を絞り込む

すべてのカテゴリ

1 件中 1 - 1 件表示
カバー画像

h1タグの正しい使い方:SEOとアクセシビリティを両立する実践ガイド

1) h1は「そのページの主役タイトル」役割:ページ全体の主題をひと言で表す見出し。対象:そのページの内容“全体”を要約する文。記事なら記事タイトル、LPならオファーや価値提案、サービスページならサービス名+補足など。一目で理解:初見ユーザーがタイトルだけで「何のページか」分かること。2) 1ページ1つが基本(HTML仕様上は柔軟でもベストプラクティスは一つ)仕様上は複数の見出し構造も可能ですが、実務ではh1は1つに統一が最もわかりやすく、検索エンジン・支援技術(スクリーンリーダー)にも親切。セクション内の見出しは**h2→h3→…**で階層化。飛び級は可読性を落とすため避ける。3) タイトルタグ(title)との違いtitle:ブラウザのタブや検索結果に表示される“文書のメタタイトル”。h1:ページ本文中の“見出し”。揃え方:意味が同じであることが理想。文面は完全一致でなくてもOK(検索意図とブランド表現の都合に合わせて調整)。4) 文面づくりのポイント検索意図と一致:ユーザーが探す語を自然に含める(不自然な詰め込みはNG)。具体性:誰向けに、何を、どんな価値で提供するかを明確に。長さ:短く端的に。必要なら副題はサブ見出しやリード文で補足。独自性:サイト内で各ページごとに一意。同じh1を量産しない。5) 配置と表示の考え方本文の冒頭〜上部に配置:主題を最初に提示。視覚的に最上位:サイズや太さで“最上位の見出し”だと分かるデザインに。ロゴをh1にしない:トップページであっても、原則はページ主題の文をh1にする(ロゴは画像やテキストでも別扱いが無難)。デザイン都合で小さくしたい時
0
1 件中 1 - 1