Article

뉴스, 블로그 및 스포츠 기사 페이지에 구조화된 Article 데이터를 추가하면 Google 검색결과에 표시되는 방식을 개선할 수 있습니다. 페이지 코딩 방법에 따라 페이지에서 다른 기능을 이용할 수 있습니다.

  • 구조화된 데이터가 포함된 AMP: 구조화된 데이터가 포함된 AMP 페이지는 주요 뉴스 캐러셀, 리치 결과의 호스트 캐러셀, 이미지로 보는 뉴스, 모바일 Google 검색결과의 리치 결과에 표시될 수 있습니다. 이러한 결과에는 이미지, 페이지 로고 및 기타 흥미로운 검색결과 기능이 포함될 수 있습니다.
  • 구조화된 데이터가 포함된 비 AMP 웹페이지: 구조화된 Article 데이터를 포함하는 비 AMP 페이지는 Google에서 웹페이지를 더 잘 파악하고 기사의 더 나은 헤드라인 텍스트, 이미지 및 게시 날짜를 Article 리치 결과에 표시하는 데 도움이 됩니다.

예

다음은 구조화된 Article 데이터가 포함된 AMP 페이지의 JSON-LD 코드 예입니다.


<html amp>
  <head>
    <title>Article headline</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://google.com/article"
      },
      "headline": "Article headline",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
      ],
      "datePublished": "2015-02-05T08:00:00+08:00",
      "dateModified": "2015-02-05T09:20:00+08:00",
      "author": {
        "@type": "Person",
        "name": "John Doe",
        "url": "http://example.com/profile/johndoe123"
      },
      "publisher": {
        "@type": "Organization",
        "name": "Google",
        "logo": {
          "@type": "ImageObject",
          "url": "https://google.com/logo.jpg"
        }
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

다음은 구조화된 Article 데이터가 포함된 비 AMP 페이지의 예입니다. 비 AMP 페이지에 권장되는 사항은 AMP 페이지와 다릅니다. 


<html>
  <head>
    <title>Article headline</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "headline": "Article headline",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "datePublished": "2015-02-05T08:00:00+08:00",
      "dateModified": "2015-02-05T09:20:00+08:00",
      "author": [{
          "@type": "Person",
          "name": "Jane Doe",
          "url": "http://example.com/profile/janedoe123"
        },{
          "@type": "Person",
          "name": "John Doe",
          "url": "http://example.com/profile/johndoe123"
      }]
    }
    </script>
  </head>
  <body>
  </body>
</html>

구현

구조화된 데이터가 포함된 AMP

뉴스 기사의 AMP 결과 캐러셀

구조화된 데이터가 있는 AMP 페이지는 검색결과의 뉴스 캐러셀에 표시될 수 있습니다. 구조화된 데이터가 없는 AMP 페이지는 Google 검색결과에서 일반적인 파란색 링크로만 표시될 수 있습니다. 검색결과에서의 AMP에 관해 자세히 알아보려면 Google 검색에서의 AMP에 관한 정보를 참조하세요.

구조화된 데이터가 포함된 AMP 페이지를 만드는 방법:

  1. AMP 프로젝트 사양을 따릅니다.
  2. Google에서 페이지를 크롤링할 수 있도록 추가 페이지 가이드라인을 따릅니다.
  3. 페이지의 기사를 설명하는 구조화된 데이터 요소를 추가합니다.
  4. 리치 결과 테스트를 사용하여 구조화된 데이터를 테스트합니다.

구조화된 데이터가 포함된 비 AMP 페이지

검색 결과에 구조화된 기사 데이터가 포함된 비 AMP 페이지

비 AMP 페이지에 구조화된 Article 데이터를 추가하면 Google에서 Google 검색결과에 표시해야 하는 적합한 헤드라인, 게시 날짜, 이미지를 더 정확하게 제안할 수 있습니다.

비 AMP 기사 페이지에 구조화된 데이터를 추가하는 방법:

  1. 페이지의 기사를 설명하는 구조화된 데이터 요소를 페이지에 추가합니다.
  2. Google에서 페이지를 크롤링할 수 있도록 가이드라인을 준수합니다.
  3. 리치 결과 테스트를 사용하여 구조화된 데이터를 테스트합니다.

가이드라인

구조화된 데이터가 Google 검색결과에 포함되도록 하려면 가이드라인을 따라야 합니다.

