「記事の最後によくある質問を入れたい」
「FAQブロックの設定方法が分からない」
「FAQブロックはSEOにも効果があるの？」
このような悩みはありませんか？
AFFINGER7には、読者が疑問をすぐ解決できる便利なFAQブロックが標準搭載されています。
デザイン変更やアイコンカラーの変更だけでなく、質問部分を見出しタグ（H2〜H6）として設定できるなど、他テーマにはない便利な機能も備えています。
この記事では初心者の方でも迷わないように、
- FAQブロックとは？
- 作成方法
- カスタマイズ方法
- 効果的な使い方
- SEO効果
まで画像付きで分かりやすく解説していきます。
※ この記事はAFFINGER6時代に作成した内容をAFFINGER7対応版として更新しています。
AFFINGER7のFAQブロックとは？
FAQブロックとは、「よくある質問（Frequently Asked Questions）」を見やすく表示できるブロックです。
例えば商品レビューやテーマ紹介記事では、
初心者でも使えますか？
はい。ブロックエディター対応なので初心者でも安心です。
というような形で質問と回答を分かりやすく表示できます。
読者が知りたい情報へすぐアクセスできるため、離脱防止にも役立ちます。
FAQブロックを使うメリット
AFFINGER7のFAQブロックには次のようなメリットがあります。
- よくある質問を見やすく整理できる
- 記事の最後に疑問をまとめて解決できる
- 読者満足度が向上する
- 滞在時間アップにつながる
- デザイン変更が簡単
- 見出しタグ（HTMLタグ）が設定できる
レビュー記事や比較記事では特に効果的です。
AFFINGER7でFAQブロックを追加する方法
FAQブロックを選択するだけで、記事内にFAQブロックを設置できます。
あとは、質問と回答を入力するだけです。
細かな設定については、以下に説明していきます。
AFFINGER7：FAQブロックで出来ること
AFFINGER7のFAQブロックでは次のような設定が可能です。
| ① スタイル | FAQのスタイルを8種類から選択可能 |
| ② 色 | FAQブロック全体の背景色とテキスト色を設定可能 |
| ③ 質問 | 質問アイコンの色とサイズを変更可能 |
| ④ 回答 | 回答アイコンの色とサイズを変更可能 |
| ⑤ HTML | 質問のHTMLタグ設定 |
| ⑥ 折りたたむ | 回答部分を折りたたんでクリックしたら表示 |
| ⑦ 枠線 | FAQブロックに枠線を追加 |
| ⑧ 構造化データ | 構造化データの設定が可能 |
① スタイル変更
FAQブロックのスタイルを8種類から選ぶことができます。
- デフォルト
- スクエア
- 角丸
- 丸
- はてな
- インフォメーション
- 注意
- ファイル
デフォルト
デフォルトはどんな感じですか？
デフォルトはこんな感じです。
スクエア
スクエアはどんな感じですか？
スクエアはこんな感じです。
角丸
角丸はどんな感じですか？
角丸はこんな感じです。
丸
丸はどんな感じですか？
丸はこんな感じです。
はてな
「はてな」はどんな感じですか？
「はてな」はこんな感じです。
インフォメーション
「インフォメーション」はどんな感じですか？
「インフォメーション」はこんな感じです。
注意
「注意」はどんな感じですか？
「注意」はこんな感じです。
ファイル
「ファイル」はどんな感じですか？
「ファイル」はこんな感じです。
② 色の変更
FAQブロック全体の背景色やテキスト色を変更することができます。
FAQブロックの背景色を変更するとこんな感じです。
FAQブロックの背景色を変更するとどんな感じ？
FAQブロックの背景色を変更するとこんな感じです。
FAQブロックのテキスト色を変更するとこんな感じです。
FAQブロックのテキスト色を変更するとどんな感じ？
FAQブロックのテキスト色を変更するとこんな感じです。
③ 質問アイコンの設定
質問アイコンのサイズと色を変更することができます。
質問アイコンの色を変更するとこんな感じです。
質問のアイコン色を変更することはできるの？
こんな感じで質問アイコンの色を変更可能です。
質問アイコンのサイズを変更するとこんな感じです。
質問のアイコンのサイズを変更することはできるの？
こんな感じで質問アイコンのサイズを変更可能です。
※ スマホ表示ではサイズ変更は反映されない可能性があります。
④ 回答アイコンの設定
回答部分のアイコン色とサイズを変更することができます。
回答アイコンの色を変更するとこんな感じです。
回答のアイコン色を変更することはできるの？
こんな感じで回答アイコンの色を変更可能です。
回答アイコンのサイズを変更するとこんな感じです。
回答のアイコンのサイズを変更することはできるの？
こんな感じで回答アイコンのサイズを変更可能です。
※ スマホ表示ではサイズ変更は反映されない可能性があります。
⑤ HTMLタグ設定
質問のHTMLタグ設定が可能です。
HTMLタグ設定？
このHTMLタグ設定では質問部分の見出しレベル（ｈ１～ｈ６）を設定することができます。
見出しのタグは目次にも反映されるので、自由に設定できるのはありがたいです。
見出しレベルについて詳しく知りたい方はAFFINGER7の見出し作成についての別記事を参考にしてみてください。
⑥ 枠線の設定
FAQブロックの枠線の有無や幅などの設定が可能です。
太めの枠線を設定するとこんな感じです。
FAQブロックに枠線を設定するとどんな感じ？
こんな感じです。
⑦ 構造化データの設定
構造化データとは、検索エンジンにページの内容を正しく理解してもらうためのデータです。
AFFINGER7のFAQブロックでは、「この部分は質問と回答です」という情報を構造化データ（FAQPage）として出力するかを設定できます。
通常、読者には見えませんが、Googleなどの検索エンジンがページの内容を理解しやすくなるというメリットがあります。
構造化データを設定するとSEOに効果はある？
以前はFAQの構造化データを設定すると、検索結果に質問と回答が表示される「FAQリッチリザルト」が多く表示されていました。
しかし現在では、GoogleはFAQリッチリザルトの表示対象を大幅に制限しており、一般的なブログでは表示される機会は少なくなっています。
そのため、構造化データを設定しただけで検索順位が上がるわけではありません。
ただし、検索エンジンがページの内容を理解しやすくなることや、今後の仕様変更にも対応しやすいことから、FAQの内容が実際の質問と回答で構成されている場合は、構造化データを有効にしておくことをおすすめします。
まとめ
AFFINGER7のFAQブロックは、初心者でも簡単に使える便利な機能です。
デザイン変更やアイコン設定だけでなく、HTMLタグまで自由に設定できるため、読者にとって分かりやすい記事を作成できます。
特にレビュー記事や比較記事では、読者の疑問を最後にまとめて解決できるため、離脱防止やコンバージョン率向上にも役立ちます。
ぜひこの記事を参考に、FAQブロックを活用して読みやすい記事を作成してみてください。
\\ 収益化に強い圧倒的人気テーマ！//
AFFINGER7がついにリリース！
AFFINGER6から更に機能がパワーアップ！
※ AFFINGER6は現在、AFFINGER7へと移行となりました。