h1タグの書き方｜効果的な設定と避けるべきポイント

現在のGoogle検索は進化しており、hタグの順番が多少前後していても内容を理解できます。そのため、形式にこだわりすぎて修正に過度な工数をかける必要はありませんが、基本のルールを押さえておくことは大切です。

本記事では、h1タグを設定する際の具体的な注意点を解説します。

h1タグの概要については以下の記事をご覧ください。

• 関連記事：HTMLのh1タグとは？役割を解説

h1タグを記述する場所と基本的な書き方

h1タグは、そのページの「主題」を示す最も重要なタグです。通常はページの冒頭に一度だけ使用し、HTMLコード上では以下のように記述します。

<h1>ここにタイトルを入れる</h1>

ウェブサイトの階層構造に合わせて、ページの最も高い位置に設置するのが一般的です。

効果的な3つの設定ルール

ユーザーにとってわかりやすいページを作成するために、以下の設定ポイントを守りましょう。

1ページに1つだけ設置する

1つのページに複数のh1が存在すると、ユーザーが「そのページで何が一番重要なのか」を判断しづらくなります。

最も伝えたいテーマを1つに絞って設定してください。

画像を使用する場合はalt属性を入れる

サイトのロゴ画像などをh1にする場合は、画像の説明テキストである「alt属性」に必ずキーワードを含めます。これにより、画像であっても検索エンジンに内容を伝えることができます。

記述例：

<h1>

<img src="logo.png" alt="株式会社シンメトリック">

</h1>

重要なキーワードを左側に寄せる

メインとなるキーワードは、可能な限りh1の冒頭（左側）に近い位置に配置しましょう。

ユーザーが検索結果からページに訪れた際、自分の探している情報があることを即座に認識しやすくなります。

避けた方がいい4つのポイント

h1タグを設定する際、誤った使い方をすると情報の整理を妨げる原因になります。

以下の4つのポイントに気をつけましょう。

キーワードの詰め込み 

検索順位を上げようとして、不自然にキーワードを羅列してはいけません。検索順位を意識しすぎて不自然な文章になると、ユーザーは「宣伝色が強い」「怪しいサイトだ」と感じやすいです。あくまで読者が読んで理解しやすい自然な文章を心がけてください。

全ページ同じh1にする

サイト内の全ページで同じh1を使用していると、Googleはそれぞれのページが何について書かれているのか個別に判断できません。

各ページ固有の内容を反映させましょう。

ページ内のすべての見出しをh1にする

h2やh3で構成すべき中見出しや小見出しをすべてh1で記述することは、情報の構造を壊す行為です。

正しい階層を守ることが大切です。

論理的な階層構造を守らない

h1（主題）から始まり、次にh2（大見出し）、その次にh3（中見出し）という順番で使いましょう。

もし「文字を大きく見せたい」「見栄えを調整したい」という場合は、HTMLタグではなくCSS（スタイルシート）で調整しましょう。フォントサイズや太さをCSSで指定すれば、検索エンジンに正しい文書構造を伝えつつ、ユーザーにとって理想的なデザインを実現できます。

ANATOMYでh1タグを確認する

自社のサイトがh1タグを含めて、正しい階層構造でhタグを設定できているかは、ツールを使って確認するのが効率的です。

Webサイト分析ツールの「アナトミー」を使用すると、各ページのhタグがどのように設定されているか、キーワードが含まれているかをすぐ確認できます。

まとめ

h1タグは、ユーザーにページの主題を伝えるための重要な要素です。1ページに1つ、重要なキーワードを前方に含めて正しく設置しましょう。

まずは自社サイトの主要なページで、h1タグが正しく設定されているか確認してみることから始めてみてください。