を含む完全なブロックです。記事ページのHTMLの内、または内のどこかにそのまま貼り付けてください。1ページに複数の構造化データを置いても問題ありません。貼り付け後はGoogleのリッチリザルトテストやスキーマ検証ツールで正しく認識されるか確認することをおすすめします。"}},{"@type":"Question","name":"入力した内容はサーバーに送信されますか?","acceptedAnswer":{"@type":"Answer","text":"いいえ。このツールはすべてブラウザ内(クライアントサイド)のJavaScriptだけで動作し、入力した見出しや著者名、URLなどが外部サーバーへ送信されることはありません。生成処理もお使いの端末内で完結するため、公開前の下書き記事の情報を入力しても安心してご利用いただけます。"}},{"@type":"Question","name":"空欄の項目はどうなりますか?","acceptedAnswer":{"@type":"Answer","text":"画像URLや更新日、記事カテゴリ(articleSection)などの任意項目を空欄のままにすると、その項目はJSON-LDに出力されません。不要なプロパティを空文字のまま含めないことで、無効な値による警告を避けたきれいな構造化データになります。必須寄りの見出しや著者・発行元は入力しておくことをおすすめします。"}},{"@type":"Question","name":"日付はどの形式で入力すればいい?","acceptedAnswer":{"@type":"Answer","text":"公開日(datePublished)と更新日(dateModified)は日付ピッカーで選ぶだけで、出力時にISO 8601形式(YYYY-MM-DD)へ整形されます。schema.orgとGoogleはISO 8601の日付・日時形式を推奨しており、本ツールはその形式で出力するため、そのまま検索エンジンに正しく認識されます。時刻やタイムゾーンまで厳密に指定したい場合は、出力後に手動で調整してください。"}}]}
DevTools Japan トップへ

Article構造化データ生成

schema.org Article / BlogPosting / NewsArticle のJSON-LDを自動生成

記事タイプ

記事情報を入力

生成されたJSON-LD


    
このツールが生成するJSON-LDは、あなたの記事ページに貼り付けるための構造化データです(このページ自身の構造化データとは別物です)。入力内容はすべてブラウザ内で処理され、外部に送信されません。空欄の任意項目は出力に含めず、日付はISO 8601形式(YYYY-MM-DD)で出力します。

Article構造化データ生成ツールの使い方

記事・ブログ・ニュースページ向けのschema.org構造化データ(JSON-LD)を、フォームに入力するだけで自動生成する無料ツールです。見出し・概要・著者名・発行元・公開日・画像URLなどを入力すると、コピーしてそのまま貼り付けられるJSON-LDがリアルタイムで生成されます。インストールや会員登録は不要で、すべての処理はお使いの端末内(クライアントサイド)で完結します。

まず上部の「記事タイプ」でArticle・BlogPosting・NewsArticleのいずれかを選び、続けて記事情報を入力してください。入力するたびに下部のコードボックスの内容が更新されます。完成したら「コピー」ボタンで全体をコピーし、記事ページのHTMLに貼り付けます。画像URLや更新日、記事カテゴリなどの任意項目は空欄のままでも構いません。空欄の項目は出力に含まれないため、余計な空値のないきれいな構造化データになります。

構造化データを設置するメリット

Articleなどの構造化データを設置すると、検索エンジンが記事のタイトル・著者・公開日・画像といった情報を正確に理解できるようになり、検索結果でのリッチな表示(見出しやサムネイル)につながる可能性があります。ニュース系のコンテンツではNewsArticle、ブログ記事ではBlogPostingを使うことで、コンテンツの種類も明確に伝えられます。

各項目の説明

項目プロパティ説明
記事タイプ@typeArticle / BlogPosting / NewsArticle から選択
見出しheadline記事のタイトル。Googleは110文字以内を推奨
概要description記事内容の短い要約
著者名authorPerson型として出力される著者の名前
発行元publisherOrganization型。ロゴURLも指定可能
公開日 / 更新日datePublished / dateModifiedISO 8601形式(YYYY-MM-DD)で出力
画像URLimage記事のメイン画像。リッチリザルトで重要
記事URLmainEntityOfPageこの記事が主題となるページのURL
記事カテゴリarticleSection記事のセクション・カテゴリ名(任意)

出力形式について

生成されるコードは<script type="application/ld+json">で始まる完全なブロックです。特殊文字(引用符やバックスラッシュなど)は正しくエスケープされるため、値をそのまま入力しても壊れたJSONにはなりません。設置後はGoogleのリッチリザルトテストやschema.orgのバリデータで、意図どおりに認識されるかを確認することをおすすめします。

よくある質問

ArticleとBlogPostingとNewsArticleの違いは?
いずれもschema.orgの記事系タイプで、BlogPostingとNewsArticleはArticleのサブタイプです。一般的な記事にはArticle、ブログ記事にはBlogPosting、報道・ニュース記事にはNewsArticleを選ぶのが目安です。本ツールでは3つのタイプをボタンで切り替えられ、選んだ@typeがそのままJSON-LDに反映されます。迷ったときは汎用のArticleを選んでおけば問題ありません。
生成したJSON-LDはどこに貼り付ければいい?
生成されたコードは<script type="application/ld+json">〜</script>を含む完全なブロックです。記事ページのHTMLの<head>内、または<body>内のどこかにそのまま貼り付けてください。1ページに複数の構造化データを置いても問題ありません。貼り付け後はGoogleのリッチリザルトテストやスキーマ検証ツールで正しく認識されるか確認することをおすすめします。
入力した内容はサーバーに送信されますか?
いいえ。このツールはすべてブラウザ内(クライアントサイド)のJavaScriptだけで動作し、入力した見出しや著者名、URLなどが外部サーバーへ送信されることはありません。生成処理もお使いの端末内で完結するため、公開前の下書き記事の情報を入力しても安心してご利用いただけます。
空欄の項目はどうなりますか?
画像URLや更新日、記事カテゴリ(articleSection)などの任意項目を空欄のままにすると、その項目はJSON-LDに出力されません。不要なプロパティを空文字のまま含めないことで、無効な値による警告を避けたきれいな構造化データになります。必須寄りの見出しや著者・発行元は入力しておくことをおすすめします。
日付はどの形式で入力すればいい?
公開日(datePublished)と更新日(dateModified)は日付ピッカーで選ぶだけで、出力時にISO 8601形式(YYYY-MM-DD)へ整形されます。schema.orgとGoogleはISO 8601の日付・日時形式を推奨しており、本ツールはその形式で出力するため、そのまま検索エンジンに正しく認識されます。時刻やタイムゾーンまで厳密に指定したい場合は、出力後に手動で調整してください。

関連ツール

カウントダウン計算ツール一覧へ