기술 가이드라인

  • 웹사이트 콘텐츠에 구독 기반 액세스 권한을 제공하거나 사용자가 액세스 등록을 해야 하는 경우, 구독 및 페이월 콘텐츠를 위한 구조화된 데이터를 추가해 보세요.
  • 여러 부분으로 구성된 콘텐츠의 경우 rel=canonical이 개별 페이지 또는 ‘모두 보기’ 페이지(여러 부분으로 구성된 시리즈의 1페이지가 아님)를 가리키도록 해야 합니다. 표준화에 관해 자세히 알아보세요.

AMP 로고 가이드라인

다음 가이드라인은 AMP 스토리를 포함한 모든 AMP 페이지의 로고에 적용됩니다.

  • Google 이미지에서 지원되는 파일 형식이어야 합니다.
  • 애니메이션을 사용하면 안 됩니다.
  • 로고의 그래픽 부분을 배경색 위에서 알아볼 수 있어야 합니다.

다음 가이드라인은 AMP 스토리가 아닌 일반 AMP 페이지에 사용되는 로고에 적용됩니다. AMP 스토리에는 별도의 로고 요구사항이 적용됩니다.

  • 로고는 정사각형이 아니라 직사각형이어야 합니다.
  • 로고는 60x600픽셀 직사각형에 맞아야 하며, 높이가 정확히 60픽셀(권장)이거나 너비가 정확히 600픽셀이어야 합니다. 예를 들어 450x45픽셀의 로고는 600x60픽셀 직사각형 안에 들어가지만 사용할 수 없습니다.

    로고의 예

  • 게시자는 일반 AMP 페이지 전체에서 일관성이 지켜지도록 브랜드당 하나의 로고만 사용해야 합니다.
  • 아이콘이 아닌 전체 워드마크나 전체 로고를 사용합니다.
  • 단어를 기반으로 하는 로고의 텍스트는 높이가 최대 48픽셀이어야 하고 60픽셀의 이미지 높이 내에서 세로로 가운데 정렬해야 합니다. 패딩을 추가하여 높이를 60픽셀로 만드세요.

  • 단색 배경의 로고에는 그래픽 주위에 최소 6픽셀의 패딩이 포함되어야 합니다.

구조화된 데이터 유형 정의

다음 섹션에서는 구조화된 Article 데이터의 속성 요구사항을 설명합니다. AMP 페이지와 비 AMP 페이지는 속성 요구사항과 권장사항이 서로 다릅니다.

  • AMP 페이지: 리치 결과로 콘텐츠를 표시하려면 필수 속성이 포함되어야 합니다. 권장 속성을 통해 콘텐츠에 관한 더 많은 정보를 추가하여 더 나은 사용자 환경을 제공할 수 있습니다.
  • 비 AMP 페이지: Google에서 페이지를 더 잘 이해할 수 있도록 비 AMP 페이지에 권장되는 속성을 포함합니다.

Article 객체

Article 객체는 schema.org 유형인 Article, NewsArticle, BlogPosting 중 하나를 기반으로 해야 합니다.

AMP

다음 속성은 AMP 페이지에 적용됩니다.

필수 속성
author

Person 또는 Organization

기사의 작성자입니다. Google에서 다양한 기능을 갖춘 작성자를 이해할 수 있도록 작성자 마크업 권장사항을 따르는 것이 좋습니다.

작성자가 여러 명인 경우 작성자를 다음과 같이 배열합니다.


"author": [{
    "@type": "Person",
    "name": "Jane Doe",
    "url": "http://example.com/profile/janedoe123"
  },{
    "@type": "Person",
    "name": "John Doe",
    "url": "http://example.com/profile/johndoe123"
}]
author.name

Text

작성자의 이름입니다.
datePublished

DateTime

기사가 처음으로 게시된 날짜와 시간입니다. ISO 8601 형식으로 나타냅니다.

권장사항

  • 시간이 지나도 날짜가 변경되지 않아야 합니다.
  • 타임스탬프에 날짜 외에 시간 정보도 포함하는 것이 좋습니다.
  • dateModified 값이 datePublished 값보다 최근이어야 합니다.
headline

Text

기사의 헤드라인입니다. 헤드라인은 110자(영문기준)를 초과해서는 안 됩니다. AMP 스토리의 경우 헤드라인이 AMP 스토리의 첫 번째 커버 페이지에 있는 텍스트와 일치해야 합니다.
image

