ブログの書き方

初心者向け!SEOに強いブログ記事の見出し(h1/h2/h3)の作り方!

初心者向け!SEOに強いブログ記事の見出し(h1/h2/h3)の作り方!

この記事で解決できる悩み

本記事の信頼性

当ブログでは「お金・時間・場所に自由を」をコンセプトに、ブログの始め方やノウハウを発信します。僕のプロフィールはこちら

ブログにおいて、見出しは超重要です。正しく設定することで、読者やGoogleから高く評価され、たくさんのアクセスを集める記事を作れます。

しかし、ブログ初心者の中には、「そもそも見出しってなに?」「どうやって作るの?」といった疑問を持っている人も多いでしょう。

そこで、今回はブログ記事の見出しについて、初心者向けに分かりやすく解説します。

具体的な作業手順も紹介するので、この記事を読めばすぐに見出しを最適化して、読まれるブログ記事を書けるようになりますよ!

うーご

それでは本題に入ります。

ブログ記事の見出しタグ(h1/h2/h3…)とは?

ブログ記事の見出しタグ(h1/h2/h3…)とは?

ブログにおける見出しタグとは、その名の通り「見出しを作るためのタグ」のこと。

もう少し分かりやすく説明すると、記事の話題ごとに付けられた「目次」のようなものです。

見出しタグは、h1〜h6まで存在しており、それぞれ役割が異なります。

  • h1:記事全体のタイトル
  • h2:記事内の大まかな目次
  • h3~h6:記事内の小さな目次

※見出しタグはh1〜h6まで。h7・h8…といった見出しはありません。

上記のイメージですね。

図解すると、ブログ記事では見出しタグを活用して、最終的には下記のような姿を目指します。

ブログ記事の見出し

では、ブログ記事にはなぜ見出しが必要なのか。次章で詳しく解説します。

ブログ記事に見出しタグ(h1/h2/h3…)が必要な理由3つ

ブログ記事に見出しタグ(h1/h2/h3…)が必要な理由3つ

Googleは見出しに対する公式見解として、以下のように発表しています。

Headings give you the opportunity to tell both Google and users what’s important to you and your website. The lower the number on your heading tag, the more important the text, in the eyes of Google and your users.

参照:Official Google Webmaster Central Blog: Holiday source code housekeeping: Website clinic for non-profits

日本語訳すると、『見出しは、GoogleとユーザーにWebサイトの情報を伝えるためのもの。見出しタグの数字が小さいほど重要だと判断される。』といったイメージですね。

上記を含め、ブログ記事に見出しタグが必要な理由は、主に3つあります。

見出し(h1/h2/h3…)が必要な理由

  • 記事が読みやすくなる
  • 検索エンジンに情報を伝えられる
  • ライティングを効率化できる

それぞれ解説します。

①記事が読みやすくなる

見出しタグを使用することで、読者にとって読みやすいブログ記事を作れます。

たとえば、下記画像のようにテキストが並んでいる場合、読みにくい上にすべての文章を読まなければ内容を理解できないですよね。

見出しを使用しない例
うーご

これでは、誰も読んでくれません。

対して、下記のように正しく見出しタグを使いこなすと、全体的に読みやすく、見出しだけで内容がわかる記事にすることが可能です。

見出しを使用した例

結果的に、「読者にとって読みやすい」=「わかりやすく質の高い記事」としてGoogleからも高く評価されるため、間接的にSEOにも影響を与えるといえるでしょう。

②検索エンジンに情報を伝えられる

Googleは、見出しからコンテンツの内容や重要度を読み取っています。

そのため、検索エンジンに正しい情報を伝え、適正な評価を受けるためには、見出しタグを使いこなすことが必須条件です。

逆に、見出しタグを使いこなせなければ、せっかく書いたブログ記事を正しく評価されず、本来あるべき順位よりも低くなってしまう可能性すらあります。

③ライティングを効率化できる

見出しタグをうまく活用することで、ライティング作業を効率化できます。

ライティング作業前にあらかじめ見出しを決めておくことで、書くことに迷うことなく記事を執筆することが可能です。

実際、僕は執筆前に下記のような構成をGoogleスプレッドシートにまとめています。

事前にブログ記事の見出しを設定する

※こちらは「ブログ構成の作り方」に関する記事の構成です。

また、事前に見出しの構成を決めておくことで、余計なことを書くことがなくなるため、一貫性のある記事を作れます。

結果的に記事の質が向上して、読者やGoogleから高く評価されるコンテンツを作れるので、ぜひ実践してみてくださいね。

うーご

効率が悪いように見えますが、なんだかんだ構成を作った方が速く執筆できます!

