구독 및 페이월 콘텐츠

이 페이지에서는 CreativeWork 속성을 이용해 schema.org JSON-LD로 사이트의 페이월 콘텐츠를 표시하는 방법을 설명합니다. 이 구조화된 데이터는 Google에서 페이월 콘텐츠와 클로킹 행위를 구분하는 데 도움을 줍니다. 클로킹은 Google 가이드라인을 위반하는 행위입니다. 구독 및 페이월 콘텐츠에 관해 자세히 알아보세요.

다음은 페이월 콘텐츠가 포함된 NewsArticle 구조화된 데이터의 예입니다.

가이드라인

검색결과에 콘텐츠가 표시되게 하려면 구조화된 데이터 일반 가이드라인기술 가이드라인을 준수해야 합니다. 페이월 콘텐츠에는 다음의 가이드라인도 적용됩니다.

  • JSON-LD는 페이월 콘텐츠에 구조화된 데이터를 지정하는 방법 중 유일하게 허용된 방법입니다.
  • 콘텐츠 섹션을 중첩하지 마시기 바랍니다.
  • cssSelector 속성에는 .class 선택자만 사용하시기 바랍니다.

페이월 콘텐츠에 마크업 추가

제공하는 웹사이트 콘텐츠가 구독 시 이용 가능하거나 가입이 필요한 경우, 아래 단계를 따르세요. 다음의 예는 NewsArticle 구조화된 데이터에 적용됩니다. AMP 및 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 사용을 고려해 보시기 바랍니다.

다음에 대한 의견 보내기...