Langganan dan konten berbayar berpenghalang

Halaman ini menjelaskan cara menggunakan JSON-LD schema.org untuk menunjukkan konten berbayar berpenghalang di situs Anda dengan properti CreativeWork. Data terstruktur ini membantu Google membedakan konten berbayar berpenghalang dengan praktik penyelubungan, yang melanggar panduan kami. Pelajari langganan dan konten berbayar berpenghalang lebih lanjut.

Contoh

Berikut ini contoh data terstruktur NewsArticle yang berisi konten berbayar berpenghalang. 

<html>
  <head>
    <title>Article headline</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://example.org/article"
      },
      "headline": "Article headline",
      "image": "https://example.org/thumbnail1.jpg",
      "datePublished": "2025-02-05T08:00:00+08:00",
      "dateModified": "2025-02-05T09:20:00+08:00",
      "author": {
        "@type": "Person",
        "name": "John Doe"
      },
      "publisher": {
         "name": "The Exemplary Times",
         "@type": "Organization",
         "logo": {
            "@type": "ImageObject",
            "url": "https://example.org/logo.jpg"
         }
      },
      "description": "A most wonderful article",
      "isAccessibleForFree": "False",
      "hasPart":
        {
        "@type": "WebPageElement",
        "isAccessibleForFree": "False",
        "cssSelector" : ".paywall"
        }
    }
    </script>
  </head>
  <body>
    <div class="non-paywall">
      Non-Paywalled Content
    </div>
    <div class="paywall">
      Paywalled Content
    </div>
  </body>
</html>

Panduan

Anda harus mengikuti panduan data terstruktur umum dan panduan teknis agar halaman Anda memenuhi syarat untuk ditampilkan di hasil penelusuran. Selain itu, panduan berikut juga berlaku untuk konten berbayar berpenghalang:

  • Format JSON-LD dan microdata adalah metode yang diterima guna menentukan data terstruktur untuk konten berbayar berpenghalang.
  • Jangan menumpuk bagian konten.
  • Hanya gunakan selektor .class untuk properti cssSelector.

Menambahkan markup ke konten berbayar berpenghalang

Jika Anda menawarkan akses berbasis langganan ke konten situs, atau jika pengguna harus mendaftar agar dapat mengakses konten apa pun yang ingin Anda indeks, ikuti langkah-langkah di bawah. Contoh berikut berlaku untuk data terstruktur NewsArticle. Pastikan Anda mengikuti langkah-langkah berikut untuk semua versi halaman (termasuk AMP dan non-AMP).

  1. Tambahkan nama class di setiap bagian berbayar berpenghalang pada halaman Anda. Contoh: 
    <body>
<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>
</body>
  2. Tambahkan data terstruktur NewsArticle.
  3. Tambahkan data terstruktur JSON-LD yang disorot ke data terstruktur NewsArticle Anda. 
    {
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://example.org/article"
  },
  (...)
  "isAccessibleForFree": "False",
  "hasPart": {
    "@type": "WebPageElement",
    "isAccessibleForFree": "False",
    "cssSelector": ".paywall"
  }
}

Beberapa bagian berbayar berpenghalang

Jika Anda memiliki beberapa bagian berbayar berpenghalang pada sebuah halaman, tambahkan nama-nama class secara berderetan.

Berikut ini contoh bagian berbayar berpenghalang di sebuah halaman:

<body>
<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>
</body>

Berikut ini contoh data terstruktur NewsArticle yang berisi beberapa bagian berbayar berpenghalang. 

{
  "@context": "https://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"
    }
  ]
}

Jenis yang didukung

Markup ini didukung untuk jenis CreativeWork atau salah satu dari jenis CreativeWork yang lebih spesifik berikut:

Beberapa jenis schema.org dapat digunakan, seperti berikut:

"@type": ["CreativeWork","Article","Person"]

Pertimbangan terkait AMP

Berikut ini hal-hal yang perlu dipertimbangkan jika Anda menggunakan halaman AMP:

  • Jika Anda memiliki halaman AMP dengan konten berbayar berpenghalang, gunakan amp-subscriptions jika sesuai.
  • Pastikan endpoint otorisasi Anda memberikan akses ke konten untuk bot yang sesuai dari Google dan pihak lainnya. Akses ini berbeda untuk setiap penerbit.
  • Pastikan kebijakan akses bot Anda sama, baik untuk halaman AMP maupun non-AMP. Jika tidak, error ketidakcocokan konten akan muncul di Search Console.

Memastikan Google dapat meng-crawl dan mengindeks halaman Anda

Jika Anda ingin Google meng-crawl dan mengindeks konten, termasuk bagian berbayar berpenghalang, pastikan Googlebot, dan Googlebot-News jika berlaku, dapat mengakses halaman Anda.

Gunakan Alat Inspeksi URL untuk menguji cara Google meng-crawl dan merender URL di situs Anda.

Mengontrol informasi apa saja yang ditampilkan di hasil penelusuran

Untuk mencegah Google menampilkan link cache halaman Anda, gunakan tag meta robot noarchive.

Untuk mengecualikan bagian tertentu dari konten Anda agar tidak muncul di cuplikan hasil penelusuran, gunakan atribut HTML data-nosnippet. Anda juga dapat membatasi jumlah karakter yang dapat dimiliki cuplikan hasil penelusuran dengan tag meta robot max-snippet.

Pemecahan masalah

Jika Anda mengalami masalah saat menerapkan data terstruktur, berikut beberapa referensi yang dapat membantu Anda.