📋 HowTo構造化データ
手順（ステップ）コンテンツの全体タイトル・説明と各手順を入力すると、Schema.orgのHowTo構造化データ（JSON-LD）をリアルタイムに生成します。生成したコードをページに貼り付けるだけで、検索結果や音声アシスタントの手順リッチリザルトに対応できます。すべての処理はブラウザ内で完結し、データはサーバーに送信されません。
手順全体のタイトルです。検索結果の見出しになります。
手順全体の概要です。空でも動作しますが、入力を推奨します。
ISO 8601形式の期間。空欄なら出力に含めません。
最低1つの手順が必要です。手順名または説明のどちらかを入力すると出力に反映されます。画像URL・リンクURLは任意です。
<script type="application/ld+json"> で囲んだ状態で出力します。ページの <head> か <body> にそのまま貼り付けてください。
📘 使い方
- 「全体タイトル」に手順コンテンツ全体の見出しを入力します。入力すると自動でコードが更新されます。
- 「全体説明」に手順の概要を入力します。何をする手順なのかを一文で表すのがおすすめです。
- 各「手順」カードに手順名と説明を入力します。必要に応じて画像URL・リンクURLを追加できます（任意）。
- 「+ 手順を追加」で手順を増やし、不要な手順は各カードの「削除」で減らせます（最低1つは残ります）。
- 右側に生成されたJSON-LDを「コピー」または「ダウンロード」し、ページのHTMLに貼り付けます。公開後はGoogleのリッチリザルトテストで検証しましょう。
❓ よくある質問
HowTo構造化データとは何ですか？
HowTo（ハウツー）構造化データは、Schema.orgで定義された「手順を追って何かを達成する方法」を検索エンジンに伝えるためのマークアップです。JSON-LD形式でページに埋め込むと、Google検索や音声アシスタントが手順を理解しやすくなり、番号付きのステップ表示などのリッチリザルトとして表示される可能性が高まります。本ツールは入力内容から、そのまま貼り付け可能なJSON-LDを生成します。
画像URLやリンクURLは必須ですか？
いいえ、任意です。各手順の画像URL（image）とリンクURL（url）は、入力した手順にだけ出力へ含まれ、空欄の場合はそのキー自体を出力しません。画像は手順の視認性を高め、リッチリザルトでの表示にも有利になることがあるため、可能であれば設定するのがおすすめです。指定する場合は、file:// ではなく公開された絶対URL（https://…）を使用してください。
手順はいくつまで追加できますか？
本ツールに上限はなく、必要な数だけ「+ 手順を追加」で増やせます。ただし手順名または説明のどちらも空の手順は出力から自動的に除外されます。実際のコンテンツと一致する、意味のある手順のみを記載してください。手順が多すぎて内容が薄くならないよう、1手順1アクションを目安にまとめると読みやすくなります。
動画や合計時間などの情報も追加できますか？
本ツールでは「合計所要時間（totalTime）」をISO 8601形式（例：PT5M）で任意に追加できます。動画（video）や必要な道具（tool）・材料（supply）、費用（estimatedCost）などのプロパティはSchema.orgのHowToで定義されていますが、本ツールの出力には含めていません。より高度なマークアップが必要な場合は、生成されたJSON-LDを土台に手動でプロパティを追記してください。