Treść podzielona na strony (paginacja) to aktualnie często spotykana sytuacja na stronach internetowych. Możemy spotkać ją na blogach, forach czy sklepach internetowych, gdzie ilość produktów w danej kategorii jest duża. Paginację musimy odpowiednio oznaczyć w kodzie, aby nie doszło do duplikacji.
O paginacji słów kilka…
Na początek, czym jest paginacja? Paginacja to nic innego jak stronicowanie, które stosuje się w sklepach internetowych, blogach, forach itp.
Pytanie po co stosować paginację? Choćby nawet po to, aby czas wczytywania strony był znacznie krótszy. Gdyby na głównej stronie bloga miało załadować się 100 wpisów to trwało by to znacznie dłużej niż w przypadku, gdy strona główna wyświetla 10 wpisów. Zaoszczędzimy więc w ten sposób nerwów użytkownikowi, nie stracimy go, a w dodatku będziemy lepiej postrzegani przez roboty.
Google samo oświadcza, że dobrze radzi sobie z rozpoznawaniem paginacji, jednak mimo tego warto zastosować odpowiednie jej oznaczenia.
Jak uniknąć duplikacji na stronach paginacji?
Kanoniczny adres URL do strony podsumowującej
Pierwszą rzeczą, którą możemy zrobić jest dodanie kanonicznego adresu URL. Tag kanoniczny rel=”canonical” pozwoli wskazać stronę, na której występuje pełna treść. Jest to tak zwana strona podsumowująca.
Tag kaninoczny rel=”canononical” dodajemy w sekcji <head> strony. Pełny kod wygląda następująco:
<link rel=”canonical” href=”https://przykladowastrona.pl/pelny-artykul” />
Przykład:
Jeśli paginacja składa się z 4 stron:
https://Przykladowadomena.pl/tekst
https://Przykladowadomena.pl/tekst2
https://Przykladowadomena.pl/tekst3
https://Przykladowadomena.pl/tekst4
Lecz jeszcze dodatkowo mamy pełny artykuł wygenerowany pod adresem przykladowadomena.pl/pelny-tekst to na wszystkich stronach paginacji w sekcji <head> dodajemy canonical:
<link rel=”canonical” href=”https://przykladowadomena.pl/pelny-tekst” />
Dodatkowe wytyczne na temat stosowania kanonicznych adresów url możemy przeczytać we wskazówkach dla webmasterów.
Zastosowanie atrybutów rel=”next” oraz rel=”prev”
Co w przypadku gdy nie mamy i nie chcemy mieć strony podsumowującej? Biorąc pod uwagę sklepy internetowe gdzie niektóre kategorie posiadają nawet kilkaset produktów strona podsumowująca nie jest zbyt dobrym pomysłem.
Z pomocą przychodzą odpowiednie atrybuty: rel=”next” oraz rel=”prev”
Mają one za zadanie wskazać następną i poprzednią stronę paginacji.
Przykład kodu na 3 stronie paginacji:
<link rel=”prev” href=”http://przykladowadomena.pl/kategoria-strona2″ />
<link rel=”next” href=”http://przykladowadomena.pl/kategoria-strona4″ />
Kod wskazuje poprzednią i następną stronę.
Atrybuty rel=”next” oraz rel=”prev” również dodajemy w sekcji <head> strony. Stosując te atrybuty pokazujemy, że te kilka stron jest całością.
Połączenie kanonicznego adresu z rel=”next” oraz rel=”prev”
Sklepy internetowe posiadają różne filtry produktów. Przefiltrowanie produktów najczęściej zmienia adres URL, a w wielu wypadkach faktycznie zmienić się może na stronach jedynie kolejność wyświetlania produktów. Aby uniknąć duplikacji musimy zastosować kanoniczny adres URL “do samego siebie” wraz z atrybutami rel=”next” oraz rel=”prev”.
Przykład kodu na 3 stronie paginacji:
<link rel=”canonical” href=”https://przykladowastrona.pl/kategoria-strona3″ />
<link rel=”prev” href=”http://przykladowadomena.pl/kategoria-strona2″ />
<link rel=”next” href=”http://przykladowadomena.pl/kategoria-strona4″ />
I to wszystko! W ten sposób możemy zapobiec duplikacji treści na naszej stronie internetowej – z pewnością warto.
[kkstarratings]
CEO at WolfBrothers. Ma wilczy apetyt na zwiększanie widoczności stron w wyszukiwarce. Niezależnie od warunków i przeciwności losu, będzie walczył o wygraną dla twojego biznesu. Pasjonat grafiki rastrowej, WordPress’a i szarpania strun gitary elektrycznej.