日給9万円を達成した方法を見る!

ブログの見栄えが変わる!WordPress見出し設定と使い方を徹底解説!

本ページはプロモーションが含まれています
  • WordPressで記事を書いているけど、なんだか見にくい…
  • もっと読みやすくしたいけど、どうすればいいんだろう?

と悩んでいませんか?

WordPressで見出しを正しく設定できないと、記事全体が単調に見えてしまい、読者にとって分かりにくい構成になっています。

なお

文章が単調だと読んでる途中で疲れて、最後まで読まないかも…

さつき

特にブログ記事は小説とは異なり、最初から最後まで一語一句読む人が少ないです!

そんな時に、見出しをうまく活用すれば、記事にメリハリがつき、読みやすく、理解しやすい内容に変えられる一つの手段です!

この記事では、WordPressでの見出し設定の基本から使い方のコツまで解説していきます!

見出し作りをマスターすれば、ブログの見栄えがガラッと変わり、記事のクオリティが大幅にアップしますよ!

この記事で分かること

  • WordPressでの見出しの設定方法が分かる!
  • 読みやすい見出しを作るためのコツを掴める!
  • 記事の見栄えを良くするための見出し活用方法が身につく!

見出しを上手に使って、読者に優しい記事を作っていきましょう!

目次

見出しとは?

ブログの見出しとは、記事の各セクションに対する小さなタイトルのようなものです。

見出しを使うことで、読者にその部分で何が伝えられるかが一目で分かるようになります。

記事全体の流れも整理され、読みやすさがグッと向上するんです!

なお

実際、見出しがない場合とある場合ではどのくらい違うの?

さつき

見出しの有無でどれだけ読みやすさが違うかを例で見てみましょう!

見出しがない場合

見出しとは

あああああああああああああああああああああああああああ

見出しの作り方

あああああああああああああああああああああああああああ

例は極端ですが、すべての文章が一続きになっていると、どこに何が書いてあるのか、読者はすべてを読まないと内容を把握できません。

これは少し不親切な印象を与えますね。

見出しがある場合

見出しとは

あああああああああああああああああああああああああああ

見出しの作り方

あああああああああああああああああああああああああああ

一方、見出しがあると「この部分にこの内容が書いてある」ということがすぐにわかります。

読者は興味のある部分に素早くアクセスでき、内容も理解も進みやすくなるんです。

これだけでも、記事がグッと読みやすくなりますね!

見出しは読者にとっての道しるべ

読みやすさや理解のしやすさを向上させる重要な役割なんです!

見出しのレベルについて

見出しには「レベル(階層)」があり、それぞれが重要度や記事の構造を示しています。

見出しレベルを正しく使うことで、記事全体の流れがわかりやすくなり、読者にとっても読みやすい記事になります。

さつき

ここでは、その見出しレベルについて解説していきますね!

見出しレベルは、H1からH6までの6段階があります。

  • H1
    • 記事の「タイトル」に使われる。
    • これは記事全体で1つだけ使用する最も重要な見出し。
    • WordPressでは、すでにタイトル欄が用意されているので使用しなくてOK!
  • H2
    • 大きな見出しとしてよく使われる。
    • 記事の主要なセクションを分ける時に使う!
  • H3
    • H2の下に続く見出し。
    • さらに細かくセクションを分けたい時に使う!
  • H4
    • H3以下の見出しとして、必要に応じて使われる
    • ただ、H4以降はあまり多用しすぎない方がおすすめ!

たとえば、H1は「この記事のタイトル」、H2は「大きなテーマ」、H3は「そのテーマのサブトピック」といった具合に使うと、記事が整理されて読みやすくなります。

重要なのは、H2やH3よりもH4~H6の見出しを大きく目立たせないことです!

記事の階層が崩れてしまうと、読者にとって混乱を招く原因に

この見出しのレベルを意識して使うことで、より分かりやすく、流れのある記事が作れるので、ぜひ覚えておきましょう!

