FAQアコーディオン
書いておいた質問がそのまま折りたたみ一覧に
配送、交換、アカウントのように同じ質問が繰り返されるページには FAQ が要ります。ただ質問を並べるだけではページが長くなり、折りたたみを自作するとキーボード操作やダークテーマまで面倒を見ることになります。マウント先の中に質問と回答を details タグで書いておけば、ウィジェットがそれを読んで折りたたみ一覧を描き、同じ内容を FAQPage の構造化データとして文書に入れます。構造化データを別に書かないので画面とずれることがなく、回答の段落やリスト、リンクもそのまま残ります。 Mr. Latte メンバーシップ(サイト2つまですべてのウィジェット)に含まれます。メンバーシップ期間中は 質問 の投稿数に制限はありません。
デモ
質問はどこに書きますか?
マウント先の中に details と summary タグで書きます。スクリプトが無効でも、その一覧はそのまま開閉できます。
構造化データは別に書く必要がありますか?
いいえ。ウィジェットが描いた質問と回答から FAQPage の JSON-LD を作り、文書の head に入れます。
回答にリンクを入れられますか?
はい。段落、リスト、太字、リンクはそのまま移り、それ以外のタグは外して文字だけを残します。
実際のウィジェットです · 質問を押すと回答が開き、キーボードでも開閉できます · bootsignal.com のページなので、このデモだけ構造化データの出力を止めています
連携設定
同じローダー(bootsignal.js)がサイトの他のウィジェットも動かします。表示には有効なサブスクリプションが必要です。
料金
料金は Mr. Latte メンバーシップひとつだけです。メンバーになるとサイト2つまですべてのウィジェットを使え、ほかの Mr. Latte サービスの有料機能も一緒に開きます。質問 の投稿(書き込み)にはメンバーシップが必要で、投稿数に制限はなく、訪問者の閲覧は常に無料です。料金の確認と加入、管理は accounts.mrlatte.net で行います。 料金プランの詳細 →