Pagination, nút tải thêm và infinite scroll: làm sao để nội dung vẫn được crawl?
Biên soạn: Nguyễn Minh Phương · 12 phút đọc · Cập nhật 24/8/2026
Trả lời nhanh
Pagination hoặc infinite scroll cần URL riêng cho từng chunk và liên kết tuần tự crawlable; load more chỉ nên là lớp trải nghiệm, không phải đường duy nhất tới nội dung.
Khung áp dụng
Ba điểm cần kiểm tra trước khi làm
Phù hợp với trang danh mục, tin tức, thư viện, kết quả tìm kiếm hoặc danh sách sản phẩm dài.
| STT | Câu hỏi ra quyết định | Hành động hoặc bằng chứng cần có |
|---|---|---|
| 1 | Crawler có tới item sâu mà không click hoặc scroll không? | Tạo URL riêng cho từng chunk. |
| 2 | Mỗi chunk có URL trực tiếp, status và tập item ổn định không? | Nối bằng a href tuần tự. |
| 3 | Back/forward, deep link và JavaScript fallback có hoạt động không? | Giữ load more như enhancement. |
Mỗi phần nội dung cần URL ổn định và liên kết tuần tự có thể crawl
Google không cuộn trang hoặc bấm nút như người dùng để khám phá mọi nội dung. Với pagination hoặc infinite scroll, mỗi chunk nên có URL riêng, trả nội dung độc lập và được nối bằng liên kết a href theo thứ tự. URL không nên phụ thuộc cookie, session hoặc fragment. Trang thành phần cần status 200 khi hợp lệ và không lặp cùng tập item do offset sai.
- Tạo URL cho page/chunk, không chỉ trạng thái UI.
- Dùng link tuần tự thay vì chỉ event JavaScript.
- Kiểm tra item bị thiếu hoặc lặp ở ranh giới.
Load more và infinite scroll là lớp trải nghiệm trên nền URL crawlable
JavaScript có thể tải thêm item và dùng History API để cập nhật URL khi người dùng di chuyển, nhưng phiên bản URL trực tiếp vẫn phải mở đúng nội dung. Lazy-loaded content cần được tải khi vào viewport hoặc theo cơ chế Google có thể kích hoạt, không phụ thuộc click bắt buộc. Nếu JavaScript thất bại, người dùng vẫn cần cách tiếp tục qua pagination hoặc liên kết thay thế.
- Không gắn nội dung chính sau nút không có URL.
- Không dùng scroll event làm nguồn khám phá duy nhất.
- Giữ back/forward và deep link hoạt động.
QA từ item đầu đến item cuối, trên URL trực tiếp và rendered output
Test matrix chọn danh sách ngắn, dài, empty, filter, sort và trang vượt phạm vi. Kiểm tra response, rendered DOM, canonical, title nếu dùng, links, status, duplicate item và việc URL thay đổi. Crawl test phải tìm được item ở chunk sâu mà không thực hiện click. Analytics phân biệt view danh sách, load action và item click nhưng không gửi dữ liệu nhận dạng vào URL.
- Mở trực tiếp page sâu trên thiết bị mới.
- Kiểm tra URL vượt giới hạn không trả nội dung giả.
- Đối chiếu tổng item với source dữ liệu.
Tình huống minh họa
Sản phẩm từ trang ba chỉ xuất hiện sau hai lần bấm tải thêm
Đội website tạo URL page=3 và link tuần tự; nút tải thêm vẫn dùng URL đó qua History API để giữ trải nghiệm.
Pagination annotated test
Infinite scroll chỉ bền khi phía dưới vẫn là một chuỗi URL có thể mở trực tiếp
Annotate chunk URL, item range, next link, status và canonical
Google hướng dẫn mỗi trang thành phần có URL riêng và nối tuần tự bằng links. Test record ghi page/chunk, first-last item ID, href trước/sau, response status, canonical và duplicate/missing count. URL vượt range trả trạng thái đúng; fragment hoặc session không được dùng làm địa chỉ duy nhất cho nội dung.
- Mở page sâu trong session mới.
- Crawl tới item cuối không interaction.
- So item boundary với source.
Load more, History API và lazy loading là progressive enhancement
Google lưu ý lazy-loaded content cần tải theo cách có thể được render mà không dựa vào click hoặc typing. UI có thể append item và cập nhật URL, nhưng direct URL vẫn trả đúng chunk, back/forward hoạt động và pagination fallback còn dùng được. QA so response và rendered DOM trên mobile/desktop cùng trường hợp JavaScript hoặc API lỗi.
- Không gắn item chỉ sau nút không có href.
- Không phụ thuộc scroll event duy nhất.
- Không lặp item khi history state đổi.
Checklist triển khai
- Tạo URL riêng cho từng chunk.
- Nối bằng a href tuần tự.
- Giữ load more như enhancement.
- Crawl và đối chiếu item/status.
Tóm tắt
Tạo chunk URL, sequential links, History API/fallback và test item boundary cùng direct navigation. Khả năng crawl không bảo đảm index; nội dung từng trang và nhu cầu tìm kiếm vẫn cần được đánh giá.
Tài liệu tham khảo
- Google Search Central — Pagination, incremental page loading, and Search
- Google Search Central — Fix lazy-loaded content
- Google Search Central — Understand the JavaScript SEO basics
- Google Search Central — HTTP status codes, network and DNS errors
Ghi chú biên soạn: nội dung được tổng hợp từ các tài liệu được liệt kê và giới hạn ở góc nhìn quản lý thông tin marketing; bài không bảo đảm vị trí hiển thị trên Google.