SWELLのFAQブロック｜よくある質問(FAQ)の構造化データ出力もできる！

SWELLのFAQブロックについて紹介します。

SWELLのFAQブロックは、「よくある質問」のリッチリザルトを表示させるための構造化データを簡単に出力できるので本当にありがたいです。

---

SWELLのFAQブロックでできること

SWELLのFAQブロックとは、「よくある質問(FAQ：Frequently Asked Questions)」のようなQ＆Aを簡単かつ綺麗に表示できて、FAQ形式の構造化データを出力してGoogle検索結果にリッチリザルトを表示させることもできる便利なブロックです。

SWELLのFAQブロックでできることを簡単に2つ紹介します。

それぞれ紹介します。

よくある質問(FAQ)の構造化データを出力できる

SWELLのFAQブロックでは、Googleの検索結果に「よくある質問」をリッチリザルトとして表示するための構造化データを簡単に出力できます。

この機能は、SWELLのver2.5.0アップデートで実装されました。

>>SWELL – ver. 2.5.0 アップデート情報

よくある質問のリッチリザルトは以下の様なイメージです。

構造化データを出力するための設定方法は「FAQ構造化データの出力方法」で紹介します。

FAQブロックのスタイルは複数から選択できる

SWELのFAQブロックでは、FAQのデザインを複数のパターンから選択できます。以下がデザインの一例です。

設定できるFAQのデザインは公式マニュアル「【SWELLブロック】Q&Aを簡単に設置！FAQブロックの使い方」に画像付きでまとめられているので見てみてください。

また、FAQブロックのカラーをお好みでカスタマイズすることもできるので、この後の「FAQブロックのカラーをカスタマイズする方法」で紹介します。

「Q」の部分を見出しタグにできる

SWELLのFAQブロックでは、FAQの「Q」の部分をhタグ(見出し)にすることも可能です。

例えば、記事内の良くある質問欄で「質問」の部分を見出しタグにできます。

これにより、SEOの観点で質問部分をより検索エンジンに伝えやすくなる効果があるかもしれません。また読者向けの観点でも、見出しタグを使用することで、以下のように記事内の目次にも質問部分を表示することができる点が個人的にとても便利です。

ここからは実際にSWELLのFAQブロックの操作方法を紹介していきます。

SWELLのFAQブロックの使い方

SWELLのFAQブロックの基本的な使い方は以下のとおりです。

ここからFAQブロックの細かい設定を紹介していきますが、選択できるスタイルの種類や設定方法は以下の公式マニュアルでも解説されているので参考にしてください。

>>【SWELLブロック】Q&Aを簡単に設置！FAQブロックの使い方

この記事では、以下の3点の設定方法を紹介します。

FAQ構造化データの出力方法

FAQの構造化データを出力して、検索結果にリッチリザルトとして表示させたい場合は以下のように設定します。

FAQブロックを選択した状態で「サイドバー」→「FAQ設定」→『構造化データを出力する』をオンにする

『構造化データを出力する』をオンにすると、JSON-LD形式で構造化データが出力されるようになります。

設定をオンにすれば必ず検索結果に「よくある質問」のリッチリザルトが表示されるわけではありません。質問の内容など、適切なコンテンツを作成しましょう。

FAQブロックのカラーをカスタマイズする方法

FAQブロックのカラーは以下の3種類から選択できます。

• テキスト色
• メインカラー
• カスタムカラー

それぞれのカラーが、SWELLのどこの設定と連動しているか紹介します。

テキスト色

テキスト色は、サイト全体の文字の色と同じ設定です。以下から設定できます。

WordPress管理画面→「外観」→「カスタマイズ」→「サイト全体設定」→「基本カラー」→『テキストカラー』

メインカラー

メインカラーは以下から設定できます。

WordPress管理画面→「外観」→「カスタマイズ」→「サイト全体設定」→「基本カラー」→『メインカラー』

カスタムカラー

カスタムカラーは、FAQブロック専用のカラーを設定できます。

カスタムカラーの設定のみ、カスタマイザーではなく「SWELL設定」でカスタマイズできるので覚えておきましょう。

以下からカスタムカラーを設定できます。

WordPress管理画面→「SWELL設定」→「エディター設定」→「カラーセット」→『Q&A設定』

タイトルのHTMLの設定方法

記事前半の「「Q」の部分を見出しタグにできる」でも紹介したとおり、タイトル(質問)部分を見出しタグにもできるようになりました。

タイトル部分のHTMLタグを変更して、質問部分を見出しタグなどに設定する方法は以下です。

FAQブロックを選択した状態で「サイドバー」→「FAQ設定」→『タイトルのHTMLタグ』からお好みで選択する

ここまでで、SWELLのFAQブロックでできることと使い方の紹介は終了です。

FAQブロックについてよくある質問

実際にSWELLのFAQブロックを使って、よくある質問風に回答してみました。

「構造化データを出力する」ボタンが表示されない

FAQの親ブロックが選択されているか確認してみましょう。子ブロック(QA項目)を選択した状態だと「構造化データを出力する」ボタンは表示されません。

詳細はFAQ構造化データの出力方法で紹介しています。

FAQブロックのカラーを変更したい

「SWELL設定」→「エディター設定」画面でFAQのカスタムカラーを設定できます。

詳細はFAQブロックのカラーをカスタマイズする方法で紹介しています。

SWELLのFAQブロックについてまとめ

SWELLオリジナルの「FAQ」ブロックについて紹介しました。

FAQブロックでできることを簡単にまとめると以下のイメージです。

FAQ形式の構造化データを簡単に出力できるので、適切に活用することでGoogleの検索結果に「よくある質問」のリッチリザルトを表示することもできます。

とても便利なブロックなので、ぜひ活用してみてください。

最後まで読んでいただきありがとうございました。

---

SWELL公式サイトはこちらからどうぞ…！

SWELLブロックエディターの関連記事

SWELL全般の関連記事