「見出し」を入れて記事を整理しよう SEO対策にもなる「hタグ」の入れ方

見出しを入れて記事を整理しようSEO対策にもなる?hタグの入れ方

今日は、記事の書き方についてお話します。

ただ思いつくままに文字を書き連ねていては
文脈のわかりづらい、読みにくいページに
なってしまいますよね。

記事を読みやすくするのには
色々なテクニックがありますが、

まずは、基本の

「見出し」の入れ方について

ご説明します。

 

見出しってなんですか?

はい、見出しとは…

まさにこの
「見出しってなんですか?」
と書かれた

ピンク色の帯の部分のことです。

(色やデザインはお使いのテーマごとに違います)

文章を段落に分けて、
その内容ごとにつける
タイトルのことですね。

きちんと見出しをつけておくと
そこに何が書かれているのか?
読み手に伝わりやすくなり、
文章の流れがスムーズに整理できます。

また、ブログを書くときに
まず見出しに何を書こうか書き出して、
文章構造を組み立てる、という使い方もできます。

中には、ブログを読むときに
この見出しを見て、
その記事を読むかどうか、
判断する方もいるくらい、大切なポイントです。

それはGoogleの評価も同じで、
この、「見出し」にかかれている内容が
ブログの内容であり、重要なキーワードだと
認識しますので、使わないなんてソンです♪

 

ではさっそく
やり方を見ていきましょう。

見出しを入れる方法

やり方は簡単です♪

 

■ まずは見出しにしたい文字を入力しましょう。

その文字を選択する

見出しにしたい文字を選択する様子

 

または、全部洗濯しなくても、
見出しにしたい文字の段落に
カーソルを置いておくだけでもOKです。

見出しにしたいテキスト段落にカーソルを置く

赤い矢印の先にカーソルがあります。

 

■ 続いて、「段落」メニューの▼
クリックしてください。

そうすると、見出しの選択肢が出ます。

見出しメニュー

 

そして、
見出し1~6のどれか
選びます。

例 ↓

見出し6

1~6まで、それぞれ
色々なデザインに変わります。

デザインはお使いのテーマによっていろいろです。

ですが、ここで大事なのは
見出しをつけて装飾することではなく

順番に入れて整理すること
なのです。

 

見出しを入れる順番

では、1~6、どう使い分ければ
良いのでしょうか?

整理することが目的だとお話しました。

でも、結構こんな方が多いのです。

 

愛猫:しま
しま

見出し3が可愛いので、
こればっかり使おう~♪

それじゃ整理にならないでしょ!!(笑)

ちゃんと、ページの中で

1 ⇒ 2 ⇒ 3 ⇒ 4…と

順番通りに
使いましょう、というルールがあります。

 

3だけ使っていると
2がないページになってしまいますよね。

Googleの機械がブログを読み取ったとき、
段落を順番に読み取ろうとするので

「あれ?このブログ、見出し2がないな…??」

という印象になって、

「ちゃんと作ってないサイトなのかな…」と

評価が低くなってしまうかもしれません。

でも、私も知らなかった頃は
ずっと見出し3から使っていましたけど(笑)

実は、あまり順序を気にせず
作っているサイトもよく見かけますし
そこまで致命的というわけではないのですが

これから書くときは、できるだけ
気を付けておきたいですね。

 

 

段落構造に気をつけて!

また、ただ順番に振っていけばいいのではなく、
段落の中でまた段落に分けることもできます。

 

これは他のブログの見出しの例なのですが
段落が階層に分かれています。

 

色をつけてみましょう。

見出し3の中に、見出し4がいくつか入っていて、
ひと段落おわったらまた見出し3が来ています。

 

見出し1は使わないで!

 

ブログを書くときに
見出し1は使わないでくださいね。

「見出し1」、というのは
そのブログ自体、またはページのタイトルとして
既に使われています。

なのでブログ本文に使うのは
見出し2から・・・ということになるのですが、

何番から使うか?が
テーマによって違う場合があります。

例えば…今ご覧いただいている、
私のブログの場合

見出し1はブログのタイトル
「猫でもわかる簡単ワードプレスレッスン」で

見出し2は記事のタイトル
「「見出し」を入れて記事を整理しよう SEO対策にもなるhタグの入れ方とは」

に、なっているので
本文に使うのは
「見出し3から」になります。

でも、他のテーマだと…

例えばおススメしている「ジラフ」の場合

見出し1が ブログのタイトルではなく、
「記事のタイトル」なので

本文に使うのは、
「見出し2 から」になります。

使っているテーマを確認してみてくださいね。

 

見出しの確認方法

・・・って言われても


どうやったらいいのー!!

という方へ、
調べ方をご説明しますね。

 

あなたのブログが
どんな構造になっているか見てみましょう。

 

難しそうに見えますが、
右クリックするだけなので、ぜひ試してみてください。

やることは

・ブログタイトルを右クリックして、検証
・そこで見えるhの数字をチェックする

だけです^^

1見出しを確認したいページを開く

 

まずは確認したいページを開きましょう。

ここでは、例としてテーマ
「ライトニング」の
サンプルページでご説明しますね

ライトニング

 

何でもいいのでブログ記事を
記事を一つ開いてみます。

すると、ライトニングのページでは

「和テイストの「LightningJPNSTYLE」
デザインスキンをリリースしました」という

タイトルの記事が出てきました。

 

2 ブログの見出しを選択して右クリックする

では、ブログのタイトルを選択して
右クリックしてください。
検証画面

 

右クリックすると「検証」という
メニューが出てくるので、さらにそこをクリックします。

※使っているソフトによって、表現がが違います。

Google chrome(クローム)の場合 …「検証」
Firefox、MicrosoftEdgeの場合…「要素を調査」 など。

すると、英語みたいな
プログラム言語がばーっと表示されます。

ソース画面

ビックリされるかもですが

青いところだけ見てください^^

 

 

h1タグ

 

すると、「h1」と書いてあるのが
わかりました。

ということは・・・

ブログのタイトルは見出しの1だった!
ということがわかりました。

なので、記事に使えるのは
その次の見出し2から
ということになりますね。

ちょっとややこしい画面ではありますが

手順は

・ブログタイトルを右クリックして、検証
・そこで見えるhの数字をチェックする

だけです^^

気軽に試してみて下さいね。

以上、見出しについて解説しました。

効果的に使って、読者さまにも
Googleにも優しいブログ記事を書いて行ってくださいね!

村重 敦子

「猫でもわかる!」くらい簡単にわかりやすく、WordPressの使い方をサポートする、WordPressソムリエです。デザインを学んだ後、なぜかレストランでワインサービスに従事。絵も描けるワインソムリエでした。その後大手通信会社に勤めIT・Webの各種サポートを経験。ソムリエもWebも常に「専門知識をお客様に合わせてわかりやすくご提案し、期待以上のサービスをする」ことをモットーとしています。テクニカルサポートの経験は、通算1,100人以上。現在はWebデザイン・ディレクターをしながら、ブログ集客をしたい方へWordPressの制作、使い方のレクチャーなどを行っています。

Follow me!