Zarejestruj się do bezpłatnej platformy e-learningowej.
Zarejestruj się bezpłatnieWskazówki, rozmowy, inspiracje
Subskrybuj kanał na YouTube i bądź na bieżąco!
Spis Treści
Paginacja (inaczej stronicowanie) polega na podzieleniu treści (tekstu artykułu, listy produktów, wpisów na blogu) na poszczególne części i umieszczeniu ich na kolejnych podstronach serwisu. Zastosowanie tego rozwiązania pozwala poprawić wydajność witryny (znacznie szybciej wczyta się podstrona z 20 niż ze 100 obrazkami). Jest to także ukłon w stronę użytkownika, który widzi, ile stron ma do przejrzenia w danej kategorii i łatwo może zapamiętać, na której podstronie zakończył jej przeglądanie.
Coraz częściej na stronach internetowych możemy spotkać się ze stronicowaniem infinite scroll, które automatycznie załadowuje zawartość kolejnej podstrony, kiedy użytkownik przewinie listing lub treść artykułu. Jedyną zmianą w trakcie przeglądania będzie zmiana adresu URL w pasku przeglądarki. To rozwiązanie jest nieco mniej przyjazne dla użytkowników niż standardowo stosowana paginacja (pasek z kolejnymi numerami stron), ponieważ osoba przeglądająca produkty nie wie, na której stronie się znajduje, więc jeśli opuści serwis, trudno jej będzie powrócić do tego samego miejsca.
Problemem, który może wystąpić przy paginacji, jest duplikacja treści. Pojawia się ona wtedy, gdy ten sam tekst, te same produkty, meta tagi Description oraz Title będą znajdowały się na różnych podstronach. Aby stronicowanie nie zaszkodziło pozycji serwisu, a w wynikach wyszukiwania pojawiała się tylko pierwsza strona paginacji, należy zastosować atrybuty rel=”prev” i rel=”next”.
Dodanie atrybutów rel=”prev” i rel=”next” wskazuje robotom wyszukiwarki kolejne podstrony, które wspólnie tworzą całą treść. Ich poprawna implementacja sprawia, że w wynikach wyszukiwania znajduje się pierwsza strona paginacji, dzięki czemu użytkownik trafi na początek listy produktów lub interesującego artykułu.
Jak poprawnie wdrożyć znaczniki rel=”prev” i rel=”next”?
Na każdej podstronie w sekcji head należy dodać atrybuty rel=”prev” i rel=”next” wskazujące na poprawną kolejność stronicowania.
Przykładowa paginacja na stronie sklepu sportowego:
Na podstronie sklep.pl/buty-zimowe wdrażamy jedynie atrybut „next” (jest to pierwsza strona paginacji):
<link rel=”next” href=”sklep.pl/buty-zimowe-2”/>.
Następnie na podstronie sklep.pl/buty-zimowe-2 implementujemy oba atrybuty:
Na kolejnej podstronie sklep.pl/buty-zimowe-3 zamieszczamy znów oba atrybuty:
I na ostatniej stronie paginacji sklep.pl/buty-zimowe-4 pojawi się jedynie atrybut rel=”prev”:
<link rel=”prev” href=”sklep.pl/buty-zimowe-3”/>.
Większość systemów CMS i dobrze przygotowane szablony na WordPressie automatycznie implementują znaczniki rel=”prev” i rel=”next” w kodzie strony na podstronach paginacji, zapobiegając duplikacji treści.
Podczas wdrażania stronicowania może wystąpić duplikacja strony kategorii (sklep.pl/buty-zimowe) z pierwszą stroną paginacji (sklep.pl/buty-zimowe-1), kiedy na tych dwóch podstronach występuje taka sama treść. Taka sytuacja jest spowodowana najczęściej przez automatyczne generowanie przez system CMS pierwszej strony paginacji jako kopii strony bazowej.
Rozwiązanie tego problemu polega na usunięciu pierwszej strony stronicowania. A jeśli to nie jest możliwe, należy zastosować przekierowanie 301 na stronę kategorii.
sklep.pl/buty-zimowe-1 -> przekierowanie 301 -> sklep.pl/buty-zimowe.
Pozostawienie strony bazowej i pierwszej strony paginacji skutkuje istnieniem w serwisie kopii treści, co będzie niekorzystnie wpływało na ocenę strony przez algorytmy wyszukiwarek internetowych.
Co do zasady w Sitemapie XML umieszczamy tylko te adresy URL naszego serwisu, które powinny zostać zaindeksowane przez wyszukiwarkę. W związku z tym w pliku nie umieszczamy kolejnych podstron paginacji, a jedynie odnośnik do bazowej podstrony lub strony kategorii będącej automatycznie pierwszą podstroną paginacji.
Podczas stronicowania jednym z większych błędów jest stosowanie przekierowania kanonicznego. Dlaczego? Po pierwsze, rel=”canonical” nie zawsze działa, a po drugie jeśli na każdej podstronie paginacji mamy zupełnie inną treść, nie warto wskazywać robotom wyszukiwarek innej treści, którą powinna zostać zaindeksowana.
Zasadniczo przekierowanie kanoniczne można użyć tylko wtedy, gdy mamy w serwisie podstronę z długim artykułem i chcemy go podzielić na krótsze części, jednocześnie zostawiając podstronę bazową z pełną treścią. Wtedy podstrony paginacji możemy przekierować za pomocą rel=”canonical” na podstronę zbiorczą.
Najpopularniejsza wyszukiwarka dobrze radzi sobie z rozpoznawaniem stronicowania i w większości przypadków, nawet jeśli nie zastosujemy powyższych oznaczeń, rozpozna podstrony, na których znajduje się podzielona treść.
Kilka informacji o paginacji od Google:Przykład:
Strona – http://www.example.com/artykul?strona=2&sessionid=67
Atrybuty: <link rel=”prev” href=”http://www.example.com/artykul?strona=1&sessionid=67 <link rel=”next” href=”http://www.example.com/artykul?strona=3&sessionid=67
Decydując się na podzielenie treści na części, powinnyśmy także pamiętać, by:
Paginacja ułatwia klientom poruszanie się po stronie internetowej, jednak przy jej implementacji należy zadbać, aby jej zastosowanie nie spowodowało duplikacji treści. Często od systemu CMS zależy, czy zoptymalizowanie stronicowania pod SEO będzie łatwym czy trudnym zadaniem.
