hタグとは？正しい使い方とSEOとの関係性について

1．hタグの記述方法

基本的なタグ

各タグに指定できる属性

基本的なhタグと各タグに指定できる属性を以上に記載しました。

このタグを必要に応じてコピー＆ペーストし、中に文字を入力すれば見出しをつけることができます。

基本的なタグを用いることで各見出しを作成することができます。また、各タグに指定できる属性を入力することで、見出しの見せ方を変えることができます。

サイトや記事の内容に応じて使い分けてみてください。

2．hタグは順番に配置する

hタグは順番に設置する必要があります。なぜなら、見出しと本文の見え方が変わるからです。記事タイトルがh1タグで示されているので、本文中ではh2タグから使用していきます。

h2タグは主に本文中では中見出しとして活用します。複数回使用し、大見出しであるh1タグで示した問題を解決へと導くような中見出しを作成する必要があります。

h3タグ以降は中見出しを補足するための材料として活用していきます。全部でh6タグまでありますが、全てのタグを使う必要はありません。主にh3タグまで、多く使った場合でもh4タグ程度までの使用に抑えると読者が迷わずに読み進めることができます。

正しく設置したものが以下の写真です。

一方で、h4→h2→h3のような誤った順番でタグを設定すると、以下のような見出しが出来上がります。

小見出しであるh2タグより前にh4タグがきてしまっており、このタグが何を意味するのかわからなくなっています。

読者目線に立った時に「この記事は何を伝えたいのか」がはっきり見えませんよね。

先述したように、Googleはユーザーの利便性を第一に考えています。誤ったhタグの使い方をするだけで、SEO評価は下がってしまいます。

正しい順序でタグを設置することを心がけましょう。

3．h1タグは基本的に1回だけ使用する

h1タグの使用は一度だけ使うことがSEO的にも優れた記事を執筆できます。

h1タグは「タイトル」にあたる部分です。これが何個も存在していると、クローラーはこの記事が何について書いてある記事なのかわからなくなってしまいます。論文や作文で言うならば、題名が2つも３つもある状態です。これでは読者は自分の問題を解決してくれるのか、機械は何について解説しているページなのか理解できないですよね。

また、文字サイズを変更するためにh1タグを使用してしまっているケースも散見します。h1タグの役割を意識せずに設置してしまうと、クローラーにインデックスされないという事態になりかねません。

正しく設置し、正当なSEO評価を受けるようにしましょう。

h1タグと似たもので「titleタグ」があります。titleタグは「検索ページに表示させる言葉」です。

厳密には異なりますが、h1タグで示していることがタイトルであるケースが多いため、同じ内容でも大きな問題はありません。

4．見出し名が長くなりすぎないようにする

見出し名は32文字以内に設定しましょう。これは、Googleの検索エンジンに載った時の最大表示文字数が32文字だからです。

例えば、32文字以内の見出し名であれば「見出し名サンプル」のように文字が最後まで確認することができます。

しかし、32文字を超えてしまうと「見出し名サンプル32文…」のように見出し名を最後まで確認できなくなってしまいます。

文字数オーバーが起こると、以下のように表示されます。

内容はなんとなく予想できるものの、32文字以内に収めていた方が完璧に予測することができると思います。

また、32文字以内に設定することで、読者が考える負担を減らすことができるため、ページを見てもらうハードルが下がります。

見出し名が最後までわからないと、読者は検索エンジンで検索をかけた時に「何について書いてある記事なのか」を一目で認識できなくなります。

ユーザー目線に立った時、タイトルが最後までわかる方がどんな内容なのか想像しやすく、「見てみよう」という気になると思います。

シンプルでわかりやすい見出しを作成し、どういうコンテンツなのか読者が認識できるように心がけましょう。

5．見出し部分だけで記事の内容がわかるようにする

見出し一覧（目次）を設置し、見出しだけで記事の内容がわかるようにしましょう。なぜなら、目次の設置は間接的にSEOに影響するからです。

見出しだけで記事の内容がわかると、ユーザーの利便性は向上します。利便性が向上することでユーザーからの評価は上がり、閲覧される記事になります。

Word Pressで見出しを設定する方法は3つあります。

• プラグインを使用することです。最も簡単な方法で、「Table of Contents Plus」をインストールすることで簡単に見出しを設置することができます。
• 目次自動生成付きのテーマを使用することです。無料テーマのCocoonには目次を自動生成する機能が搭載しています。デザインなどに違和感がある場合はプラグインかHTMLで設置することをオススメします。
• HTMLタグを使うことです。手間はかかりますが、自分好みの見出しを作成することができます。

良質な見出し一覧を設定するには、タイトルにあげた問題を解決できる構成になっているか確認する必要があります。

記事執筆の前に各タグを確認し、h1タグであげた問題を解決へと導くアプローチができているか、関係のない見出しはないか、確認をしてから執筆してみてください。

まとめ

「hタグとは」「hタグの正しい使い方」「SEOとの関係性」について解説しました。

SEO評価を上げるには、ユーザーの目線に立って正しくhタグを設置することが求められます。SEOの本質はユーザーの利便性を高めることです。

Googleのスタートガイドを参考にしつつ、ユーザー目線に立った記事執筆をしていきましょう。