ちなみに、ブログの記事構成の作り方について、詳しくは『【初心者向け】ブログ記事の文章構成案の作り方【テンプレートあり】』で解説しています。

SEOに強い!ブログ記事の見出しタグ(h1/h2/h3…)の作り方5つ

SEOに強い!ブログ記事の見出しタグ(h1/h2/h3…)の作り方5つ

ここからは、SEOに効果的なブログ記事の見出しの作り方を紹介します。

見出し(h1/h2/h3…)の作り方

  • 本文はh2タグから使う
  • h2〜h6の順で階層を作る
  • 検索キーワードを含める
  • 見出しで記事内容を伝える
  • シンプルにまとめる

それぞれ詳しく解説します

①本文はh2タグから使う

本文は、h2タグから使用しましょう。

なぜなら、h1タグはもっとも重要なタグなので、記事タイトルでのみ使用するからです。1記事にh1タグが2つあると、Googleは「なぜ最重要のタグが2つあるの?」と疑問に思ってしまいます。

そのため、記事本文の見出しは、下記のようにh2〜h6のみで構成してください。

記事本文はh2~h6タグのみ使用する

②h2〜h6の順で階層を作る

見出しタグは、h2〜h6の順で階層構造を作りましょう。

なぜなら、使用する見出しがバラバラだと、記事内容が伝えにくくなるからです。特に、Googleはh1〜h6の数字の小さい順に重要性の高いと判断するため、見出し設定を誤ると、正当に記事を評価してくれません。

そのため、記事本文では下記のような形で、h2〜h6の順で階層化させてください。

②h2〜h6の順で階層を作る

見出しを最適化できれば、それだけで読者・Googleにとっての分かりやすさがアップしますよ!

③検索キーワードを含める

見出しには、その記事で狙っている検索キーワードを含めましょう。

その理由は、Googleが見出しから記事内容を読み取っていることにより、検索順位アップを期待できるからですね。

ただし、やみくもに見出しにキーワードを入れると読みにくい目次になってしまいます。

そのため、キーワードを入れるかどうかは

  • h1:絶対に入れる
  • h2:できる限り入れる
  • h3:不自然でなければ入れる
  • h4〜h6:入れる必要なし

を判断基準にしてください。

もっとも大切なのは読者にとってわかりやすい見出しを作ることなので、あまりにも見出しが長くなるようならキーワードを含めない選択もアリですよ。

うーご

一時期は「h2見出しにキーワードを含めなければ上位表示できない」とまで言われていましたが、最近ではGoogleロボットの性能が上がったおかげか、あまり関係ありません。

④見出しで記事内容を伝える

見ただけで記事内容がわかる見出しを作ることで、はるかにユーザビリティが向上します。

逆に、見出しで記事内容がわからないと、目次を見た読者が「この記事で悩みを解決できるの?」「求めている情報があるの」と疑問に感じたまま、離脱してしまう可能性があるでしょう。

うーご

僕自身なにかを調べるときは、とりあえず記事の目次を見て、有益そうか判断してから読み進めています!

そのため、ブログ記事の見出しは、読者がひと目で「読みたい!」と思えるような分かりやすさを重視してください。

良い見出しの例

h2タグ:ブログの始め方3ステップ
h3タグ:レンタルサーバーを選ぶ
h3タグ:WordPressブログを開設する

悪い見出しの例

h2タグ:ブログを始める
h3タグ:レンタルサーバー
h3タグ:WordPressブログ

⑤シンプルにまとめる

先ほど、「見出しで記事内容を伝えよう」と説明しましたが、長すぎる文章はNGです。

見出しは、シンプルにまとめることも意識してください。

たとえば、

  • WordPressのブログで使用するWordPressテーマのおすすめ10選を紹介します。
  • おすすめWordPressテーマ10選!

の2つの見出しがあったら、圧倒的に後者の方が見やすいですよね。

人間が瞬時に認識できる文字数「14字」と言われているため、この数字を目安にシンプルな見出しを作りましょう。

うーご

文字数の多い検索キーワードを詰め込もうとするとシンプルさを失いがちなので、注意してください!

【Gutenberg】WordPressブログの見出しタグ(h1/h2/h3…)設定方法

【Gutenberg】WordPressブログの見出しタグ(h1/h2/h3…)設定方法

WordPressのブロックエディタ(Gutenberg)では、超簡単にh1〜h6の見出しを作れます。

①h1タグの設定方法

h1タグ(記事タイトル)は、WordPress執筆画面の上部に文字を入力するだけで設定できます。

①h1タグの設定方法