ImageObject 또는 URL의 반복되는 속성

기사 또는 AMP 스토리를 잘 나타내는 이미지의 URL입니다.

검색결과에서의 형식이 다르기 때문에 다음 이미지 가이드라인은 AMP 스토리가 아닌 일반 AMP 페이지에만 적용됩니다. AMP 스토리에는 별도의 이미지 요구사항이 적용됩니다.

  • 기사에 직접 포함된 마크업된 이미지만 지정할 수 있습니다.
  • 이미지의 너비는 1,200픽셀 이상이어야 합니다.
  • 모든 페이지에는 마크업 포함 여부와 관계없이 하나 이상의 이미지가 있어야 합니다. Google에서 가로세로 비율과 해상도를 기반으로 검색결과에 표시할 최적의 이미지를 선택합니다.
  • 이미지 URL은 크롤링 및 색인 생성이 가능해야 합니다.
  • 이미지는 마크업된 콘텐츠를 나타내야 합니다.
  • Google 이미지에서 지원되는 파일 형식이어야 합니다.
  • 최상의 결과를 위해서는 가로세로 비율이 16x9, 4x3, 1x1인 여러 개의 고해상도 이미지(너비와 높이의 곱이 최소 800,000픽셀)를 제공하세요.

예:


{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "image": [
    "https://example.com/photos/1x1/photo.jpg",
    "https://example.com/photos/4x3/photo.jpg",
    "https://example.com/photos/16x9/photo.jpg"
  ]
}
publisher

Organization

기사의 게시자입니다.
publisher.logo

URL 또는 ImageObject

게시자의 로고입니다. 이미지 콘텐츠에 대한 자세한 내용은 AMP 로고 가이드라인을 참고하세요.

ImageObject 유형을 사용하는 경우 url 필드를 로고의 URL로 설정해야 합니다.

예:


{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "publisher": {
    "@type": "Organization",
    "name": "Google",
    "logo": {
      "@type": "ImageObject",
      "url": "https://google.com/logo.jpg"
    }
  }
}

다음은 URL 유형을 사용하는 예시입니다.


{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "publisher": {
    "@type": "Organization",
    "name": "Google",
    "logo": "https://google.com/logo.jpg"
  }
}
publisher.name

Text

게시자 이름입니다.
권장 속성
author.url

URL

기사의 작성자를 고유하게 식별하는 웹페이지 링크입니다. 작성자의 소셜 미디어 페이지나 내 정보 페이지, 약력 페이지를 예로 들 수 있습니다.
dateModified

DateTime

기사가 최근에 수정된 날짜와 시간입니다. ISO 8601 형식으로 나타냅니다.
mainEntityOfPage

URL

기사 페이지의 표준 URL입니다. 기사가 페이지의 주요 주제인 경우 mainEntityOfPage를 지정합니다.
비 AMP 페이지

다음 속성은 비 AMP 페이지에 적용됩니다.

권장 속성
author

Person 또는 Organization

기사의 작성자입니다. Google에서 다양한 기능을 갖춘 작성자를 이해할 수 있도록 작성자 마크업 권장사항을 따르는 것이 좋습니다.

author.name

Text

작성자의 이름입니다.
author.url

URL

기사의 작성자를 고유하게 식별하는 웹페이지 링크입니다. 작성자의 소셜 미디어 페이지나 내 정보 페이지, 약력 페이지를 예로 들 수 있습니다.
dateModified

DateTime

기사가 최근에 수정된 날짜와 시간입니다. ISO 8601 형식으로 나타냅니다.
datePublished

DateTime

기사가 처음으로 게시된 날짜와 시간입니다. ISO 8601 형식으로 나타냅니다.
headline

Text

기사의 헤드라인입니다. 헤드라인은 110자(영문기준)를 초과해서는 안 됩니다.
image

반복되는 ImageObject 또는 URL

기사를 잘 나타내는 이미지의 URL입니다. 기사에 직접 포함된 마크업된 이미지만 지정할 수 있습니다. 이미지의 너비는 696픽셀 이상이어야 합니다.

