見出しタグ（h1〜h6）の正しい使い方

集客・SEO2026年10月30日読了時間：約3分

記事やページを書くとき、「見出し1」「見出し2」などを選んで使っていると思います。
この見出しは、HTMLでは h1〜h6 というタグで表されています。

この記事では、見出しタグの役割と、正しい使い方を解説します。

1.見出しは内容の区切りを示す

見出しタグは、ページの内容の区切りと、その階層を示すためのタグです。h1 がいちばん大きな見出しで、h2、h3 と数字が大きくなるほど、小さな区切りになります。

<h1>ホームページ制作の流れ</h1>
  <h2>制作は8つのステップで進む</h2>
    <h3>1. 相談・ヒアリング</h3>
    <h3>2. 見積もり・契約</h3>
  <h2>よくある質問</h2>

見出しが正しい順番で使われていると、読む人はページの全体を見渡しやすくなり、知りたいところをすぐに見つけられます。

また、検索エンジンや、画面を読み上げる機能を使う人も、見出しを手がかりにページの構造を理解します。読み上げの機能では、見出しだけを順にたどって、読みたいところへ飛ぶこともできます。

見出しは、文字を大きくするためではなく、内容の区切りを示すために使いましょう。

ブロックエディターでは、「見出し」のブロックを使い、H2・H3 などを選びます。記事のタイトルが h1 になることが多いため、本文の見出しは H2 から始めます。記事の書き方は、WordPressでブログ記事を投稿する方法で解説しています。

※h1 が1ページに2つあっても、すぐに問題になるわけではありません。ただ、ページの主題がはっきり伝わるよう、1つにしておくのが分かりやすい作り方です。

見出しにキーワードを入れた方がよいですか？

内容に合っていれば、自然に入れましょう。キーワードを入れるために、不自然な見出しにする必要はありません。

h4 以下は使わない方がよいですか？

使ってもかまいません。ただ、細かく分けすぎると読みにくくなるため、多くのページは h2 と h3 で足ります。

見出しの大きさを変えたいです。

見出しのタグはそのままにして、デザイン（CSS）で大きさを変えましょう。

自分のページの見出しを確かめる方法はありますか？

ブラウザの開発者向けの機能や、見出しの構造を表示する拡張機能で確かめられます。

見出しタグ（h1〜h6）は、ページの内容の区切りと、その階層を示すためのタグです。

まずは、よく見られているページの見出しが、順番どおりになっているか確かめてみましょう。HTMLの正しい書き方は、HTMLのセマンティックタグとは？で解説しています。

ページの構成や、見出しの付け方で迷っている場合は、浅草Web屋にご相談ください。