定期購入とペイウォール コンテンツ

ここでは、schema.org JSON-LD の CreativeWork のプロパティを使用して、サイトのペイウォール コンテンツを指定する方法について説明します。この方法でデータを構造化することで、それがペイウォール コンテンツなのか、Google ガイドラインに違反するクローキングなのかを、Google のクローラが容易に識別できるようになります。定期購入とペイウォール コンテンツについて詳しくはこちらをご覧ください。

次に、ペイウォール コンテンツの NewsArticle 構造化データの例を示します。

ガイドライン

コンテンツを検索結果に表示するためには、構造化データの一般ガイドライン技術ガイドラインに準拠しなければなりません。ペイウォール コンテンツの場合は、さらに以下のガイドラインが適用されます。

  • ペイウォール コンテンツの構造化データを指定する方法として認められているのは JSON-LD のみです。
  • コンテンツ セクションをネストしないでください。
  • cssSelector プロパティでは .class セレクタのみを使用してください。

ペイウォール コンテンツにマークアップを追加する

ウェブサイトで提供するコンテンツに、定期購入や登録を行ったユーザーのみがアクセスできるようにする場合は、次の手順に沿ってマークアップを追加します。この例は、NewsArticle 構造化データに適用できます。この手順は、AMP かどうかに関係なくすべてのページに適用してください。

  1. クラス名を追加し、ページのペイウォール セクション全体を囲みます。次に例を示します。
    <p>This content is outside a paywall and is visible to all.</p>
    <div class="paywall">This content is inside a paywall, and requires a subscription or registration.</div>
  2. NewsArticle 構造化データを追加します。
  3. JSON-LD 構造化データ(強調表示された部分)を NewsArticle 構造化データに追加します。
    {
      "@context": "http://schema.org",
      "@type": "NewsArticle",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://example.org/article"
      },
      (...)
      "isAccessibleForFree": "False",
      "hasPart":
        {
        "@type": "WebPageElement",
        "isAccessibleForFree": "False",
        "cssSelector" : ".paywall"
        }
     }
    

複数のペイウォール セクションがある場合

ページに複数のペイウォール セクションがある場合は、クラス名を配列として追加します。

次に例を示します。

<div class="section1">This content is inside a paywall, and requires a subscription or registration.</div>
<p>This content is outside a paywall and is visible to all.</p>
<div class="section2">This is another section that's inside a paywall, and requires a subscription or registration.</div>

次に、複数のペイウォール セクションがある NewsArticle 構造化データの例を示します。

{
  "@context": "http://schema.org",
  "@type": "NewsArticle",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://example.org/article"
  },
  (...)
  "isAccessibleForFree": "False",
  "hasPart": [
    {
    "@type": "WebPageElement",
    "isAccessibleForFree": "False",
    "cssSelector" : ".section1"
    },
    {
    "@type": "WebPageElement",
    "isAccessibleForFree": "False",
    "cssSelector" : ".section2"
    }
  ]
 }

AMP に関する考慮事項

AMP ページに構造化データが含まれている場合は、必要に応じて amp-access を使用することを検討してください。

フィードバックを送信...