FAQ形式リッチリザルト用の構造化データジェネレータを作りました

FAQ形式リッチリザルト用の構造化データジェネレータを作りました。
　→FAQリッチリザルトジェネレータ

FAQリッチリザルトジェネレータの概要

各テキストボックスに入力すると、FAQ形式の構造化データがプレビュー、出力されます。

FAQリッチリザルトジェネレータの使い方

各テキストボックスに入力してください。 出力されたマークアップ（JSON-LD）をHTMLへコピペしてお使いください。 詳細については、以下で確認してみてください。

　→FAQ構造化データでリッチリザルトを表示！SEOの影響は？

FAQリッチリザルトジェネレータができること

FAQ形式リッチリザルト表示を狙うために、

• FAQの数は3つ
• 各回答に詳細URLを付ける

上記を前提にした仕様となっており、効率良くマークアップ（JSON-LD）出力することができます。

FAQリッチリザルトジェネレータの背景

海外製で既に有名なツールか存在します。

　→Schema Markup Generator

豊富な構造化データ種があり、非常に高性能なのですが、以下のような不満がありました。

• 構造化データ項目を都度追加するのが面倒
• 各回答に詳細URLを付ける場合、マークアップが面倒

構造化データはFAQ形式の限定、「FAQの数は3つ」「各回答に詳細URLを付ける」この条件に特化することで、マークアップ（JSON-LD）出力することを目指しました。

開発環境

• JavaScript
• HTML
• CSS

参考にした情報

• JavaScriptでプレビュー機能 onKeyup onchange - Qiita
• JavaScript : テキストのコピーボタンを実装。

作成者について

ココミルはホームページ作成のお役立ち情報を紹介しております。

　→https://cocomiru.com/