構造化データ(JSON-LD)ジェネレーター

フォームに入力するだけでJSON-LD構造化データを生成。8種類のスキーマに対応し、Google検索のリッチリザルト表示を強化できます。

入力フォーム

生成結果

{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "記事タイトル",
  "description": "",
  "url": "",
  "author": {
    "@type": "Person",
    "name": "著者名"
  },
  "publisher": {
    "@type": "Organization",
    "name": "サイト名"
  },
  "datePublished": "2026-03-01",
  "dateModified": "2026-03-01"
}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "記事タイトル",
  "description": "",
  "url": "",
  "author": {
    "@type": "Person",
    "name": "著者名"
  },
  "publisher": {
    "@type": "Organization",
    "name": "サイト名"
  },
  "datePublished": "2026-03-01",
  "dateModified": "2026-03-01"
}
</script>
Google Rich Results Test で検証する

JSON-LD構造化データとは

JSON-LD(JavaScript Object Notation for Linked Data)は、Googleが推奨する構造化データの記述形式です。 HTMLの<head>タグ内にscriptタグとして埋め込むことで、検索エンジンにページの内容を明確に伝えることができます。

構造化データを実装すると、Google検索結果にリッチリザルト(FAQ表示、パンくず、商品情報、レシピ手順など)が 表示される可能性があり、クリック率(CTR)の向上に繋がります。

このツールでは、BlogPosting(ブログ記事)、FAQPage(よくある質問)、Product(商品)、BreadcrumbList(パンくず)、 Organization(組織)、LocalBusiness(店舗)、WebSite(Webサイト)、HowTo(手順)の8種類に対応しています。

対応スキーマタイプ

タイプ用途リッチリザルト
BlogPostingブログ記事・ニュース記事記事カード
FAQPageよくある質問ページFAQ展開表示
Product商品・サービス価格・評価表示
BreadcrumbListパンくずナビゲーションパンくず表示
Organization企業・組織情報ナレッジパネル
LocalBusiness店舗・ローカルビジネス地図・営業時間
WebSiteWebサイト全体サイトリンク検索ボックス
HowTo手順・ハウツー記事ステップ表示

このツールの使い方

  • 生成したいスキーマタイプを選択します
  • フォームに必要な情報を入力します(リアルタイムでJSON-LDが更新されます)
  • 「scriptタグごとコピー」ボタンでHTMLに貼り付けるコードをコピーします
  • HTMLの<head>タグ内に貼り付けます
  • Google Rich Results Test で正しく認識されるか検証します

このツールが役に立ったらシェアしてください

Share:

ご意見・ご要望をお聞かせください

Powered by IdeaSpool

関連記事

よくある質問

Q. どのスキーマタイプに対応していますか?
BlogPosting(ブログ記事)、FAQPage(よくある質問)、Product(商品)、BreadcrumbList(パンくず)、Organization(組織)、LocalBusiness(店舗)、WebSite(Webサイト)、HowTo(手順)の8種類に対応しています。
Q. 生成したJSON-LDはどこに貼り付ければいいですか?
HTMLの<head>タグ内に<script type="application/ld+json">として貼り付けてください。Next.jsやNuxt.jsの場合はフレームワーク固有のメタデータ設定を使用します。
Q. 構造化データが正しく認識されるか確認する方法は?
GoogleのRich Results Test(https://search.google.com/test/rich-results)でURLまたはコードを貼り付けて検証できます。このツールから直接リンクしているので、生成後すぐに検証できます。

関連ツール

開発者

Zeronova avatar

Zeronovaゼロノバ

Product Manager / AI-Native Builder

19年以上のWeb/IT業界経験を持つPdMが、現場で本当に使えるツールを開発。登録不要・ブラウザだけで動作する無料ツールを93種類以上公開中。