뉴스, 블로그 및 스포츠 기사 페이지에 구조화된 데이터를 추가하면 Google 검색결과 노출을 개선할 수 있습니다. 고급 기능으로는 주요뉴스 캐러셀, 호스트 캐러셀, 이미지로 보는 뉴스 내의 게재위치 및 헤드라인 텍스트와 썸네일보다 큰 이미지 등의 리치 결과 기능이 포함될 수 있습니다. 페이지 코딩 방법에 따라 페이지에서 다른 기능을 이용할 수 있습니다.
- 구조화된 데이터가 포함된 AMP: [권장] 구조화된 데이터가 포함된 AMP 페이지는 리치 결과의 주요뉴스 캐러셀, 호스트 캐러셀, 이미지로 보는 뉴스, 모바일 Google 검색결과의 리치 결과에 표시될 수 있습니다. 이러한 결과에는 이미지, 페이지 로고 및 기타 흥미로운 검색결과 기능이 포함될 수 있습니다.
- 구조화된 데이터가 포함된 AMP가 아닌 웹페이지: 리치 결과 기능을 사용하면 구조화된 데이터가 포함된 AMP가 아닌 기사 페이지가 검색결과에 표시될 가능성을 높일 수 있습니다.
예
다음은 Article 객체의 JSON-LD 코드 예입니다.
구현
구조화된 데이터가 포함된 AMP
구조화된 데이터가 있는 AMP 페이지는 검색결과의 뉴스 캐러셀에 표시될 수 있습니다. 구조화된 데이터가 없는 AMP 페이지는 Google 검색결과에서 일반적인 파란색 링크로만 표시될 수 있습니다. 검색결과에서의 AMP에 관해 자세히 알아보려면 Google 검색에서의 AMP를 참조하세요.
구조화된 데이터가 포함된 AMP 페이지를 만드는 방법
- AMP 프로젝트 사양을 따릅니다.
- Google에서 페이지를 크롤링할 수 있도록 추가 페이지 가이드라인을 따릅니다.
- 페이지의 기사를 설명하는 구조화된 데이터 요소를 추가합니다.
- 구조화된 데이터용 테스트 도구를 사용하여 구조화된 데이터를 테스트합니다.
구조화된 데이터가 포함된 AMP가 아닌 페이지
AMP가 아닌 페이지는 리치 결과 목록이나 AMP가 아닌 유사한 페이지의 캐러셀에 리치 결과로 표시될 수 있습니다. 리치 결과에는 헤드라인과 이미지가 포함될 수 있습니다. Google에서 리치 결과 기능을 사용하기 위해 페이지에서 충분한 정보를 자동으로 추출하려 할 수도 있지만, 페이지에 구조화된 데이터를 포함하면 Google에서 페이지 콘텐츠를 더 정확히 파악하고 리치 결과 또는 캐러셀 결과에 페이지가 표시될 가능성을 높이는 데 도움이 됩니다.AMP가 아닌 페이지 검색결과에는 다음과 같이 헤드라인과 이미지가 포함될 수 있습니다.
 |
 |
