페이지네이션

개요

페이지네이션은 항목이 많은 콘텐츠를 한 화면에 모두 싣지 않고 여러 페이지로 나눠 제공하는 방식입니다. 전자상거래 상품 목록, 검색 결과, 블로그 아카이브, 댓글 목록 등에서 흔히 쓰이며 보통 하단에 1, 2, 3… 형태의 페이지 번호로 표시됩니다. 사용자 입장에서는 한 페이지의 로딩 부담을 줄이고 탐색을 쉽게 하지만, SEO에서는 별도의 처리가 필요합니다.

핵심 과제는 크롤·색인·중복 관리입니다. 두 번째 이후 페이지의 항목까지 검색엔진이 도달해 발견할 수 있어야 하고, 여러 페이지가 비슷한 구조를 가지면서도 각각 고유한 페이지로 인식되도록 해야 합니다. 처리가 잘못되면 깊은 페이지의 상품·글이 색인에서 누락되거나, 불필요한 변형 URL이 크롤 예산을 소모할 수 있습니다.

모범 사례

구글 검색 센터(Google Search Central) 문서는 페이지네이션에 대해 다음을 권장합니다.

• 크롤 가능한 링크 사용: 각 페이지에서 다음 페이지로 이동하는 링크를 자바스크립트 버튼이나 onclick이 아니라 실제 <a href> 태그로 제공합니다. 그래야 Googlebot이 후속 페이지를 발견합니다.
• 페이지마다 고유 URL: 각 페이지에 별도 URL(예: ?page=2)을 부여합니다. 페이지 번호를 URL 프래그먼트(#)로 처리하면 구글이 무시하므로 피합니다.
• 각 페이지에 자기참조 canonical: 첫 페이지를 모든 페이지의 canonical로 지정하지 않고, 각 페이지가 자기 자신을 canonical로 가리키게 합니다.
• 색인 차단 주의: 페이지네이션 시퀀스 자체에는 noindex를 걸지 않습니다. noindex는 정렬·필터로 생기는 불필요한 변형 URL에만 선별적으로 사용합니다.
• 무한 스크롤 대응: 점진적 로딩·무한 스크롤을 쓰더라도 페이지별 URL을 함께 제공하고, 구글이 클릭하거나 사용자 동작을 트리거하지 않는다는 점을 고려해 sitemap 등으로 콘텐츠 발견을 보조합니다.

업계 가이드(Ahrefs, Semrush)도 같은 방향을 제시하며, 두 번째 이후 페이지에서 메타 타이틀·설명 등 주요 SEO 요소를 과도하게 최적화하지 않고 첫 페이지만 핵심 키워드를 겨냥하도록 정리하는 "보조 페이지 디-최적화"를 함께 권합니다.

rel=next / rel=prev의 현재 상태

과거에는 <link rel="next">·<link rel="prev">로 페이지 간 관계를 알렸습니다. 그러나 구글은 2019년 이 신호를 더 이상 사용하지 않는다고 공식 발표했고, 실제로는 그 이전부터 사용하지 않았다고 밝혔습니다. 현재 구글은 이 태그 대신 페이지 간 일반 <a href> 링크로 관계를 파악합니다. 다만 Bing 등 일부 검색엔진은 여전히 힌트로 참고할 수 있어, 유지해도 손해는 없습니다.

실행 체크리스트

• 다음·이전·페이지 번호를 실제 <a href> 링크로 구현했는지 확인합니다.
• 각 페이지에 고유 URL(?page=n 등)을 부여하고 프래그먼트(#) 방식은 피합니다.
• 각 페이지의 canonical이 자기 자신을 가리키는지 점검합니다(첫 페이지로 몰지 않습니다).
• 2페이지 이후에 불필요한 noindex가 걸려 있지 않은지 확인합니다.
• 무한 스크롤을 쓴다면 대응되는 페이지별 URL과 sitemap을 함께 제공합니다.
• 정렬·필터로 생기는 변형 URL은 noindex 또는 robots.txt로 선별 관리합니다.

참고·출처

• Google Search Central — Pagination and incremental page loading best practices
• Yoast — Google says it doesn't use rel=prev/next for pagination
• Semrush — Pagination and SEO: A Complete Guide to Best Practices
• Ahrefs — Website Navigation Best Practices for SEO