HTMLタグの一種である「hタグ」は、コンテンツの構造を検索エンジンやユーザーに正しく伝えるために使われています。
hタグを正しく伝えることで、記事の概要やその答えなどがわかりやすくなるため、積極的に使いたいものです。
そこで、この記事ではhタグが何かに加えて役割や効果、使い方のルールなどをご紹介します。
SEOにおいても重要な「hタグ」とは
hタグは、WEBページのコンテンツテーマを表しているHTMLタグです。
hタグの「h」は、headingの頭文字で見出しを意味しています。
見出しの大きさの順にh1～h6まであり、これらをタイトルに付けてページを作成していきます。
ここでは、hタグの詳しい内容について解説していきます。
見出しに使う「h1」～「h6」タグ
HTMLでは、h1～h6までの見出しタグがありますが、これらにはそれぞれの役割があります。
基本的なルールは、数字が少ないほど階層が浅いが重要度が高くなるということです。
「h1」は、ページ内で最も重要な見出しであり、1ページに1回しか使うことができません。
「h2」は、「h1」の下に使うことができ、サブテーマなどを示すもので、ページ内で複数回使えます。
「h3」より以下は、さらに詳しい内容や情報を提供する際に使い、階層的なコンテンツの整理に用いられます。
・h1（見出し）→1番大きな見出しでタイトルやテーマの使用
・h2（見出し）→2番目に大きな見出しで目次や章
・h3（見出し）→3番目に大きな見出しで各章の内容やポイント
・h4（見出し）→4番目に大きな見出しで補足
・h5（見出し）→5番目に大きな見出し
・h6（見出し）→6番目に大きな見出し
このようなルールに従ってタグを使うことで、見出しだけで記事の内容がわかりやすくなり、検索エンジンもページの内容が理解しやすくなります。
ユーザーにページの内容が伝えやすい
hタグを使うことで、検索エンジンのクローラーやユーザーにページの内容を伝えやすくなります。
SEOにおいて、見出しタグは内部対策に該当する部分です。
簡潔に情報を得るための検索なので、h1～h6までの見出しを決めておくことで知りたい情報が記載されている部分をわかりやすくでき、読みたい部分を簡単に閲覧できるようになります。
見出しの確認だけでおおよそのページ内容が把握できるので、ユーザーにとってもストレスを感じずに知りたい情報がわかるでしょう。
見出しを正しく設定すれば記事を隅々まで読まないユーザーにも効果的で、使いやすいページはGoogleからも評価されやすいのでSEO評価の向上も期待できます。
整理されてわかりやすくなったことで、ユーザーにページの内容をスムーズに伝えられるでしょう。
不適切なタイトルリンク表示が防げる
hタグの設定によって、予期せぬタイトルリンクが検索結果に表示されることを防げます。
タイトルリンクは、Google検索時に表示されている見出しやWEBタイトルのことで、ユーザーの流入数や表示順位で変わることがあります。
検索結果には、タイトルタグで設定した内容が反映される仕組みですが、その他のテキストが表示されてしまうケースもあるのです。
このようなケースを防ぐには、h1タグは1つだけで、タイトルタグとh1で設定した内容が異ならないように意識するようにしましょう。
見出しとコンテンツの関係性で効果が高まる
SEOでは、コンテンツと見出しの関係性が重要です。
見出しはコンテンツを反映しているものなので、一貫性がなければなりません。
ここで、見出しと本文の内容が一致していない場合は検索エンジンやユーザー側はページの内容について正しく理解ができなくなるでしょう。
見出しを決定する際には、コンテンツの内容に沿った詳しい情報を提供するように選びます。
見出しとコンテンツの整合性が取れていると、検索エンジン側も信頼性が高いと評価してくれます。
さらに見出しタグとなるh1～h6の階層をきちんと守ると、ページ内の情報が整理しやすく、検索エンジンもコンテンツを適切に評価します。
見出しには、最も伝えたいキーワードを盛り込むことで、ページのテーマが明確にできてよりSEO効果も高まるでしょう。
｢hタグ」の基本的な使い方やルール
見出しとなるhタグの設置には、厳しいルールはありません。
ページやコンテンツに合わせた設置を判断することが重要です。
そこで、基本的な使い方やルールについて解説します。
「h1」は1ページ1つまで
「h1」は、ページの全体を表すタグです。
1ページにつき、1つまでの使用となります。
HTML5では、「h1」の複数回使用が認められていますが、Googleでは複数の「h1」タグによってどれが重要なのかが判断できません。
その結果、大見出しとしての価値や重要度が薄くなってしまうのです。
できるだけ1つに決めて、タイトルと同じ意味を持つことを覚えておきましょう。
階層を意識して使う
hタグは、h1→h2→h3→h4という階層順に使っていきます。
そのため、h3→h2→h4という使い方は正しくありません。
まれにデザインを重視して見出しの設定をしてしまうケースもありますが、見出しタグは見出しから内容をわかりやすくするために設置しています。
装飾目的で使うことなく、ユーザーの理解しやすい形に整えるという意識を忘れないようにしましょう。
h2は目次として考える
h2は、目次として考えると良いでしょう。
設定する際にはできるだけ充実した内容になるために、目次を見ただけで中身が伝わるように意識してください。
見ただけで読んでいなくても「◎◎には△」などユーザーが分かりやすい記載をすることがポイントです。
見ただけで項目の内容が理解しやすいように記載することが大切です。
h2を使って内容を分けているだけで、コンテンツの質向上に働いてくれるでしょう。
h5以下はなるべく使わない
コンテンツを制作する際には、できるだけh2～h4までで構成するのが望ましいでしょう。
見出しの階層を深くしすぎると、ユーザーが迷いやすくなります。
その理由は、コンテンツの持つ性質上「じっくり深堀して学びたい」より「ライトな内容を知っておきたい」という方が多いです。
専門的な内容や情報の細かな分析などが必要なケース以外は、h4までに収まるような構成にしてみましょう。
h3～h6までの考え方について
h3～h6までの考え方ですが、基本的な使い方はh2の補足的な役割となります。
例えば「h2：SEO対策のメリットは」→「h3：作業時間短縮」といったように詳細やポイントなどを順番に使用するのが基本です。
h2で記載した内容に対するメリットやデメリットなどを分けて説明したり、例題や注意点などの項目で分けて使ったりするとわかりやすいでしょう。
h4～h6については、さらに細かな部分の補足や例題などに使うのに適しています。
h3の見出しの補足にh4を使うことがありますが、h5やh6に関してはさらなる深堀の見出しなのでサイトによっては使わないケースもあるでしょう。
階層が深くなりすぎると複雑化してしまうので、SEO対策でh5やh6タグを使う機会は少ないです。
見出しタグを使う時に気を付けたいこと
SEOを意識した見出しとなる「h」タグを上手に使うには、基本的な使い方を知っておくのが良いでしょう。
ここでは、見出しタグの使い方について解説します。
適切なキーワードを埋め込む
SEO効果を高めるには、見出し部分に適切なキーワードを含めるようにしましょう。
キーワードによっては文章にしにくい言葉になるケースもありますが、自然で流れるような使い方や配置にすることで効果が得られます。
ユーザーが求めている情報に適した見出しにキーワードが入るように意識すると、検索結果で上位に表示されやすいです。
見出しは長すぎないようにする
見出しの文字数は、SEOを意識している際には32文字を目安にしてみましょう。
30文字より短くなってしまう場合、見出し内のテキスト情報やコンテンツの不足となる一方で、長いと読みにくくなってしまいます。
特にh1の場合は、文字数の長さによって検索結果表示画面でタイトルやテーマが全て表示されないというケースもあります。
見出しやコンテンツなどでは、情報量に過不足がないように見ただけで内容が理解できるように32文字を目安に考えてみましょう。
ターゲットに合った言葉を使う
h1の見出しを作る際には、ターゲットに適した言葉を選ぶようにしましょう。
年齢によって言い方が異なる場合、ターゲット層に合わせた言葉選びが重要です。
例えば「おにぎり」「おむすび」、「大判焼き」「今川焼」はどちらも同じ意味ですが、地域によって一般的に使う言い方が異なります。
他にも「パンツ」や「ズボン」なども同じ意味ですが、年代によっては違うものを意味することがあります。
このような言葉選びに関しても、SEOで事前に決めたターゲット層を考えて適した言葉を使うようにしましょう。
具体的な数字は関心を引く
SEOを意識した見出しを設置したいなら、ユーザーの関心を惹きつけやすい数字を用いるのが効果的です。
見出しは単純にコンテンツの内容を伝える意味があるだけでなく、ユーザーがクリックしたくなるようなものにするのもポイントです。
そこで積極的に使いたいのが数字でしょう。
具体的な数字は視覚的に目を引きやすく、より具体的に伝えるためにも効果的です。
例えば「○○になりやすい確率は△％って本当！？」「簡単なSEOテクニック○選」などはわかりやすく伝えたい時にも便利でしょう。
結論を最初に配置して注目させる
サイトやコンテンツによっても変わってきますが、見出しでは結論を先に配置してから検索ニーズの高い見出しにするのがおすすめです。
「人気のラーメン店の見分け方」よりも「人気ラーメン店5選！」となる方がニーズの多い見出しになり、ユーザーからは検索してもらいやすいでしょう。
さらに見出しの前に「【地域名】」を入れると、より詳しく検索したいユーザーに適しています。
数字やカッコなどを上手に組み合わせることで、目立たせることもできます。
理解しやすい言葉を使う
ユーザーからコンテンツの内容をスムーズに理解してもらうには、できるだけわかりやすい言葉を用いることも忘れないようにしましょう。
キーワードに指定されていない場合、できるだけ普段目にしがちな言葉に置き換えて説明するように心掛けてください。
専門用語を羅列してしまうとそのことについてこれから知りたい方に難しいという印象を与えがちになってしまい、コンテンツに目を向けることを諦めてしまうかもしれません。
また、一目で理解できないものは初心者向けとは言い難くなってしまいます。
多くの人が理解しやすく、専門用語になりすぎないような言葉選びをするように心掛けましょう。
hタグはalt属性で設定する
hタグは、テキスト以外にも設定可能なので画像にも設定できます。
しかし、基本的にはhタグにはテキストを設定するのが一般的なので画像挿入はおすすめできません。
もし、hタグに画像を設定した場合検索エンジンロボットが情報をうまく読み込めず、何も情報がない空白としてhタグを認識してしまうからです。
検索エンジンにも認識されない場合は、SEO対策として万全とは言い難くなってしまいます。
そのため、hタグに画像を入れたい場合はalt属性を使うようにしましょう。
alt属性とは、画像をWEBサイトに表示させる際にテキストを指定できるHTMLです。
alt属性を使うことで、画像の情報を検索エンジンロボットに正しく伝えられます。
関心を引きやすい表現を意識する
hタグでSEO効果を発揮するには、ユーザーの関心を引きやすいように意識しましょう。
ユーザーが思わずクリックしたくなるようなキャッチーな見出しを用いたり、質問や問いかけのような言葉を使ったりするのもおすすめです。
例えば「～の方法」「～のポイントを紹介！」などです。
これに加えて、「○○を解決する3つの方法は何！？」など、ユーザーにとって有益な内容になる言葉の組み合わせも重要です。
今回は、hタグの意味や持つ効果について解説してきました。
効果的なSEO対策もできるhタグは、いくつかのポイントを押さえることで検索エンジンとユーザーにとって有益でクリックを促進することができます。
見出しを適切にすることで、コンテンツの整理ができるだけでなく、ページのテーマや重要な情報を伝えられます。
SEOの成果にも大きく関係してくるので、この記事でhタグについて理解を深めてみましょう。