| AMP가 아닌 웹페이지에 관한 캐러셀이 아닌 2개의 결과 | AMP가 아닌 웹페이지에 관한 캐러셀 결과 |
AMP가 아닌 기사 페이지에 구조화된 데이터를 추가하는 방법
- 페이지의 기사를 설명하는 구조화된 데이터 요소를 추가합니다.
- Google에서 페이지를 크롤링할 수 있도록 가이드라인을 따릅니다.
- 구조화된 데이터용 테스트 도구를 사용하여 구조화된 데이터를 테스트합니다.
휴대기기에서 더 나은 사용자 환경을 제공할 수 있도록 페이지의 AMP 버전을 만드는 것이 좋습니다. 휴대기기에서 AMP의 장점 자세히 알아보기
가이드라인
구조화된 데이터가 Google 검색결과에 포함되도록 하려면 이 가이드라인을 따라야 합니다.
기술 가이드라인
- 웹사이트를 구독해야만 액세스할 수 있는 콘텐츠를 제공하고 있거나 사용자가 사이트에 등록해야 액세스할 수 있는 경우 구독 및 페이월 콘텐츠를 위한 구조화된 데이터를 추가해야 합니다.
- 여러 부분으로 구성된 콘텐츠의 경우
rel=canonical이 개별 페이지 또는 ‘모두 보기’ 페이지를 가리키도록(여러 부분으로 구성된 시리즈의 1페이지가 아님) 해야 합니다. 표준화에 관해 자세히 알아보세요.
AMP 로고 가이드라인
다음 가이드라인은 AMP 스토리를 포함한 모든 AMP 페이지의 로고에 적용됩니다.
- 파일은
.jpg,.png또는.gif같은 래스터 파일이어야 합니다..svg또는.eps같은 벡터 파일은 사용하지 마세요. - 애니메이션을 사용하면 안 됩니다.
- 로고의 그래픽 부분을 배경색 위에서 알아볼 수 있어야 합니다.
다음 가이드라인은 AMP 스토리가 아닌 일반 AMP 페이지에 사용되는 로고에 적용됩니다. AMP 스토리에는 별도의 로고 요구사항이 적용됩니다.
- 로고는 정사각형이 아니라 직사각형이어야 합니다.
- 로고는 60x600픽셀 직사각형에 맞아야 하며, 높이가 정확히 60픽셀(권장)이거나 너비가 정확히 600픽셀이어야 합니다.
예를 들어 450x45픽셀의 로고는 600x60픽셀 직사각형 안에 들어가지만 사용할 수 없습니다.
- 게시자는 일반 AMP 페이지 전체에서 일관성이 지켜지도록 브랜드당 하나의 로고만 사용해야 합니다.
- 아이콘이 아닌 전체 워드마크나 전체 로고를 사용합니다.
- 단어를 기반으로 하는 로고의 텍스트는 높이가 최대 48픽셀이어야 하고 60픽셀의 이미지 높이 내에서 세로로 가운데 정렬해야 합니다. 패딩을 추가하여 높이를 60픽셀로 만드세요.
- 단색 배경의 로고에는 그래픽 주위에 최소 6픽셀의 패딩이 포함되어야 합니다.
구조화된 데이터 유형 정의
다음 섹션에서는 구조화된 Article 데이터의 속성 요구사항을 설명합니다. 콘텐츠를 리치 결과로 표시하려면 필수 속성을 포함해야 합니다. 권장 속성을 통해 콘텐츠에 관한 정보를 추가하여 더욱 만족스러운 사용자 환경을 제공할 수 있습니다.
Article 객체
Article 객체는 schema.org 유형인 Article, NewsArticle, BlogPosting 중 하나를 기반으로 해야 합니다.
다음 속성은 AMP 페이지에 적용됩니다.
| 필수 속성 | |
|---|---|
author |
기사의 작성자입니다. |
author.name |
작성자 이름입니다. |
datePublished |
기사가 처음으로 게시된 날짜와 시간입니다. ISO 8601 형식으로 나타냅니다. 권장사항:
|
headline |
기사의 헤드라인입니다. 헤드라인은 110자(영문기준)를 초과해서는 안 됩니다. AMP 스토리의 경우 헤드라인이 AMP 스토리의 첫 번째 커버 페이지에 있는 텍스트와 일치해야 합니다. |
image |
기사 또는 AMP 스토리를 잘 나타내는 이미지의 URL입니다. 검색결과에서의 형식이 다르기 때문에 다음 이미지 가이드라인은 AMP 스토리가 아닌 일반 AMP 페이지에만 적용됩니다. AMP 스토리에는 별도의 이미지 요구사항이 적용됩니다.
예:
{
"@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 |
기사의 게시자입니다. |
publisher.logo |
게시자의 로고입니다. 자세한 내용은 AMP 로고 가이드라인을 참조하세요. |
publisher.logo.height |
픽셀 단위로 표시하는 로고의 높이입니다. |
publisher.logo.url |
로고의 URL입니다. |
publisher.logo.width |
픽셀 단위로 표시하는 로고의 너비입니다. |
publisher.name |
게시자 이름입니다. |
| 권장 속성 | |
|---|---|
dateModified |
기사가 최근에 수정된 날짜와 시간입니다. ISO 8601 형식으로 나타냅니다. |
description |
기사에 관한 간략한 설명입니다. |
mainEntityOfPage |
기사 페이지의 표준 URL입니다. 기사가 기사 페이지의 주제인 경우 mainEntityOfPage를 지정합니다. |
다음 속성은 AMP가 아닌 페이지에 적용됩니다.
| 권장 속성 | |
|---|---|
dateModified |
기사가 최근에 수정된 날짜와 시간입니다. ISO 8601 형식으로 나타냅니다. |
datePublished |
기사가 처음으로 게시된 날짜와 시간입니다. ISO 8601 형식으로 나타냅니다. |
headline |
기사의 헤드라인입니다. 헤드라인은 110자(영문기준)를 초과해서는 안 됩니다. |
image |
반복되는 기사를 잘 나타내는 이미지의 URL입니다. 기사에 직접 포함된 마크업된 이미지만 지정할 수 있습니다. 이미지의 너비는 696픽셀 이상이어야 합니다. 추가 이미지 가이드라인:
예:
{
"@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"
]
}
|