rel="next" 및 rel="prev"를 사용하여 페이지 나누기

2011년 9월 15일 목요일

rel="canonical"이 중복 콘텐츠의 강력한 힌트 역할을 하는 것과 마찬가지로, 이제 HTML 링크 요소인 rel="next" 및 rel="prev"를 사용하여 페이지로 나눈 시리즈에서 구성요소 URL 간의 관계를 나타낼 수 있습니다. 페이지로 나눈 콘텐츠 시리즈는 웹 전체에 걸쳐 여러 형태로 나타날 수 있습니다. 여러 구성요소 페이지로 나뉜 기사, 항목이 여러 페이지에 분산된 제품 카테고리, URL 시퀀스로 분할된 포럼 대화목록을 예로 들 수 있습니다. 이제 시리즈 내의 구성요소 페이지에 rel="next" 및 rel="prev" 마크업을 포함하도록 선택함으로써 Google에 다음과 같은 처리를 원한다는 강력한 힌트를 제공할 수 있습니다.

  • 링크와 같은 색인 생성 속성을 구성요소 페이지/URL에서 시리즈 전체로 통합합니다. 즉, page-1.html, page-2.html 등 페이지 간에 링크가 분산되어 있는 것이 아니라 시퀀스로 그룹화되어야 합니다.
  • 사용자를 가장 관련성 높은 페이지/URL(일반적으로 시리즈의 첫 번째 페이지)로 안내합니다.
rel=prev 및 rel=next 주석에 적합한 페이지
이제 rel="next" 및 rel="prev"를 통해 시리즈의 구성요소 URL 간 관계를 Google에 표시할 수 있습니다.

rel="prev" 및 rel="next" 구현에는 예외가 있습니다. 사용자에게 콘텐츠 시리즈와 함께 모두 보기 페이지도 제공하는 경우 또는 모두 보기 페이지의 제공을 고려하는 경우, 검색결과에서 모두 보기에 관한 게시물을 참고하세요. 검색 사용자는 일반적으로 모두 보기 페이지를 가장 선호하므로 Google은 검색결과에서 구성요소 페이지가 아니라 가능하면 이 버전을 표시하고자 최선을 다합니다. 구성요소 페이지는 rel="next" 및 rel="prev"로 표시될 가능성이 더 높습니다.

모두 보기 페이지가 없거나 Google에서 모두 보기 페이지를 표시하지 않도록 재정의하려는 경우 이 게시물에 설명된 대로 rel="next" 및 rel="prev"를 사용하면 됩니다.

모두 보기 버전이 있는 페이지의 예
모두 보기 페이지가 포함된 페이지 나누기 구성에 관한 자세한 내용은 검색결과에서 모두 보기 관련 게시물을 참고하세요.

옵션 개요

다음은 시리즈의 세 가지 옵션입니다.

  1. 기존 내용이 무엇이든 그대로 둡니다. 페이지로 나뉜 콘텐츠는 웹 전체에 존재하며 Google은 페이지의 rel="next"/rel="prev" HTML 마크업 유무와 관계없이 검색 사용자에게 최상의 결과를 제공하기 위해 계속 노력할 것입니다.
  2. 모두 보기 페이지가 있거나 모두 보기 페이지의 제공을 고려 중이라면 검색결과에서 모두 보기에 관한 게시물을 참고하세요.
  3. rel="next" 및 rel="prev"로 시리즈의 구성요소 URL 간 관계를 Google에 알립니다. 이렇게 하면 Google에서 콘텐츠의 색인을 더 정확하게 생성하여 사용자에게 가장 관련성 높은 페이지(일반적으로 첫 번째 페이지)를 제공할 수 있습니다. 구현 세부정보는 아래에 나와 있습니다.

사이트에서 위에 설명된 세 번째 옵션을 선호하는 경우입니다. 콘텐츠 페이지가 여러 URL로 나뉘어 있다고 가정하겠습니다. 

https://www.example.com/article?story=abc&page=1
https://www.example.com/article?story=abc&page=2
https://www.example.com/article?story=abc&page=3
https://www.example.com/article?story=abc&page=4

첫 번째 페이지 https://www.example.com/article?story=abc&page=1에서 <head> 섹션에 다음을 포함합니다. 

<link rel="next" href="https://www.example.com/article?story=abc&page=2" />

두 번째 페이지 https://www.example.com/article?story=abc&page=2에서는 다음을 포함합니다. 

<link rel="prev" href="https://www.example.com/article?story=abc&page=1" />
<link rel="next" href="https://www.example.com/article?story=abc&page=3" />

세 번째 페이지 https://www.example.com/article?story=abc&page=3에서는 다음을 포함합니다. 

<link rel="prev" href="https://www.example.com/article?story=abc&page=2" />
<link rel="next" href="https://www.example.com/article?story=abc&page=4" />

마지막 페이지 https://www.example.com/article?story=abc&page=4에서는 다음을 포함합니다. 

<link rel="prev" href="https://www.example.com/article?story=abc&page=3" />

참고사항

  • 첫 번째 페이지에는 rel="next"만 포함되고 rel="prev" 마크업은 포함되지 않습니다.
  • 두 번째 페이지부터 마지막에서 두 번째 페이지까지는 rel="next" 및 rel="prev" 마크업 둘 다 사용하여 이중으로 연결되어야 합니다.
  • 마지막 페이지에는 rel="prev" 마크업만 포함되고 rel="next"는 포함되지 않습니다.
  • rel="next" 및 rel="prev" 값은 상대 URL이거나 절대 URL일 수 있습니다(<link /> 태그로 허용됨). 문서에 <base/> 링크를 포함하면 상대 경로가 기본 URL에 따라 결정됩니다.
  • rel="next" 및 rel="prev"는 문서 <body>가 아닌 <head> 섹션 내에서만 선언하면 됩니다.
  • rel="previous"는 rel="prev" 링크의 구문적 변형으로 허용됩니다.
  • rel="next"과 rel="previous", 그리고 rel="canonical"은 독립적인 개념을 구성합니다. 두 선언 모두 같은 페이지에 포함될 수 있습니다. 예를 들어 https://www.example.com/article?story=abc&page=2&sessionid=123에는 다음이 포함될 수 있습니다. 
    <link rel="canonical" href="https://www.example.com/article?story=abc&page=2" />
<link rel="prev" href="https://www.example.com/article?story=abc&page=1&sessionid=123" />
<link rel="next" href="https://www.example.com/article?story=abc&page=3&sessionid=123" />
  • rel="prev" 및 rel="next"는 절대적인 명령어가 아니라 Google에 제공되는 힌트 역할을 합니다.
  • 시리즈에 있어야 할 rel="prev" 또는 rel="next" 지정이 생략되는 등 잘못 구현되더라도 Google에서는 계속해서 페이지의 색인을 생성하고 자체 휴리스틱에 의존하여 콘텐츠를 파악합니다.

자세한 내용은 고객센터를 참고하거나 웹마스터 도움말 포럼에서 대화에 참여하여 확인할 수 있습니다.

작성자: 벤지아 리, 요아킴 쿠프케(색인 생성팀 소프트웨어 엔지니어)