ブログ記事の見出しタグ（h1,h2,h3）のルールと使い方【ワードプレステーマ別に見る】

アドセンスアフィリエイトのためのブログ記事の書き方の中で見出しを先に決める話をしましたが、見出しには「タグ」というものを使います。

パソコンでいう「タグ」とは「ｈ１」「ｈ２」などのｈｔｍｌタグのことです。

ｈｔｍｌというのはｗｅｂページを作成するのための「言葉」で、

ｈｔｍｌタグとは、これはこういう意味なんですよ～と示す印のことです。ただ、ブログ記事で必要になるタグはさほどないので安心してくださいね。

ここでは一番重要な「見出しタグ」の使い方について解説します。

見出しタグを理解することで、グーグルの評価も上がりますし、読者からも読みやすいサイトとなります。

ＷＥＢサイトとは

見出しタグについて理解する為に、そもそも、ＷＥＢサイトはどういうものなのかという話をします。

これは簡単に言えば、サイトは１冊の本です。

あなたのブログ全体を１冊の本だと考えるとブログタイトルは「本の題名」

記事タイトルは「目次（大見出し）」となります。

そして本文の中に読みやすく区切られた「中見出し」「小見出し」があります。

１つのサイトを１冊の本だと考えると、

グーグルが、より専門的で深い特化型のサイトを高く評価するのがうなずけます。

本屋さんに行って、知りたいことがあったとき、何でもかんでもごちゃ混ぜに書いてある本よりも、知りたいことがしっかり書いてある本を手に取りませんか？

見出しタグを使うルール

見出しタグには

ｈ１、ｈ２、ｈ３、ｈ４、ｈ５、ｈ６と６段階あります。

ｈ１が一番重要で、数字が増えるにつれて重要度が下がります。

見出しタグを使うときは、このように、ｈ１の下にはｈ２、ｈ２の下にはｈ３という風に入れ子式になるようにします。

ｈ１の次にｈ３が来てしまうのは、へんてこな構造になります。また、ｈ３の入れ子にｈ２というのもおかしいです。

ｈ１やｈ２タグを使うと、文字が大きくなったりと見た目のイメージが変わりますが「装飾」のために使うと、グーグルのロボットが見たときに不自然な作りになるので厳禁です。

ｈ１タグは１ページにひとつ

ブログタイトルは、本の題名なので「title」タグというものが使われています。

こちらは何も設定しなくても、タイトルを決めた時点で設定されているので気にしなくて良いです。

記事の中で一番重要なものにｈ１タグを使います。

「ｈ１」タグは１ページに１個だけ使います。

ｈ２以下のタグの使い方

「ｈ２」以下は何度使っても良いいのですが、ワードプレスのテーマの種類によって、記事タイトルが「ｈ１」に設定されている場合と、「ｈ２」に設定されている場合があります。

記事タイトルはページの中で最も重要なものです。

タイトルが「ｈ１」のときは本文の見出しに「ｈ２」を何回も使ってもいいのですが、もし「ｈ２」で設定されているテーマの場合、本文中の見出しに「ｈ２」を使うのは不自然になります。

記事タイトルと同じくらい重要なものが何度も出てくるのは変ですよね。

その場合は、文中の見出しタグは「ｈ３」からはじめることになります。

ワードプレスの見出しタグ

なんとなくタグについては分かったでしょうか。

ワードプレスで見出しを付ける場合、「ビジュアルモード」にすれば簡単に設定できます。

段落をクリックすると見出しを入れる表示が出ます。

見出し１→ｈ１

見出し２→ｈ２

見出し３→ｈ３

と対応しています。

見出しを付けたい文字を選択した状態で、「見出し３」を選んでみます。

「テキストモード」で確認すると、「<h3>これは見出しです。</h3>」のように表示されます。

スティンガーやマテリアルの見出しはｈ２から

ネアドアでもおすすめしているワードプレステーマのスティンガー、マテリアルは、記事タイトルが「ｈ１」に設定されています。

なので、本文中に使う見出しは「ｈ２」から使います。

賢威の見出しはｈ３から

賢威のｈ１はサイトに表示されない部分（header内）に設定されています

記事タイトルはｈ２に設定されているので、本文中の見出しは「ｈ３」から使用します。

テーマの見出しタグの確認の仕方

自分の使っているテーマがどのような設定になっているかはすぐに調べることが出来ます。

自分のサイト上で、右クリックして「ページのソースを表示」をクリックします。

そうすると、あなたのサイトのソースコードが表示されます。

記事タイトルの部分を探し、タグにｈ１、ｈ２のどちらが使われているかを見ます。

きちんと確認して使うことで、グーグルのロボットから見ても「しっかりしたサイト」と見てもらえるので、正しい方法で使うのが良いです。

また、見出しタグを正しく付けることで、目次を表示するTable of Contents Plusを利用することが出来ます。

→作業を効率化するプラグイン

こちらの記事で、Table of Contents Plusのダウンロード方法と基本的な使い方を解説しています。