검색결과 하위 집합을 표시하여 사용자 경험을 개선함으로써 페이지 성능을 높일 수 있습니다. 하지만 Google 크롤러가 모든 사이트 콘텐츠를 찾을 수 있도록 하려면 몇 가지 조치를 취해야 할 수 있습니다.
예를 들어 전자상거래 사이트 검색창을 사용하는 사용자에게 판매 제품의 하위 집합을 표시할 수 있습니다. 이때 일치하는 검색결과의 전체 항목이 너무 많으면 한 웹페이지에 표시할 수 없거나 가져오는 데 시간이 너무 오래 걸릴 수 있습니다.
검색결과 외에도 다음과 관련해 전자상거래 사이트에 일부 결과를 로드할 수 있습니다.
한 카테고리의 모든 제품이 표시되는 카테고리 페이지
시간이 지나면서 사이트에 게시된 블로그 게시물 또는 뉴스레터 제목
제품 페이지의 사용자 리뷰
블로그 게시물의 댓글
사용자 작업에 따라 사이트에서 콘텐츠를 점진적으로 로드하면 사용자에게 다음과 같은 이점을 제공할 수 있습니다.
모든 검색결과를 한 번에 로드할 때보다 초기 페이지 로드 속도가 빠르기 때문에 사용자 경험이 개선됩니다.
네트워크 트래픽이 줄어듭니다. 이는 휴대기기에 특히 중요합니다.
데이터베이스나 이와 유사한 항목에서 검색되는 콘텐츠 볼륨을 줄여 백엔드 성능이 개선됩니다.
목록이 지나치게 길어지는 것을 방지하므로 안정성이 개선됩니다. 목록이 지나치게 길면 리소스 제한에 도달해 브라우저와 백엔드 시스템에 오류가 발생할 수 있습니다.
사이트에 가장 적합한 UX 패턴 선택
대규모 목록의 하위 집합을 표시하려면 다양한 UX 패턴 중에서 선택하면 됩니다.
페이지로 나누기: 사용자가 '다음', '이전', 페이지 번호와 같은 링크를 사용하여 페이지 간에 이동할 수 있습니다. 이때 검색결과가 한 번에 한 페이지씩 표시됩니다.
더 로드하기: 사용자가 이 버튼을 클릭하여 처음에 표시된 검색결과 집합을 펼칠 수 있습니다.
무한 스크롤: 사용자가 페이지의 끝까지 스크롤하면 더 많은 콘텐츠가 로드됩니다.
무한 스크롤 검색 친화적인 권장사항에 관해 자세히 알아보세요.
다음 표를 참고하여 사이트에 가장 적합한 사용자 환경을 선택하세요.
UX 패턴
페이지로 나누기
장점:
사용자에게 검색결과의 크기 및 현재 위치와 관련된 유용한 정보 제공
단점:
사용자가 검색결과 간에 이동하는 데 사용하는 제어 방식이 다소 복잡함
콘텐츠가 하나의 연속 목록 형태가 아니라 여러 페이지에 걸쳐 나뉨
항목을 더 보려면 새로 페이지를 로드해야 함
더 로드하기
장점:
단일 페이지에 모든 콘텐츠 포함
사용자에게 검색결과의 총 크기를 알릴 수 있음(버튼 위나 근처에 있음)
단점:
모든 검색결과가 단일 웹페이지에 포함되므로 검색결과가 아주 많은 경우 처리할 수 없음
무한 스크롤
장점:
단일 페이지에 모든 콘텐츠 포함
직관적: 사용자가 콘텐츠를 더 보려면 계속 스크롤하면 됨
단점:
검색결과의 크기가 명확하지 않아 '스크롤하는 데 피로감'이 발생할 수 있음
검색결과가 아주 많은 경우 처리할 수 없음
Google의 전략별 색인 생성 방법
사이트와 검색엔진 최적화에 가장 적합한 UX 전략을 선택했으면 Google 크롤러가 모든 콘텐츠를 찾을 수 있는지 확인합니다.
예를 들어 전자상거래 사이트의 새 페이지로 연결되는 링크를 사용하거나 현재 페이지를 업데이트하는 자바스크립트를 사용하여 페이지로 나누기를 구현할 수 있습니다. '더 로드하기'와 무한 스크롤은 일반적으로 JavaScript를 사용하여 구현됩니다. Google은 색인을 생성할 페이지를 찾기 위해 사이트를 크롤링할 때 일반적으로 <a> 요소의 href 속성에 있는 URL을 크롤링합니다. Google 크롤러는 버튼을 '클릭'하지 않으며 일반적으로 현재 페이지 콘텐츠를 업데이트하는 데 사용자 작업이 필요한 JavaScript 함수를 트리거하지 않습니다.
사이트에 자바스크립트를 사용한다면 자바스크립트 검색엔진 최적화 권장사항을 따르세요.
사이트에 있는 링크를 크롤링 가능하도록 만드는 등의 권장사항을 따르는 일 외에도 사이트맵 파일 또는 Google 판매자 센터 피드를 사용해 보세요. Google이 사이트에 있는 모든 제품을 찾는 데 도움이 됩니다.
페이지로 나누기 구현 시 권장사항
Google에서 페이지로 나눈 콘텐츠를 크롤링하고 색인을 생성할 수 있도록 하려면 다음 권장사항을 따르세요.
검색엔진이 페이지로 나눈 콘텐츠의 페이지 간 관계를 이해하도록 하려면 <a href> 태그를 사용하여 각 페이지를 다음 페이지에 연결하는 링크를 포함하세요. 그러면 Googlebot(Google 웹 크롤러)이 다음 페이지를 쉽게 찾을 수 있습니다.
또한 컬렉션의 모든 개별 페이지를 컬렉션의 첫 페이지로 다시 연결하여 컬렉션의 시작 부분을 Google에 강조하는 것이 좋습니다. 그렇게 하면 컬렉션의 첫 번째 페이지가 컬렉션의 다른 페이지보다 방문 페이지로 더 적합하다는 점을 Google에 알릴 수 있습니다.
올바른 URL 사용
각 페이지에 고유한 URL을 지정합니다.
예를 들어 페이지로 나누기 순서의 URL은 Google에서 별도의 페이지로 취급되므로 ?page=n 쿼리 매개변수를 포함하세요.
페이지로 나누기 순서의 첫 페이지는 표준 페이지로 사용하지 않습니다.
대신 각 페이지에 고유한 표준 URL을 지정하세요.
컬렉션의 페이지 번호에 URL 프래그먼트 식별자(URL에서 # 뒤에 오는 텍스트)를 사용하지 않습니다.
Google에서는 프래그먼트 식별자를 무시합니다. Googlebot이 다음 페이지의 URL에서 # 뒤에 오는 텍스트만 다르다고 판단하면 이미 그 페이지를 검색했다고 간주하여 링크를 따라가지 않을 수 있습니다.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-02-17(UTC)"],[[["Using pagination, \"load more\", or infinite scroll can improve user experience by displaying content incrementally, reducing network traffic, and making pages load faster."],["Search engines primarily rely on `\u003ca href\u003e` links for crawling; ensure all content is accessible through such links for proper indexing, especially with JavaScript-based loading methods."],["Pagination best practices include linking pages sequentially, using unique URLs for each page with appropriate canonical tags, and avoiding indexing URLs with filters or alternative sort orders to optimize crawling and indexing."],["Google no longer uses `rel=\"next\"` and `rel=\"prev\"`; instead, focus on proper `\u003ca href\u003e` links and consider sitemaps or Google Merchant Center feeds for enhanced content discovery by Google."],["Choose the most appropriate UX pattern for your content based on the quantity of content, desired user experience and the technical capabilities of your site."]]],["Websites often use pagination, \"load more,\" or infinite scroll to display subsets of content, enhancing user experience and site performance. Pagination uses numbered links, while \"load more\" and infinite scroll dynamically add content. Google primarily indexes URLs in `\u003ca\u003e` tags and doesn't trigger JavaScript actions for content updates. For pagination, each page should have a unique URL with sequential links. Avoid using the first page as the canonical URL and avoid indexing filtered or sorted versions of the same list to avoid duplicate content.\n"]]