【SWELL FAQ】よくある質問が簡単に作れてデザインも選べるQ&A

FAQブロックは、「よくある質問」のようなQ&A形式の文章を見やすく表示するのに欠かせないブロックです。

SWELLのFAQブロックは、デザインやカラーを自分好みのものから選べたり、構造化データの出力もボタンひとつで簡単に設定できます。

今回は、SWELLのFAQブロックの特徴やデザイン、使い方について解説します。

SWELL FAQブロックの特徴

SWELL FAQブロックの特徴には以下のようなものがあります。

それぞれ順番に見ていきましょう。

デザインやカラーをいろいろ選べる

SWELLのFAQブロックは、複数のデザインから自分の好きなタイプを選択することができます。

また、カラーも自由に設定できるので、サイトのイメージカラーを使って統一感を出すこともできるし、アクセントカラーで目立たせることもできます。

構造化データを簡単に出力できる

構造化データとは、Googleなどの検索エンジンにコンテンツの内容を正しく伝えるためのものです。

構造化データを出力することで、検索結果に「よくある質問」がリッチリザルトとして表示される場合があります。

リッチリザルトとして表示されれば、検索結果ページでそのサイトに関して表示される範囲が広くなり、内容もわかりやすくなるため、より多くサイトを見てもらえるかもしれません。

通常、構造化データを実装するにはコードの入力などが必要になりますが、SWELLではFAQのデザイン変更の画面で「構造化データを出力する」をONにするだけなので、とても簡単に設定ができます。

SWELL FAQブロックのデザイン

SWELL FAQブロックのデザインには以下のようなものがあります。

それぞれ順番に見ていきましょう。

下記のデザインすべてで共通して、アイコンの形（四角・角丸・丸）やカラー、質問数を変えることができます。

デフォルト

線あり

ボックス

ストライプ

SWELL FAQブロックの使い方

それでは、実際にFAQブロックを登録する方法を見ていきましょう。

FAQブロックの作成方法

FAQブロックのデザイン設定方法

よくある質問

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

FAQアイコンのカスタムカラーはどこで変更できる？

「SWELL設定」→「エディター設定」→「カラーセット」の中の、「Q&A設定」でそれぞれのカラーを変更できます。

FAQブロックにはテキスト以外も入力できる？

Qブロックにはテキストだけの入力となり、Aブロックには好きなブロックを配置できます。

まとめ

今回はSWELLのFAQブロックについて、特徴やデザイン、使い方の解説をしました。

FAQブロックを配置すると質問形式が見やすくなりますし、SWELLであればデザインやカラーを選ぶことができるので、サイトに合った雰囲気のものを作ることができます。

とても簡単に作成ができるので、ぜひ使ってみてください。