見出しタグを適切に使おう

見出しタグで重要性を示す


見出しタグ(heading tags。HTMLタグの<head>やHTTP headersとは混同しないようにしてください)

もっとも重要であることを示す<h1>から順に、重要度のもっとも低いことを示す<h6>まで、6種類のサイズがありま す。見出しタグは通常、このタグで囲まれたテキストを普通のテキストに比べて大きく表示させるので、ユーザーがその重要性に気付く視覚的なきっかけとなり ます。

また、その下に続くコンテンツがどのようなものであるかを理解しやすくなります。複数の見出しタグのサイズを使い分けてコンテンツに階層構造を持た せると、ユーザーがページを読み進めやすくなります。

商品紹介を含むページでは、h1タグに商品名を入れ、h2タグに商品のトピックを書くことが一般的です。

見出しタグはユーザーの目を引く重要な部分、使い方に気をつけましょう。

ポイント
コンテンツのポイントを考えよう。目次を作るように、そのページのコンテンツの何が主要なポイントなのか、コンテンツの重要度を考え、見出しタグを使うの に適切な場所を判断しましょう。

ページ構成とは関係なくテキストを見出しタグで囲むことはしない

<em>や<strong>の方が適切だと思われる箇所で見出しタグを使わない

見出しタグのサイズの使い分けを不規則にしない。

ページ全体を通して見出しタグは慎重に利用しよう。見出しタグは使用する意義がある場所で使いましょう。見出しタグがページ内に多すぎると、ユー ザーにとってコンテンツが読みづらくなり、1つのトピックがどこで終わって次のトピックがどこから始まるのか、わかりにくくなります。

ページ内で見出しタグを使いすぎない

ページにあるすべての文章を見出しタグに入れない

見出しタグを構造を示すためではなく、スタイルを整える目的で使わない