見出しの設置とレベルの設定方法

見出しを適切に設置し、レベルを設定することは、記事全体の構造を明確にする上でとても重要です。

なお

初心者の僕でもできるかな?

さつき

やり方も超簡単なので、ぜひマスターしておきましょう!

見出しの設置する方法

STEP
記事内に見出しを追加したい場所で「+」アイコンをクリック
STEP
見出しブロックを選択
STEP
見出しとして表示させたいテキストを入力

見出しレベルの設定方法

STEP
レベルを変更したい見出しのブロックを選択
STEP
「レベルの変更」オプションを選ぶ
STEP
H2からH6までの好きなレベルを選択

これで見出しの設置とレベルの設定は完了です!

記事全体の構造を整理し、読みやすいコンテンツを作成してみてください!

見出しのカスタマイズ方法

次は、見出しの具体的なカスタマイズ方法について説明していきます。

見出しは、記事の印象や読みやすさを大きく左右するポイントです。

ここでは、見出しを自分好みにカスタマイズして、より魅力的なブログ記事に仕上げましょう!

なお

見出しはどんな風にカスタマイズできるの?

さつき

具体的には、背景色や文字色、フォントサイズ、余白をカスタマイズできるよ!

これらを上手に使いこなせれば、見やすさだけでなく、デザインの統一感もアップします!

スタイルの設定

見出しにスタイルを設定することで、デザインに変化を持たせ、記事全体の雰囲気を変えることができます。

簡単にできるので、ぜひ試してみてください!

STEP
スタイルを変更したい見出しのブロックを選択
STEP
画面右側に表示される「◐」アイコンをクリック
STEP
「スタイル」という項目があるので、そこから「デフォルト」か「セクション用」のどちらかを選ぶ

これでスタイルの設定は完了です。

記事の内容や目的に合わせて、スタイルを使い分けてみてくださいね!

背景色・文字色の設定

見出しの背景色や文字色を設定することで、記事にメリハリをつけたり、強調したい部分を目立たせることができます。

では、その設定方法を見ていきましょう!

STEP
色を変更したい見出しのブロックを選択
STEP
右側のメニューに表示される「◐」をクリック
STEP
「色」の中の「テキスト」や「背景」から、好きな色を選んで設定

これだけで、見出しに彩りを加えることができます!

もし、設定を元に戻したいなら、「クリア」をクリックすれば、設定をリセットできます。

簡単に戻せるので、試行錯誤しながら自分に合ったデザインを見つけてみてくださいね!

フォントサイズの設定

次は見出しのフォントサイズを設定していきましょう。

フォントサイズを調整することで、記事の見出しがより強調され、読みやすさもアップします!

STEP
フォントサイズを変更したい見出しのブロックを選択
STEP
画面右側に表示される「◐」アイコンをクリック
STEP
「タイポグラフィ」の設定を開き、サイズを選ぶ

選べるサイズには「S」「M」「L」「XL」「XXL」があり、見出しの重要度や記事全体のバランスに応じて調整しましょう!

余白の設定

見出し周りの余白を適切に設定することで、記事全体の見た目がスッキリし、読みやすさが格段にアップします。

次に、余白の設定方法を見ていきましょう!

STEP
余白を変更したい見出しのブロックを選択
STEP
画面右側に表示される「⚙」アイコンをクリック
STEP
そこにある「ブロック下の余白量」の設定から、余白を調整する

これで余白の設定は完了です!

デフォルトのままでも十分きれいに揃いますが、記事のバランスを見ながら、適切な余白を意識してみてくださいね!

見出しを使う際のコツ

なお

見出しを使う際のコツなんてあるの?

さつき

正しく見出しを活用すれば、記事の構成が整理され、読者がスムーズに内容を理解できるようになるよ!

これまで紹介してきた見出しの基本を踏まえ、どのようにすれば記事がさらに読みやすくなるのか、そのコツを解説していきます!

  • 見出しレベルを正しい順番で活用する
  • 見出しの内容は目を引くものを入れる
  • 文字数に気をつける

