AFFINGER7の見出し作成方法を初心者向けに解説｜作成するうえで注意点についても解説！

見出しは記事の読みやすさを大きく左右する重要な要素です。

どんなに良い内容を書いていても、見出しが分かりにくいと読者は途中で離脱してしまいます。

AFFINGER7では豊富な見出しデザインが用意されており、初心者でも簡単におしゃれな見出しを作成できます。

この記事では、AFFINGER7で見出しを作成する方法から見出し作成時のコツや注意点についても初心者向けに詳しく解説しています。

見出しとは？

見出しとは

記事の内容が一目でわかるようにつけた表題のことです。

例えば「ウサギの飼育方法」という記事を書こうと思った際に

• ウサギの種類
• ウサギの購入方法
• ウサギを飼育するのに必要なもの
• ウサギの基本的な飼育方法
• ウサギ飼育時の注意点
• ウサギの餌について
• ウサギのしつけについて

といった内容について書こうかなと思いますよね。

これが「見出し」です。

AFFINGER7で見出しを作成する方法

まずは基本的な見出しの作成方法から見ていきましょう。

見出しを追加する

投稿編集画面を開きます。

「＋」ボタンをクリックし、「見出し」を選択してください。

見出しブロックが追加されたら、タイトルを入力します。

見出しレベルを選択する

見出しレベルはH1～H6まで選択することができます。

下画像の丸部分ですね。

見出しレベルの注意点

見出しの使い方には約束ごとがあるので、初心者の方はしっかりと覚えておきましょう。

①　H1はタイトル専用。本文では絶対に使わない

WordPress記事では、H1は記事タイトルのみ に使用されます。

本文内で H1 を使うと、

• SEOに悪影響
• 目次が崩れる
• 読者が混乱する

といった悪影響がある為、絶対に使わないようにしてください。

②　H2・H3・H4 の正しい使い分け方をする

一般的なブログ記事では、

• H2：大きなテーマ
• H3：H2の詳細説明
• H4：さらに細かい説明

という形で使います。

使ってもH4までで、H5・H6は使わなくて大丈夫です。

悪い例：

H2 → H4（H3を飛ばす）
H2 → H2 → H4（不規則）

このような“階層ジャンプ”は Google にとって理解しにくくなり、記事構造が崩れます。

初心者の方はわかりにくかもしれないので具体的に例をあげておきます。

例えば「ウサギの飼育方法」という記事を書く場合

「ウサギの飼育方法」という記事タイトルはH1になり、記事内容の見出しはH2を設定します。

「ウサギの種類」を説明するにあたって

• 飼育しやすい種類
• 飼育が難しい種類

といった表題で説明することができると思います。

そこで、この表題はH2で設定した「ウサギの種類」について説明した１段階低いレベルの表題としてH3を設定します。

このように、見出しをしっかりと階層分けしてあげるとSEO的にも読みやすさ的にもプラスです。

見出しのスタイルを変更する

AFFINGER7では見出しのスタイルを13種類から選択することができます。

※　AFFINGER6では12種類でした。

※　また、アップデート等で設定画面は変更となる可能性があります。

スタイルを変更するには、投稿編集画面右側から「スタイル」の項目を選択します。

例えば、「ふきだし」のスタイルを設定するとこんな感じです↓

見出しのテキスト色や背景色を変更する

スタイルの項目で見出しのテキスト色や背景色を変えることもできます。

スタイルの色の項目で設定することが可能です。

例えば、背景：黒　テキスト：白に変更するとこんな感じです↓

見出しにアイコンを設定する

見出しにアイコンを設定することもできます。

ただし、見出しのスタイルによってはアイコンを表示できないスタイルもあります。

例えば、ハートのアイコンを設定するとこんな感じです↓

見出し作成時の注意点

見出し作成時の注意点をいくつかまとめておきます。

長すぎる見出しは避ける

見出しは簡潔で分かりやすくすることが大切です。

目安としては20〜35文字程度がおすすめです。

見出しだけで内容が分かるようにする

読者はまず見出しを流し読みします。

この見出しは○○についての内容と読者がすぐに判断できることで、読み進めてくれる可能性が高くなります。

また、目次機能を使っているなら見出しが目次の内容になります。

目次を見た読者が自分の求める情報であることが判断できる見出しにすることが重要です。

色は2〜3色に統一する

色を使いすぎると記事全体が見づらくなります。

サイトカラーを中心に統一感を持たせましょう。

H2とH3の差をつける

H2とH3のデザインが似ていると階層が分かりにくくなります。

• H2：背景色あり
• H3：下線のみ

などデザインに差をつけるのがおすすめです。

装飾しすぎない

派手なデザインは一時的に目立ちますが、長い記事では読みにくくなります。

シンプルなデザインの方が読者に好まれる傾向があります。

まとめ

AFFINGER7では初心者でも簡単に見やすい見出しを作成できます。

ある程度直感でわかるので、作成自体は問題ないと思います。

それよりも、見出し作成時の

• 見出しレベルの正しい設定
• 見出し作成時の注意点

の方が重要になります。

見出しは読みやすい記事を作成するうえで非常に重要です。

ぜひAFFINGER7の見出し機能を活用して、読者が思わず読み進めたくなる記事を作ってみてください。

※　AFFINGER6は現在、AFFINGER7へと移行となりました。