Odpowiedź w trzech zdaniach
Paginacja, czyli stronicowanie, to podział długiej listy produktów lub wpisów na kolejne strony, z których każda ma własny adres. Numeracja jest najprostszym i najbezpieczniejszym wyborem, gdy klient porównuje oferty i wraca do listy. „Pokaż więcej” i nieskończone przewijanie pasują do swobodnego przeglądania, ale i tak potrzebują zwykłej paginacji pod spodem. W druku to samo słowo oznacza numerację stron książki lub czasopisma.
Jak działa paginacja na liście produktów?
Lista pokazuje stałą porcję pozycji, na przykład 24, a resztę rozkłada na kolejne strony. Klient przechodzi między nimi numerami albo linkami „Następna” i „Poprzednia”. Kategoria Trekkingowe z 240 produktami i 24 pozycjami na stronę daje 10 stron.
Paginacja stron porządkuje nie tylko kategorie sklepu, ale też:
- archiwum bloga,
- opinie pod produktem,
- komentarze,
- wyniki wyszukiwarki wewnętrznej.
Numeracja, „pokaż więcej” czy nieskończone przewijanie?
Domyślnie wybierz numerację. „Pokaż więcej” (load more, „załaduj więcej”) i nieskończone przewijanie (infinite scroll) mają sens przy swobodnym przeglądaniu, zwłaszcza na telefonie.
| Wariant | Co robi klient | Co zyskuje | Co traci | Kiedy pasuje |
|---|---|---|---|---|
| Numeracja | Klika numer lub „Następna” | Poczucie miejsca i łatwy powrót | Płynność, bo każda strona to kolejne kliknięcie | Klient porównuje i wraca do listy |
| „Pokaż więcej” | Klika przycisk, a lista się doczytuje | Płynne przeglądanie w jednym widoku i stopkę w zasięgu | Numer strony, jeśli nie ma paginacji pod spodem | Przeglądanie na telefonie |
| Nieskończone przewijanie | Tylko przewija | Najmniej działań | Orientację i dostęp do stopki | Swobodne oglądanie bez celu, na przykład galeria inspiracji |
Numeracja działa jak książka: wiesz, że jesteś na stronie 4, i możesz tam wrócić. Nieskończone przewijanie przypomina rolkę paragonu, która się ciągnie, a znalezienie jednej pozycji oznacza przewijanie w obie strony.
O wyborze decyduje twój katalog i zachowanie klientów, nie moda. Zadaj sobie trzy pytania: ile mam pozycji, jak często zmienia się oferta, czy klienci częściej przeglądają, czy filtrują. Im więcej filtrowania i powrotów do wybranych produktów, tym mocniej przemawia za numeracją. Jeśli nie masz konkretnego powodu do zmiany, zostań przy numeracji.
Jak ułożyć numerację, żeby klient się nie gubił?
Klient ma od razu widzieć, gdzie jest, ile zostało i jak przejść dalej. Pasek stron pod listą powinien mieć:
- wyróżnioną bieżącą stronę,
- linki „Poprzednia” i „Następna”, a przy długiej liście także przejście do pierwszej i ostatniej strony,
- licznik w rodzaju „1-24 z 240 produktów”, który mówi, ile zostało do przejrzenia,
- zachowane filtry i sortowanie po przejściu na kolejną stronę,
- numery będące zwykłymi linkami, obsługiwane z klawiatury i na tyle duże, by trafić w nie palcem na telefonie.
Bez zachowanego sortowania klient po kliknięciu „Następna” ogląda inną listę, niż wybrał.
Co dopilnować przy „pokaż więcej” i przewijaniu?
Wygoda doczytywania nie może zabrać klientowi miejsca na liście, a Google musi mieć zwykłe linki do tych samych pozycji. Googlebot nie klika przycisków, więc oba warianty potrzebują pod spodem klasycznej paginacji z linkami. Samo włączenie wtyczki tego nie gwarantuje, dlatego po wdrożeniu wykonaj trzy próby:
- Wejdź w produkt z dalszej części listy i wróć: lista powinna otworzyć się w tym samym miejscu, a nie od początku.
- Doczytaj partię i sprawdź, czy treść nie skacze. Nowe pozycje nie mogą przesuwać tego, co klient właśnie ogląda (to skok układu).
- Sprawdź, czy da się dojść do stopki. Lista rosnąca bez końca odsuwa ją, „pokaż więcej” zostawia w zasięgu.
Odroczone wczytywanie obrazków (lazy loading) to osobna sprawa i nie zastępuje paginacji.
Jak ustawić paginację, żeby Google widział dalsze strony?
Każda strona listy potrzebuje własnego adresu URL, zwykłych linków i linku kanonicznego (canonical) wskazującego na samą siebie, bez blokady w noindex lub robots.txt. Google traktuje każdą stronę paginacji jako osobny adres, więc te ustawienia dotyczą każdej z nich z osobna.
| Element | Jak powinno być | Czego unikać |
|---|---|---|
| Adres | Własny dla każdej strony, np. ?page=2 lub /strona/2 |
Jednego adresu dla wszystkich partii |
| Link | Zwykły link do kolejnej strony | Samego przycisku bez adresu |
| Canonical | Każda strona wskazuje siebie | Wskazywania strony 1 dla całej serii |
| Indeksowanie | Kolejne strony otwarte; noindex lub robots.txt tylko dla wariantów sortowania i filtrów | Blokowania kolejnych stron listy |
| Tytuł i opis | Numer strony, np. „Trekkingowe – Strona 2” | Identycznych tytułów i opisów na każdej stronie |
Canonical na stronę 1 może osłabić indeksowanie dalszych pozycji, a Google odradza takie ustawienie. Zanim zacznę szukać wtyczki, sprawdzam, co szablon robi sam: otwieram stronę 2 i patrzę na adres, tytuł karty oraz na to, dokąd wskazuje link kanoniczny. Wtyczka jest potrzebna dopiero wtedy, gdy szablon czegoś nie robi.
Czy rel=prev i rel=next są jeszcze potrzebne?
Nie. Google od 2019 roku nie korzysta z rel=prev i rel=next jako sygnału porządkującego. Jeśli atrybuty już są w kodzie, nie szkodzą, ale nie zastąpią własnych adresów ani zwykłych linków. Starsze poradniki nadal je zalecają.
Co zrobić, gdy lista ma zbyt wiele stron?
Lepiej podzielić listę inaczej, czyli dodać podkategorie lub filtry, bo numery porządkują dostęp, ale nie pomagają znaleźć produktu.
Przemyśl architekturę informacji: kategorie, podkategorie i filtry dzielą ofertę, a paginacja dzieli dopiero to, co zostaje w jednej kategorii.
Czym paginacja różni się od okruszków?
Okruszki pokazują, w której części serwisu jest klient, a paginacja, w którym miejscu tej listy. W ścieżce Strona główna > Obuwie > Trekkingowe okruszki nawigacyjne (breadcrumbs) wskazują dział, a pasek stron dopowiada: strona 4 z 10.
Czy paginacja przyspiesza stronę?
Zwykle tak, bo przeglądarka wczytuje jedną partię zamiast całej listy, ale efekt trzeba zmierzyć na własnej kategorii. To jak wnoszenie zakupów na kilka kursów: każdy jest lżejszy, lecz kursów jest więcej, więc nie zakładaj z góry wygranej.
Zmierz czas ładowania tej samej kategorii przed zmianą i po niej, w tych samych warunkach, na przykład w PageSpeed Insights. Dopiero różnica pokaże, czy podział się opłacił.
Jak sprawdzić, czy paginacja działa?
Wystarczą trzy szybkie testy, które obejmują adres, Google i zachowanie klientów. Kroki 1 i 2 wykonasz bezpłatnymi narzędziami.
- Wklej adres strony 3 do nowej karty i sprawdź, czy otwiera tę samą partię produktów.
- W Google Search Console albo w crawlerze, na przykład Screaming Frog, sprawdź, czy dalsze strony są znalezione i nie są zablokowane.
- Na mapie przewijania zobacz, czy klienci dochodzą do paska stron lub przycisku.