추가 이미지 가이드라인

  • 모든 페이지에는 마크업 포함 여부와 관계없이 하나 이상의 이미지가 있어야 합니다. Google에서 가로세로 비율과 해상도를 기반으로 Google 검색결과에 표시할 최적의 이미지를 선택합니다.
  • 이미지 URL은 크롤링 및 색인 생성이 가능해야 합니다.
  • 이미지는 마크업된 콘텐츠를 나타내야 합니다.
  • 이미지는 Google 이미지에서 지원되는 파일 형식이어야 합니다.
  • 최상의 결과를 위해서는 가로세로 비율이 16x9, 4x3, 1x1인 여러 개의 고해상도 이미지(너비와 높이의 곱이 최소 300,000픽셀)를 제공하세요.

예:


{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "image": [
    "https://example.com/photos/1x1/photo.jpg",
    "https://example.com/photos/4x3/photo.jpg",
    "https://example.com/photos/16x9/photo.jpg"
  ]
}

작성자 마크업 권장사항

Google에서 콘텐츠 작성자를 가장 잘 이해하고 대표할 수 있도록 마크업에 작성자를 지정할 때 다음 권장사항을 따르는 것이 좋습니다.

작성자 마크업 권장사항

마크업에 모든 작성자 포함

웹페이지에 작성자로 표시되는 모든 작성자도 마크업에 포함되어야 합니다.

여러 명의 작성자 지정

여러 명의 작성자를 지정할 경우 각 작성자를 다음과 같이 해당하는 author 필드에 나열합니다. 


"author": [
  {"name": "Willow Lane"},
  {"name": "Regula Felix"}
]

하나의 author 필드에 여러 명의 작성자를 병합하지 마세요. 


"author": {
  "name": "Willow Lane, Regula Felix"
}

추가 필드 사용

Google에서 저자를 더 잘 이해할 수 있도록 type 및 url(또는 sameAs) 속성을 사용하는 것이 좋습니다. url 또는 sameAs 속성에 유효한 URL을 사용하세요.

예를 들어 저자가 사람이라면 작성자에 관한 자세한 정보를 제공하는 작성자 페이지 링크를 제공할 수 있습니다. 


"author": [
  {
    "@type": "Person",
    "name": "Willow Lane",
    "url": "http://www.example.com/staff/willow_lane"
  }
]

작성자가 조직이라면 조직 홈페이지로 연결할 수 있습니다. 


"author":
  [
    {
      "@type":"Organization",
      "name": "Some News Agency",
      "url": "https://www.example.com/"
  }
]

작성자 이름은 author.name 속성에서만 지정하세요.

author.name 속성에서는 작성자 이름만 지정합니다. 다른 정보는 추가하지 마세요. 구체적으로 다음 정보를 추가하지 않도록 합니다.

  • 게시자 이름은 추가하지 않습니다. 대신 publisher 속성을 사용하세요.
  • 작성자의 직책은 추가하지 않습니다. 이 정보를 지정할 때는 적절한 속성(jobTitle)을 사용하세요.
  • 존칭을 나타내는 프리픽스 또는 서픽스는 추가하지 않습니다. 이 정보를 지정할 때는 적절한 속성(honorificPrefix 또는 honorificSuffix)을 사용하세요.
  • '게시자'와 같이 작성자를 소개하는 표현은 포함하지 마세요.

"author":
  [
    {
      "name": "Echidna Jones",
      "honorificPrefix": "Dr",
      "jobTitle": "Editor in Chief"
    }
  ],
"publisher":
  [
    {
      "name": "Bugs Daily"
    }
  ]
}

적절한 Type 사용

사람인 경우 Person 유형을 사용하고 조직에는 Organization 유형을 사용합니다. Thing 유형을 사용해서는 안됩니다. 또한 항목에 적합하지 않은 유형(예: 사람에게 Organization 유형 사용)을 사용하지 마세요.

다음은 작성자 마크업 권장사항을 적용한 예입니다. 

"author":
  [
    {
      "@type": "Person",
      "name": "Willow Lane",
      "jobTitle": "Journalist",
      "url":"https://www.example.com/staff/willow-lane"
    },
    {
      "@type":"Person",
      "name": "Echidna Jones",
      "jobTitle": "Editor in Chief",
      "url":"https://www.example.com/staff/echidna-jones"
    }
  ],
"publisher":
  {
    "name": "The Daily Bug",
    "url": "https://www.example.com"
  },
  // + Other fields related to the article...
}

문제 해결

구조화된 데이터를 구현하거나 디버깅하는 데 문제가 있다면 다음 리소스를 참고하세요.