上記のように記事タイトルを入力すれば、自動的にh1タグとして読者・Googleに伝わります。

ちなみに、記事タイトルは読者・Googleが最初に認識する重要項目なので、下記記事からしっかりと付け方を学んでくださいね。

あわせて読みたい
【具体例あり】読者の目を引くブログ記事タイトルの付け方11選!
【具体例あり】読者の目を引くブログ記事タイトルの付け方11選!

②h2〜h6タグの設定方法

次に、h2〜h6タグの設定方法を紹介します。

step
1
テキストを入力する

まずは、WordPressの執筆画面に、見出しに設定したいテキストを入力します。

入力したら、テキストの近くに表示される編集欄の左にあるボタンをクリックしてください。

h2~h6タグの設定方法

次のステップに進みます。

step
2
「見出し」を選択する

下記のような表示がされるので、「見出し」をクリックしましょう。

h2~h6タグの設定方法

これで、入力したテキストが見出しの表示に変わりました。

step
3
h2〜h6タグを設定する

見出しに変換した直後は、テキストがh2タグで設定されています。

そのため、下記のようにh1〜h6タグを選択して、必要な見出しを設定してください。

h2~h6タグの設定方法

※h1タグも設定できますが、本文で使用する必要はありません。

以上で、h2〜h6タグの設定は完了です。

ちなみに、ブログ記事を書くときのWordPress使用方法については、『ブログ初心者向け!WordPress記事の書き方と編集・投稿方法を解説!』を参考にしてみてくださいね。

【補足】ショートカットキーの見出し設定方法

WordPressでは、ショートカットキーで見出しを設定することも可能です。

やり方は簡単で、テキスト入力前に

  • h1:「#」+スペースキー
  • h2:「##」+スペースキー
  • h3:「###」+スペースキー
  • h4:「####」+スペースキー
  • h5:「#####」+スペースキー
  • h6:「######」+スペースキー

と入力するだけ。

うーご

設定したいhタグの数字だけ、「#」と入力するイメージですね。

ライティング作業の効率化に役立つので、ぜひ活用してみてください!

見出しタグのデザインを極めるなら「AFFINGER」がおすすめ

affinger-top

見出しタグのデザインは、使用するWordPressテーマによって異なります。

各テーマに良し悪しはありますが、ブログ初心者には当ブログで使用している有料テーマ「AFFINGER(14,800円)」がおすすめです。

AFFINGERでは、下記のようなデザインを自由にカスタマイズできます。(文字や背景、ボーダーの色は変更可能)

AFFINGERの見出しデザイン(h2)

AFFINGERの見出しデザイン(h2)

AFFINGERの見出しデザイン(h3)

AFFINGERの見出しデザイン(h3)

AFFINGERの見出しデザイン(h4)

AFFINGERの見出しデザイン(h4)

上記の他にも自由にデザインをカスタマイズできる他、ブログで稼ぐための機能がたくさん搭載されているので、ぜひ検討してみてくださいね。

AFFINGERについて、詳しくは『【2年使った】AFFINGER6を豪華特典付きレビュー!評判・購入方法も解説』を参考にどうぞ。

その他、おすすめWordPressテーマは、下記記事で紹介しています。

あわせて読みたい
ブログ初心者向け!おすすめ無料&有料WordPressテーマ11選!
ブログ初心者向け!おすすめ無料&有料WordPressテーマ11選!
うーご

当ブログ限定のデザインマニュアルも用意しているので、ぜひご覧ください!

まとめ:見出しタグを最適化して読まれるブログを作ろう!

まとめ:見出しタグを最適化して読まれるブログを作ろう!

この記事では、ブログ記事の見出しの作り方について解説しました。

見出し(h1/h2/h3…)の作り方

  • 本文はh2タグから使う
  • h2〜h6の順で階層を作る
  • 検索キーワードを含める
  • 見出しで記事内容を伝える
  • シンプルにまとめる

見出しタグを最適化することで、読者・Googleから高く評価されるブログを作れます。

結果的に検索順位が上がり、たくさんのアクセスが集まって…という好循環を生み出せるので、ぜひ本記事を参考に設定してみてくださいね。

また、見出しの作り方を理解したら、記事の書き方を学びましょう。手順やコツについて詳しくは『【初心者向け】ブログ記事の書き方5つの手順・12のコツ【マニュアル】』を参考にどうぞ。

あわせて読みたい
【初心者向け】ブログ記事の書き方5つの手順・12のコツ【マニュアル】
【初心者向け】ブログ記事の書き方5つの手順・12のコツ【マニュアル】

今回は以上です。

-ブログの書き方