AFFINGER６の見出し作成方法-初心者必見！見出しの基本

見出しとは？

見出しとは

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

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

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

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

これが「見出し」です。

AFFINGER６の見出し作成方法

記事に「見出し」を作成するには、挿入したい場所で「＋」マーク（ブロックを追加）から「見出し」を選択します。

記事に「見出し」ブロックが作成されるので、ここに内容を入力していきます。

見出し作成時の決まり事

「見出し」を作成する際には決まり事があります。

それは

正しい「見出しレベル」を使用して記事を書く

「見出しレベル」とは見出しの重要度レベルのことです。

「見出しレベル」は見出しを作成した際に上部ツールの「見出しレベルの変更」から変更することができます。

見出しの重要度に応じてH１～H６の中から「見出しレベル」を選択します。

「見出しレベル」は重要度が高い順にH1→H2→H3・・・を選択するようにします。

重要度が一番高いH1は記事タイトルで使用しているので、通常記事内ではH2以下を使用することになります。

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

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

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

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

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

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

このようにH1の見出しを説明する見出しにはH2を、H2の見出しを説明する見出しにはH3を設定するというように、見出しをしっかりと階層分けしてあげる必要があります。

見出しの重要性

見出しを適切に書くことはとても重要です。

適切に書くことで次のようなメリットがあります。

• 読者が読みやすい
• 執筆がしやすくなる
• SEO対策になる

読者が読みやすい

見出しを適切に書くことで読者に読みやすい記事を作成することができます。

また、見出しで興味を引くことで記事を読んでもらえる可能性を上げることもできます。

執筆がしやすくなる

見出しを作成することで執筆がしやすくなります。

私も記事を書く際は見出しの構成から考えて、見出し部分から先に執筆しておくことが多いです。

SEO対策になる

適切に見出しを書くことは読者が読みやすくなるだけでなく、検索エンジンに自分の記事が何について書いてあるのかをわかりやすく説明するためにも重要です。

検索エンジンは記事の内容をタイトルや見出し・本文など様々な要素を判断して検索結果の順位を決定しています。

その検索エンジンに

「この記事は○○についての記事ですよ～」

と解りやすく理解してもらう為に見出しを適切に書くことがSEO対策に繋がるわけです。

見出し作成時の注意点

見出しレベルの設定はH4程度までがお勧め！

見出し作成時にはしっかりとした階層分けが必要ですが、あまり階層が深くなりすぎると逆にわかりにくい記事になってしまいます。

見出しを設定する際はH4程度までで説明できるように記事内容をまとめるのがお勧めです。

AFFINGER6で可能な見出しのスタイル

AFFINGER6では見出しのスタイルを簡単に変更することができます。

それぞれどんな感じで表示されるかを確認していきます。

※　背景や文字の色はサイト全体の色設定によって変わってきます。

①：デフォルト

標準のスタイルです。

②：カスタム

好きなアイコンを設定したり、自由にカスタマイズしやすいスタイルです。

何もカスタマイズしない状態は下のようになります。

試しに好きなアイコンを設定してみます。

右の「アイコン」から好きなアイコンを選択します。

「ハート」のアイコンを設定してみるとこんな感じになります。

③：ライン

見出しの下にラインが表示されます。

また、「ラインスタイル」ではテキストが中央表示になります。

④：ふきだし

吹き出し風のスタイルです。

⑤：斜線

斜線背景のスタイルです。

⑥：カウント

番号の付いたスタイルです。

カウントスタイルで見出しを複数作成すると、上から１、２・・・と順に数字アイコンが表示されます。

⑦：注意

ビックリマークのアイコンが表示されるスタイルです。

⑧：チェック

チェックのアイコンが表示されるスタイルです。

⑨：質問

質問風のスタイルです。

⑩：答え

答え風のスタイルです。

⑪：ステップ

ステップアイコンが表示されるスタイルです。

ステップスタイルで複数の見出しを作成するとこんな感じになります。

⑫：ランキング

ランキングアイコンが表示されるスタイルです。

ランキングスタイルで複数の見出しを作成するとこんな感じになります。

このようにAFFINGERでは１２種類ものスタイルで見出しを簡単に作成することができます。

見出しの背景やテキストの色も簡単に変更することが可能です。

見出しは重要なので、適切に設定して見やすい記事を目指しましょう。

AFFINGER6の使い方

AFFINGER6の使い方については、このブログで詳しく解説しています。

AFFINGER6：関連記事