それぞれ詳しく見ていきましょう!

見出しレベルを正しい順番で活用する

すでにお伝えしたように、見出しには重要度があり、H1からH6までのレベルに分かれています。

見出しを正しい順番で使うことは、記事全体の構成を明確にし、読者にとって分かりやすい文章にするための重要なポイントです!

基本的には、「H2 > H3 > H4」というように、数字が小さいほど重要な見出しになります。

さつき

この順番を意識して使いましょう!

例えば、「犬」についての記事を書くとします。

NG例

世界の犬の種類(H2)

日本の犬の種類(H4)

柴犬(H3)

秋田犬(H3)

このように構成してしまうと、見出しレベルに違和感を覚えますよね。

順番がバラバラだと、読者も混乱してしまいます。

OK例

世界の犬の種類(H2)

日本の犬の種類(H3)

柴犬(H4)

秋田犬(H4)

このように、見出しは重要性に従ってレベルを設定しましょう。

H2から始まり、H3、H4と順番を守ることで、記事全体の流れがスムーズになります。

なお

あれ?H1はどこにあるの?

さつき

前述した通り、WordPressの場合、H1はタイトル欄が用意されているので使う必要なし!

基本的には、見出しはH2以降を使うのが当たり前です!

見出しの内容は目を引くものを入れる

読者は記事を最初からじっくり読むことは少なく、ほとんどの場合は流し読みをしてしまいます。

そのため、見出しの内容に興味を引くものがなければ、読者はその部分をしっかり読んでくれません。

見出しを考える際には、読者がどんな内容に興味を持ち、どのように目に留まるかをイメージすることが大切です。

具体的な内容やメリット、数字を含めた見出しを作ると効果的です!

さつき

例えば、次の2つの見出しを比べてみましょう!

体にいい飲み物

健康をサポートする市販の飲み物10選

どちらが目に留まりやすいでしょうか?

後者の方が、具体的で何が得られるかがすぐにわかるため、興味を引きやすいですよね。

このように、具体的な数字やメリットを織り交ぜた見出しを意識して、読者の関心を引きましょう!

文字数に気をつける

見出しの文字数は、内容を伝える上でとても大切です。

文字数が多すぎると、情報が詰め込みすぎて何を伝えたいのかぼやけてしまいます。

その結果、読者の目に留まりにくくなり、内容も読まれにくくなるので注意が必要です。

一方で、文字数が少なすぎると、逆に情報が足りず、内容が十分に伝わらない場合もあります。

そのため、適切な文字数を意識しましょう!

なお

具体的には、どのくらいの文字数がいいの?

さつき

見出しの文字数は20文字前後を目安にすると、簡潔かつ内容も伝わりやすい見出しになります!

読者にとってわかりやすく、目を引く見出しを心がけてみてください!

見出しでブログの見栄えを変えよう!

今回は、WordPressでの見出し設定の基本から使い方のコツまで解説していきました!

まとめると以下のとおりです。

  • 見出しとは?
    • 記事の各セクションに対する小さなタイトルのようなもの
  • 見出しのカスタマイズできる場所は?
    • 背景色や文字色
    • フォントサイズ
    • 余白
  • 見出しを使う際のコツは?
    • 見出しレベルを正しい順番で活用する
    • 見出しの内容は目を引くものを入れる
    • 文字数に気をつける

ということがお分かりいただけたと思います!

今回紹介した「見出し」を上手に活用すれば、記事構成がしっかりと整い、読者にとっても見やすい記事が作りやすくなります。

なお

見出しはただの装飾じゃなくて、読者の視線を引きつけて、記事の流れを整理するための重要なものなんだね!

さつき

この記事で学んだ内容をぜひ実践して、ブログの見栄えを一気にレベルアップさせちゃおう!

無料でブログを学べちゃう

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

目次