メインコンテンツにスキップ

構造化データを設定する

Studioのページに構造化データ(JSON‑LD形式)を追加する方法を説明します。構造化データを正しく設定することで、検索結果での表示が充実し、SEOの向上につながります。

今日アップデートされました

構造化データとは

構造化データ(JSON-LD形式)は、ページ内コンテンツの意味や役割を検索エンジンに正確に伝えるためのマークアップです。 JSON‑LD形式を使うと、ページのHTMLとは分離してコンテンツの構造を記述できるため、メンテナンス性が高くなります。

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

詳しくは以下のGoogle検索セントラル公式ドキュメントをご覧ください。

注意:構造化データ設定と検索結果

設定した構造化データが正確でも、検索結果での表示内容やリッチリザルト表示の有無は検索エンジンの判断によって決まります。

検索エンジンの判断によっては期待した表示結果にならないことがあります。


構造化データの設定手順

注意

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

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

1. マークアップコードを準備する

対象のコンテンツに合ったJSON‑LDコードを用意します。

Googleが提供するサンプルコードを参考にするか、構造化データ マークアップ支援ツールを使うと効率的です。

Tips:Studioの構造化データマークアップ入力欄には、デフォルトのJSON‑LDコードが用意されています。 外部ツールを利用せずに、このコードをベースに編集することも可能です。

  1. Google検索セントラルの構造化データ マークアップ支援ツール(外部リンク)で、目的に近いコンテンツタイプ(例:Article、Product、FAQなど)を確認します。

  2. 該当タイプのサンプルコードをコピーし、サイト用に書き換えるか、マークアップ支援ツールで必要な項目を入力してコードを自動生成します。

2. 構造化データをテストする

作成したJSON‑LDコードが適切に記述されているか、Googleの外部テストツールで検証します。

  1. Googleの構造化データテストツールや検証ツールにアクセスします。

  2. 「コードをテスト」モードで、用意したJSON‑LDコードを貼り付けて検証します。

  3. エラーや警告が出た場合は、内容を確認してコードを修正します。

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

注意:ライブプレビューURLでもテストは可能ですが、「URLはGoogleに登録できません」「クロールに失敗」などのエラーが表示される場合があります。

これはライブプレビューの仕組みによるもので、構造化データの検出内容のみを確認してください。

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

テストが完了したJSON‑LDコードを、Studioのページ設定から挿入します。モーダル・動的モーダルには構造化データを設定することができません。

  1. 対象プロジェクトのデザインエディタを開きます。

  2. ページパネルで対象のページを選び、開きます。

  3. 右パネルで、[ページ]タブを選択します。パネルが閉じている場合は、右パネルを開いてください。

  4. ページ設定タブ最下部の[構造化データ]設定を開き、[構造化データマークアップ]を有効にします。

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

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

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

4. プロパティを挿入する(動的ページの場合)

Studio CMSData Connect APIで取得した外部データなど、デザインエディタ外のコンテンツを反映している動的ページには、記事タイトルや本文などアイテムごとに変わる値をプロパティとして差し込みます。

例)CMS記事ページでArticleタイプの構造化データを使う場合は、次のようなプロパティを設定します。

  • name:記事タイトル

  • url:記事ページのURL

  • image:カバー画像

  • articleBody:記事本文

「articleSection(見出し)」を構造化データに含めたい場合には、記事本文のプロパティに「見出しを抽出」フィルターを設定します。

  1. JSON‑LDコード内の該当箇所で、差し込みたい項目の入力欄をクリックします。

  2. プロパティ一覧から、対象プロパティ(例:タイトル、本文、カバー画像など)を選択します。

  3. 「articleSection」を使う場合は、Body(または、本文・Contents)プロパティを選び、文字列フィルターで[見出しを抽出]を選択します。

5. サイトを更新する

公開中のサイトを編集している場合には、サイトを更新して公開サイトに変更を反映します。

Tips

検索エンジンのクロールタイミングによっては、検索結果への反映まで時間がかかります。 必要に応じて、Googleサーチコンソールから再クロールをリクエストしてください。


構造化データを編集する

  1. 対象プロジェクトのデザインエディタを開きます。

  2. ページパネルで対象のページを選び、開きます。

  3. 右パネルで、[ページ]タブを選択します。パネルが閉じている場合は、右パネルを開いてください。

  4. ページ設定タブ最下部の[構造化データ]設定を開き、コードを編集します。

  5. 公開中のサイトを編集している場合には、サイトを更新して公開サイトに変更を反映します。


構造化データを削除する

構造化データを削除すると、ページのHTMLからJSON‑LDが出力されなくなります。

  1. 対象プロジェクトのデザインエディタを開きます。

  2. ページパネルで対象のページを選び、開きます。

  3. 右パネルで、[ページ]タブを選択します。パネルが閉じている場合は、右パネルを開いてください。

  4. ページ設定タブ最下部の[構造化データ]設定を開き、コードを削除します。

  5. 公開中のサイトを編集している場合には、サイトを更新して公開サイトに変更を反映します。


よくある質問

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

A. 各ページのページ設定タブ下部に、構造化データを入力する箇所があります。

  1. ページパネルで対象のページを選び、開きます。

  2. 右パネルで、[ページ]タブを選択します。パネルが閉じている場合は、右パネルを開いてください。

  3. ページ設定タブ最下部までスクロールし、[構造化データ]設定を開きます。

  4. [構造化データマークアップ]のトグルと入力欄が表示されているか確認します。

それでも見つからない場合は、次の点を確認してください。

  • モーダルまたは動的モーダルページに構造化データを設定しようとしていないか

  • ページ設定タブではなく、サイト設定タブを開いていないか

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