こんにちは、はりねずみです。沖縄県でWebサイト制作やWebマーケティングを中心に事業を展開しており、メディアの企画や構築、運営を専門にしています。今回の記事では、Hタグとは何かについて徹底解説していきます。これからブログを頑張りたい方に向けて、順序立ててお話ししていきます。
Hタグとは？
Hタグとは、HTMLで見出しを表すタグで、h1からh6までの6段階があります。
数字が小さいほど上位の見出しで、h1が記事全体の題名、h2がその中の大きな区切り、h3がh2の中の小さな区切りという入れ子の関係になっています。
ここでは、Googleの公式ドキュメント（SEOスターターガイド・タイトルリンクの解説）をもとに、Hタグの基本を3つに分けて解説します。
h1は記事の題名で、WordPressでは自動で付く
h1は、そのページのメインの題名を表すタグです。
ブログネズミが使っているWordPressテーマ（SWELL）では、記事のタイトルが自動でh1になるため、本文の中でh1を書く必要はありません。
Googleのタイトルリンクの解説でも、検索結果に出るタイトルを決めるソースとして、title要素と並んで「h1要素などの見出し要素」が挙げられています。
h2とh3で本文を区切る
本文の大きな区切りにはh2、その中をさらに分けるときはh3を使います。
WordPressのブロックエディタでは「見出し」ブロックを追加すると既定でh2になり、h3以下はブロックの設定で切り替えます。
SEOスターターガイドは、長い文章は段落や章などに分け、全体を見通せるように見出しを付けることをすすめています。
見出しは内容を要約する短い文にする
Googleの「有用で信頼性の高いコンテンツ」のドキュメントには、メインの見出しやページタイトルが内容を要約して説明する有用なものか、誇張していないかを確かめる項目があります。
見出しは目立たせるための飾りではなく、その節に何が書いてあるかを一言で伝える案内板です。
つまり、Hタグは「見た目を大きくする道具」ではなく「記事の構造を読者と検索エンジンに伝える道具」です。
Hタグと「文字を大きくする」の決定的な違い
太字や大きな文字にした行と、Hタグで作った見出しは、画面上では似て見えることがあります。
ただし、役割はまったく違います。
太字や大きな文字は見た目だけを変える
太字や文字サイズの変更は、その行の見た目を変えるだけで、記事の構造を伝えるものではありません。
目次のプラグインやテーマの目次機能は、Hタグを拾って目次を作るため、太字にした行は目次に出ません。
Hタグは記事の構造そのものを伝える
Hタグで見出しを作ると、「この記事はこういう節でできている」という構造が、読者にも検索エンジンにも伝わります。
Googleのタイトルリンクの解説では、ページ上で大見出しが複数あってどれがメインのタイトルか分からない場合に問題が起きると説明されており、構造がはっきりしていることが前提になっています。
見出しにしたい行は、太字にするのではなく見出しブロックにするのが正しい使い方です。
ブログ初心者が一番気にしている「Hタグの順番や数はSEOに効くのか」
Hタグについて多い疑問は、h2の下にh4を置いてはいけないのか、見出しは何本が正解なのか、といった順番と数の話です。
Googleの公式ドキュメントが、この疑問に直接答えています。
順番どおりでなくても検索には問題ない
SEOスターターガイドには、見出しを意味的な順番にすることはスクリーンリーダーにとっては素晴らしいことだが、Google検索にとっては順番どおりに使われていなくても問題ないと書かれています。
ウェブは一般に正しくないHTMLで書かれているため、Google検索がHTML規格の意味に依存することはめったにない、というのが公式の説明です。
順番は検索順位のためではなく、読者と読み上げソフトのために揃えると考えておくと迷いません。
見出しの数に正解はない
同じガイドには、ページごとに魔法の見出し数や理想的な見出し数といったものは存在しないと明記されています。
節の数だけ見出しを立てるのが基本で、数を増やすために内容の薄い見出しを足す必要はありません。
h1は1つにして、メインの題名をはっきりさせる
Googleのタイトルリンクの解説では、同じスタイルや同じ見出しレベルの見出しが2つ以上あって、どれがメインの題名か分からない場合に、検索結果のタイトルが意図と違うものになることがあると説明されています。
WordPressでは記事タイトルがh1になるので、本文の中でh1を使わず、h2から始めればこの問題は起きません。
スポンサードリンク
Hタグの一番の強みは、記事の構成がそのまま目次になることです
Hタグを正しく使うと、書く前に決めた構成が、そのまま読者向けの目次と検索エンジン向けの構造になります。
ここでは、ブログ運営でとくに効いてくる3つの強みをご紹介します。
目次が自動で作られる
WordPressのテーマや目次プラグインは、h2とh3を拾って目次を自動で作ります。
ブログネズミでもテーマの機能で目次を出しており、見出しを直せば目次も同時に直ります。
読者が読みたい節に飛べる
目次から各見出しに飛べるため、読者は自分の知りたい節だけを読めます。
SEOスターターガイドが求める「文章が読みやすく、よく整理されている」状態を、見出しの並びで作れます。
書く前の構成づくりがそのまま使える
記事を書く前に「読者が知りたい順」でh2とh3を並べておけば、本文はその見出しを埋めるだけになります。
見出しの文を先に決めることで、記事のテーマから外れた話を書きにくくなる効果もあります。
Hタグの始め方は？
Hタグの基本が分かったら、次は自分の記事で見出しを見直します。
公開済みの記事があるなら、まず1本を開いて、太字で代用している行がないかを確かめてみてください。
まずは公開済みの記事1本の見出しを目次と見比べる
記事を開いて目次を見ると、h2とh3として認識されている見出しが分かります。
目次に出ていない「見出しのつもりの行」があれば見出しブロックに直し、h2の直下にh4を置いている箇所があればh3に揃えます。
見出しにどんな言葉を使うかは、読者が検索に使う言葉から決めるのが近道なので、こちらの記事もあわせて読んでみてください。
