페이지네이션 (Pagination)

페이지네이션은 긴 목록이나 콘텐츠를 여러 페이지로 나눠 보여 주는 방식입니다. 블로그 글 목록이나 쇼핑몰 상품 목록을 1, 2, 3페이지로 구분하는 구성이 대표적입니다. SEO에서는 각 페이지와 그 안에 연결된 콘텐츠를 크롤러가 발견할 수 있는지 확인합니다.

2페이지 이후로 이어지는 링크

오래된 글이나 뒤쪽 상품이 2페이지 이후에만 있다면, 크롤러가 목록의 다음 페이지를 따라가야 그 콘텐츠를 발견할 수 있습니다. Google은 페이지마다 주소를 부여하고 순서대로 연결하도록 권장합니다.

• 페이지 번호나 ‘다음’ 링크를 href가 있는 <a> 요소로 연결합니다. 버튼을 눌러야만 다음 목록이 나타나면 크롤링 과정에서 그 목록을 놓칠 수 있습니다.
• ?page=2처럼 각 페이지에 고유 URL을 부여합니다. #page=2처럼 프래그먼트만 바꾸면 Google이 별도 페이지로 처리하지 않을 수 있습니다.
• 페이지별 캐노니컬 태그는 자신의 URL을 가리키게 합니다. 서로 다른 목록을 모두 1페이지의 중복본으로 지정하지 않습니다.

Google은 rel="next"와 rel="prev"를 더 이상 페이지 간 관계를 파악하는 신호로 사용하지 않습니다. 이 태그가 있더라도 크롤러가 실제로 따라갈 페이지 링크가 필요합니다.

무한 스크롤과 더보기 버튼

Googlebot은 일반적으로 스크롤이나 버튼 클릭처럼 사용자 동작이 필요한 JavaScript를 실행하지 않습니다. 따라서 무한 스크롤이나 더보기 버튼으로만 불러오는 목록은 발견하지 못할 수 있습니다. 화면에서는 목록을 이어서 보여 주더라도, 각 구간을 고유 URL로 직접 열 수 있게 하고 다음 구간으로 연결되는 링크를 제공해야 합니다.

정렬과 필터로 늘어나는 URL

같은 상품 목록에 가격순, 최신순 정렬과 필터를 붙이면 페이지 번호마다 URL 조합이 늘어납니다. 이때의 중복 콘텐츠 문제와 서로 다른 상품을 보여 주는 기본 페이지네이션은 구별해야 합니다. 불필요한 정렬 URL을 줄이려다가 기본 목록의 2페이지 이후까지 막으면 상품 발견 경로도 끊길 수 있습니다.

목록 주소와 연결 경로 점검

블로그 목록이 /blog/, /blog/?page=2, /blog/?page=3으로 나뉜 경우 각 주소의 내용과 연결 경로를 확인합니다.

1. 각 주소를 직접 열어 해당 페이지의 글 목록이 나오는지 확인합니다.
2. 페이지 소스 또는 렌더링된 HTML에서 다음 페이지 링크의 <a href>에 실제 URL이 있는지 확인합니다.
3. 각 페이지의 캐노니컬이 자기 URL을 가리키는지 확인합니다.
4. 크롤링 도구를 /blog/에서 시작해 3페이지에만 있는 글까지 링크를 따라 발견하는지 검사합니다.
5. Search Console URL 검사에서 목록과 개별 글의 수집, 색인 상태를 확인합니다. JavaScript로 링크를 만든다면 Google이 렌더링한 HTML에도 해당 링크가 있는지 대조합니다.

페이지 번호만 달라지고 같은 목록이 반복되면 URL에 맞는 데이터를 반환하는지 확인해야 합니다. 서로 다른 목록이 모두 1페이지를 canonical로 지정했다면 각 페이지의 고유 주소로 고칩니다. 목록 페이지가 검색결과에서 잘 보이지 않더라도, 크롤러가 그 목록을 읽고 개별 글이나 상품을 발견할 수 있다면 이를 노출 장애와 동일하게 볼 수는 없습니다.

함께 알아두면 좋은 용어

• 크롤링: 검색로봇이 링크를 따라 페이지를 읽는 과정
• 캐노니컬 태그: 대표 URL을 알리는 태그
• 크롤 버짓: 크롤링 수용 한도와 수요에 따라 검색로봇이 사이트에서 수집할 수 있는 범위
• 패싯 내비게이션: 필터 조합으로 목록을 좁히는 탐색 방식

참고 문서

• Google 검색 센터, 페이지네이션과 증분 페이지 로드
• Google 검색 센터, 링크 권장사항