メインコンテンツにスキップ
構造化データの設定方法

構造化データをページに追加して、コンテンツの意味や役割を検索エンジンに正しく伝え、SEOに役立つ機能です。

Saika avatar
対応者:Saika
昨日アップデートされました

構造化データでコンテンツを定義する方法

Studioでは、ページごとに構造化データ(JSON-LD形式)を設定することができます。この記事では、構造化データの設定方法をご紹介します。

注意

  • 本手順には外部サービスの手順も含まれています。外部サービスの仕様や動作、記事内の手順以外についてはチャット窓口でのサポート対象外となる可能性があります。

  • 記事内の外部サービスの画面や仕様は2022年9月時点の情報です。記事と異なる場合、外部サービスにて最新情報をご確認ください。

構造化データとは

構造化データ(JSON-LD形式)とは、ページ内コンテンツの意味や役割を検索エンジンに正確に伝えるためのマークアップ形式です。これを活用することで、検索エンジンに対してページ内コンテンツの構造や役割を正確に伝えることができます。

定義した情報はGoogleなどの検索エンジンによって、リッチリザルト(リッチスニペット)で表示される場合があります。リッチリザルトは「記事」「商品レビュー」「FAQ」「求人情報」など、多様なコンテンツタイプをサポートしています。

詳しくは以下の公式ドキュメントをご覧ください。

構造化データの設定手順

設定手順には、外部のツールとStduioでの設定手順が含まれています。

1. マークアップコードの準備

対象のコンテンツに適したマークアップコードを作成します。

Googleが提供するサンプルコードを参考に、またはマークアップ支援ツールを使ってコードの生成が可能です。

Tips:Studioのコード入力欄にはデフォルトで一部コードが用意されているため、外部ツールを利用せずに直接編集することも可能です。

2. 構造化データのテスト

作成したマークアップが構造化データとして適切であるかどうか、外部テストツールを用いて検証できます。

解析エラーが発生する場合は、構造化データのよくあるエラーの原因と対処法をご覧ください。

注意:ライブプレビューURLでのテストも可能ですが、「URLはGoogleに登録できません」「クロールに失敗」などのエラーが出ます。これはライブプレビューの仕組みに起因するものです。構造化データの検出内容のみご確認ください。

3. 生成したコードをページ設定にペースト

  1. エディタへアクセスし、ページパネルを開きます。

  2. ページ右横のアイコンをクリックし、ページ設定パネルを開きます。

  3. ページ設定をスクロールダウンして、[構造化データマークアップ]を有効にします。

  4. JSON-LDコードを挿入します。

    支援ツールを用いて準備したコードをペーストするか、直接編集します。

    <script type="application/ld+json"></script> の間の文字列のみ挿入してください

4. プロパティの挿入

  1. 記事タイトルなど、アイテムごとに変わるデータにプロパティを設定します。
    例:CMS記事詳細ページでは、「name(記事タイトル)」「url」「image(カバー画像)」「articleBody(本文)」などのプロパティを設定します。

  2. articleSection(見出し)」にフィルターを設定します。 [Body]プロパティをクリックして、[見出しを抽出]フィルターを設定します。

5. サイト更新

編集が完了したら、サイトを更新して公開サイトに変更を反映します。

Tips:検索エンジンのクローラーが新しい内容を検出するまで、変更は反映されません。必要に応じ、サーチコンソールで検索エンジンに再クロールをリクエストしてください。

構造化データの編集方法

  1. エディタへアクセスし、ページパネルを開きます。

  2. ページ右横のアイコンをクリックし、ページ設定パネルを開きます。

  3. ページ設定をスクロールダウンして、コードを編集します。

  4. サイトを更新して、公開サイトに変更を反映します。

構造化データの削除方法

  1. エディタへアクセスし、ページパネルを開きます。

  2. ページ右横のアイコンをクリックし、ページ設定パネルを開きます。

  3. ページ設定をスクロールダウンして、コードを削除します。

  4. サイトを更新して、公開サイトに変更を反映します。

よくある質問

Q. 構造化データを入力する項目が見当たりません。どこにありますか?

A. ページ設定を開き、スクロールダウンすると入力項目が表示されます。

また、下記をご確認ください。

  • モーダルまたは動的モーダルページに設定しようとしていないか

  • サイト設定を開いていないか

こちらの回答で解決しましたか?