Stránkovanie a infinite scroll: ako ich nastaviť bez problémov s indexáciou

Kategória e-shopu má 50 produktov a všetko funguje bez problémov. O rok ich má 5 000 a z jednoduchého zoznamu sa stáva technická SEO výzva. Ako produkty rozdeliť? Použiť klasické stránkovanie, tlačidlo „Načítať ďalšie“ alebo moderný infinite scroll?

Z pohľadu používateľa môže byť nekonečné rolovanie príjemné. Z pohľadu Google však rozhoduje niečo iné: dokáže vyhľadávač jednotlivé produkty, články alebo iný obsah skutočne nájsť, prejsť a indexovať?

Nesprávne nastavené stránkovanie môže spôsobiť, že Google objaví iba prvú časť produktov. Pri infinite scroll môže používateľ vidieť stovky položiek, zatiaľ čo Googlebot sa dostane iba k prvým dvadsiatim.

Pre e-shop potom nejde iba o technickú chybu. Produkty, ktoré Google neobjaví, nemôžu získavať organickú návštevnosť ani prinášať objednávky.

V ROI index preto pri SEO nekontrolujeme len obsah a kľúčové slová. Dôležitá je aj technická dostupnosť jednotlivých URL, interné prelinkovanie, štruktúra kategórií a spôsob, akým sa Google k obsahu dostáva.

Čo je stránkovanie

Stránkovanie, teda pagination, rozdeľuje väčší počet položiek na viac samostatných stránok.

Typickým príkladom je kategória e-shopu:

  • /nabytok/
  • /nabytok/?page=2
  • /nabytok/?page=3
  • /nabytok/?page=4

Každá URL zobrazuje inú skupinu produktov.

Stránkovanie sa však netýka iba e-shopov. Používa sa pri:

  • blogoch,
  • archívoch článkov,
  • pracovných ponukách,
  • katalógoch firiem,
  • realitných portáloch,
  • recenziách,
  • diskusiách,
  • výsledkoch vyhľadávania,
  • veľkých databázach.

Google odporúča, aby jednotlivé stránky stránkovanej série mali samostatné URL a aby medzi nimi existovali klasické odkazy, ktoré môže crawler nasledovať.

Čo je infinite scroll

Infinite scroll alebo nekonečné rolovanie znamená, že sa ďalší obsah načítava automaticky, keď sa používateľ približuje ku koncu aktuálne zobrazenej stránky.

Poznáme ho zo sociálnych sietí, no čoraz častejšie sa používa aj v e-shopoch.

Používateľ napríklad otvorí kategóriu so 600 produktmi. Najskôr sa zobrazí prvých 24. Po posunutí nižšie sa načíta ďalších 24, následne ďalších 24 a tak ďalej.

Z UX pohľadu to môže byť pohodlné. Problém vzniká vtedy, keď je ďalší obsah dostupný iba po vykonaní používateľskej akcie.

Google Search totiž vo všeobecnosti nefunguje ako človek, ktorý stránku otvorí a začne nekonečne scrollovať. Google uvádza, že jeho crawlery spravidla objavujú URL z href atribútov klasických odkazov a neklikajú na tlačidlá ani nevykonávajú používateľské akcie potrebné na načítanie ďalšieho obsahu.

Najväčší problém: používateľ obsah vidí, Google nie

Predstavme si kategóriu:

Pánske topánky – 1 200 produktov

Pri otvorení stránky sa do HTML alebo renderovaného obsahu načíta prvých 30 produktov.

Ďalších 30 sa zobrazí až po scrollovaní.

Potom ďalších 30.

Používateľ sa tak dokáže dostať ku všetkým produktom. Googlebot však nemusí vykonať akciu, ktorá ďalšie produkty načíta.

Výsledkom môže byť stav, keď má e-shop reálne 1 200 produktov, ale z danej kategórie Google jednoducho objavuje iba prvú časť.

Samotná existencia produktovej URL preto ešte neznamená, že ju Google efektívne nájde.

Práve preto je pri väčších weboch dôležitá správna štruktúra webu a interné prelinkovanie.

Najbezpečnejšie riešenie: UX infinite scroll, technicky pagination

Infinite scroll nemusíte rušiť.

Dá sa vytvoriť riešenie, ktoré používateľovi ponúkne pohodlné nekonečné rolovanie, ale vyhľadávačom zároveň poskytne klasickú stránkovanú štruktúru.

Google pri infinite scroll odporúča podporovať paginované načítavanie jednotlivých častí obsahu. Každá časť má mať vlastnú stabilnú URL a jednotlivé URL majú byť medzi sebou objaviteľné pomocou odkazov.

Technicky môže existovať napríklad:

  • /produkty/?page=1
  • /produkty/?page=2
  • /produkty/?page=3
  • /produkty/?page=4

Používateľ nemusí na čísla stránok vôbec klikať. JavaScript môže pri scrollovaní obsah automaticky pridávať.

Podstatné je, aby Google dokázal jednotlivé stránky otvoriť aj priamo cez URL bez potreby scrollovania.

To je rozdiel medzi infinite scroll, ktorý iba dobre vyzerá, a infinite scroll, ktorý je pripravený aj pre SEO.

Každá stránka musí mať vlastnú URL

Jednou z najčastejších chýb je načítavanie ďalších produktov bez vzniku samostatnej adresy.

Google odporúča prideliť každej stránke paginovanej série unikátnu URL, napríklad pomocou parametra ?page=2. Fragmenty typu #page2 nie sú vhodným riešením stránkovania, pretože Google fragment URL pri tomto účele nepoužíva ako samostatnú stránku.

Správne:

/kategoria/?page=2

Problematické:

/kategoria/#page2

URL by zároveň mala byť stabilná.

Ak URL /produkty/?page=5 dnes obsahuje produkty 101 až 125, nemala by po každom otvorení predstavovať úplne inú logickú časť obsahu len preto, že sa zmenil čas alebo používateľská relácia.

Nerobte canonical všetkých stránok na prvú stránku

Veľmi rozšírená SEO chyba vyzerá takto:

/kategoria/?page=2 → canonical → /kategoria/

/kategoria/?page=3 → canonical → /kategoria/

/kategoria/?page=4 → canonical → /kategoria/

Na prvý pohľad to pôsobí logicky: všetko je predsa jedna kategória.

Google však odporúča nekanonikalizovať všetky paginované URL na prvú stránku. Jednotlivé stránky série považuje za samostatné URL a každá by mala mať vlastný canonical.

Teda:

/kategoria/?page=2
canonical → /kategoria/?page=2

/kategoria/?page=3
canonical → /kategoria/?page=3

a podobne.

Canonical nie je nástroj na oznámenie „tieto stránky patria do jednej série“. Jeho úlohou je predovšetkým označiť preferovanú URL pri duplicitnom alebo veľmi podobnom obsahu.

Má byť druhá a ďalšia stránka indexovateľná?

Vo väčšine bežných prípadov nie je dobrým riešením automaticky nastavovať na všetky stránky od čísla 2:

noindex

Prečo?

Pretože jednotlivé stránky stránkovania pomáhajú vyhľadávaču objavovať obsah umiestnený hlbšie v katalógu.

Ak máte kategóriu s tisíckami produktov, produkty zo strany 25 môžu byť z hlavnej kategórie dostupné práve cez reťaz stránkovania.

Cieľom preto nie je za každú cenu dostať /page/17/ na prvé miesto Google. Cieľom je vytvoriť logickú a crawlable cestu k produktom alebo článkom, ktoré sa na nej nachádzajú.

SEO nastavenie však vždy závisí od konkrétneho webu. Pri veľkých e-shopoch je preto vhodné najskôr vykonať SEO analýzu a až potom meniť indexáciu tisícov URL.

Používajte klasické HTML odkazy

JavaScriptové tlačidlo môže fungovať používateľovi a napriek tomu nemusí poskytovať rovnakú cestu vyhľadávaču.

Google pri stránkovaní odporúča prepájať jednotlivé stránky klasickými odkazmi typu:

<a href="...">

Nie iba prvkami, ktoré spúšťajú JavaScript bez crawlable URL.

Minimálne by mala stránka 1 odkazovať na stránku 2, stránka 2 na stránku 3 atď.

Pri klasickom stránkovaní môže byť užitočné ponúknuť aj číselnú navigáciu:

1 | 2 | 3 | 4 | 5 | Ďalšia

Takáto architektúra pomáha používateľovi a zároveň skracuje cestu crawlera k hlbšiemu obsahu.

A čo rel=“next“ a rel=“prev“?

V minulosti sa pri stránkovaní často používali značky:

rel="next"

a

rel="prev"

Google ich už na identifikovanie paginovaných sérií nepoužíva. Môžu mať význam pre iné systémy alebo vyhľadávače, ale z pohľadu Google ich netreba považovať za riešenie indexácie.

Oveľa dôležitejšie sú:

  • samostatné URL,
  • crawlable odkazy,
  • správne canonicaly,
  • konzistentný obsah,
  • kvalitná informačná architektúra.

Infinite scroll a History API

Pri technicky kvalitnom infinite scroll môže používateľ scrollovať bez klasického reloadu celej stránky, ale URL v prehliadači sa postupne mení podľa zobrazovanej časti.

Napríklad:

/produkty/?page=1

↓ používateľ scrolluje

/produkty/?page=2

↓ scrolluje ďalej

/produkty/?page=3

Google pri search-friendly infinite scroll odporúča pri zmene primárne zobrazenej časti aktualizovať URL pomocou History API. Používateľ potom môže aktuálnu pozíciu obnoviť, uložiť alebo zdieľať.

Aj tu však platí zásadná podmienka:

Ak niekto otvorí /produkty/?page=3 priamo, web musí vedieť zobraziť správny obsah tejto URL.

Tlačidlo „Načítať ďalšie“ nie je automaticky SEO riešenie

Kompromisom medzi klasickým stránkovaním a infinite scroll býva:

Načítať ďalšie produkty

Z UX pohľadu to môže fungovať veľmi dobre.

SEO problém však zostáva rovnaký.

Ak sa ďalších 30 produktov objaví iba po kliknutí na JavaScriptové tlačidlo a neexistuje iná crawlable cesta k ich URL, Google ich nemusí touto cestou objaviť.

Google výslovne upozorňuje, že jeho crawler spravidla nekliká na tlačidlá, aby načítal ďalší obsah.

Preto aj pri „Load more“ odporúčame rozmýšľať nad technickou paginovanou vrstvou.

Pozor na filtre a radenie produktov

Stránkovanie sa často kombinuje s filtrami:

?color=black

?size=42

?brand=x

?price=asc

?page=4

a ich kombináciami.

Z jednej kategórie tak môžu vzniknúť stovky alebo desaťtisíce URL.

Tu už problémom nemusí byť nedostatočná indexácia, ale presný opak – Google crawluje obrovské množstvo URL s minimálnou SEO hodnotou.

Google pri stránkovaní odporúča zabrániť indexovaniu nepotrebných variantov vytvorených napríklad alternatívnym radením alebo filtrami. Konkrétne riešenie však musí zodpovedať funkcii danej URL a architektúre webu.

Preto neexistuje univerzálne pravidlo:

„Všetky filtre dajte na noindex.“

Niektoré filtrované kombinácie môžu mať vysokú organickú hodnotu.

Napríklad:

dámske čierne kožené čižmy

môžu predstavovať samostatnú vyhľadávanú kategóriu.

Iné kombinácie môžu byť úplne zbytočné.

Rozhodnutie by malo vychádzať z dát a analýzy kľúčových slov.

Robots.txt a noindex nie sú to isté

Pri riešení nadbytočných URL sa často zamieňajú dve rozdielne veci:

  • zabránenie crawlovaniu,
  • zabránenie indexovaniu.

robots.txt primárne riadi crawling.

noindex hovorí vyhľadávaču, že stránku nemá zaradiť do indexu.

Ak však Googlebot k URL kvôli robots.txt vôbec nemôže pristúpiť, nemusí vidieť ani noindex, ktorý sa nachádza v HTML stránky.

Preto je pri veľkých e-shopoch potrebné pracovať s crawl budgetom, indexáciou a URL parametrami systematicky, nie pridávať pravidlá do robots.txt metódou pokus – omyl.

XML sitemap nenahrádza interné prelinkovanie

Ďalší častý argument znie:

Produkty máme v XML sitemap, takže stránkovanie nemusíme riešiť.

Sitemap je užitočná a Google ju odporúča ako jeden zo spôsobov, ako pomôcť objaviť URL. Sama však nenahrádza kvalitnú internú štruktúru a crawlable odkazy.

Produkt dostupný iba zo sitemap súboru a produkt prirodzene prepojený z relevantných kategórií neposkytujú vyhľadávaču rovnaký kontext.

Interné prelinkovanie pomáha Google pochopiť:

  • do akej kategórie produkt patrí,
  • ktoré stránky sú dôležité,
  • ako spolu jednotlivé časti webu súvisia,
  • aká je hierarchia webu.

Aj preto je technické SEO neoddeliteľnou súčasťou komplexnej SEO optimalizácie.

Ako stránkovanie ovplyvňuje e-shop s 50 000 produktmi

Pri malom webe si chybu nemusíte dlho všimnúť.

Pri veľkom katalógu sa však jej dôsledky násobia.

Predstavme si:

  • 50 000 produktov,
  • 150 kategórií,
  • 30 produktov na jednu stránku,
  • viacero filtrov,
  • niekoľko spôsobov radenia,
  • infinite scroll.

Nesprávna kombinácia môže vytvoriť obrovské množstvo URL, zatiaľ čo niektoré dôležité produktové stránky zostanú pre crawlera príliš hlboko.

Technické SEO tu nie je kozmetická úprava.

Rozhoduje o tom, ktoré časti webu Google vôbec efektívne objaví.

Ako stránkovanie súvisí s crawl depth

Crawl depth vyjadruje, koľko krokov alebo kliknutí je potrebných na cestu od dôležitej vstupnej stránky k ďalšej URL.

Ak sa produkt nachádza na strane 40 a jednotlivé stránky sú prepojené iba systémom:

1 → 2 → 3 → 4 → 5…

cesta môže byť veľmi dlhá.

Preto pri rozsiahlych katalógoch nestačí povedať:

„Máme pagination, problém je vyriešený.“

Treba sa pozrieť na celú architektúru.

Pomôcť môžu:

  • logické podkategórie,
  • indexovateľné SEO filtre,
  • prelinkovanie na dôležité kolekcie,
  • súvisiace produkty,
  • bestseller sekcie,
  • breadcrumb navigácia,
  • interné odkazy z obsahových stránok.

Kvalitná SEO stratégia preto prepája technickú stránku webu s obsahom a reálnym vyhľadávaním používateľov.

Nezabúdajte na mobilnú verziu

Google používa mobile-first indexing. Preto je dôležité, aby crawlable odkazy a obsah neboli dostupné iba na desktopovej verzii.

Ak má desktop klasické stránkovanie, ale mobil používa úplne iný mechanizmus, pri ktorom sa Google nedostane k ďalším produktom, môže vzniknúť problém s objavovaním URL.

Google upozorňuje, že obmedzenie odkazov v mobilnej verzii môže spomaliť objavovanie nových stránok.

SEO preto treba testovať na skutočnej mobilnej verzii webu, nie iba podľa toho, čo vidíme na veľkom monitore.

Ako skontrolovať, či infinite scroll Google vidí

Nestačí stránku otvoriť v Chrome a povedať:

„Mne sa všetky produkty načítajú.“

Kontrolovať treba spôsob, akým stránku vidí Google.

Google odporúča použiť nástroj URL Inspection v Search Console a skontrolovať renderovaný HTML obsah.

Pri audite by sme preverili najmä:

  1. čo sa nachádza v prvotnom HTML,
  2. čo sa dostane do renderovaného HTML,
  3. či majú ďalšie časti samostatné URL,
  4. či sa dajú URL otvoriť priamo,
  5. či medzi nimi existujú crawlable odkazy,
  6. aký canonical jednotlivé stránky používajú,
  7. či niektoré URL neblokuje robots.txt,
  8. kde sa nachádza noindex,
  9. akú hĺbku majú produktové stránky,
  10. či Google produkty reálne objavuje a indexuje.

Takáto kontrola je súčasťou technického pohľadu, ktorý využívame pri SEO analýze webu.

Stránkovanie nie je len problém Google

Dobrá architektúra pomáha aj používateľom.

Klasické stránkovanie umožňuje:

  • vrátiť sa na konkrétnu stranu,
  • lepšie odhadnúť rozsah ponuky,
  • uložiť URL,
  • pokračovať tam, kde používateľ skončil.

Infinite scroll zase dokáže vytvoriť rýchlejší a plynulejší zážitok.

Najlepšie riešenie preto nemusí byť otázkou:

pagination alebo infinite scroll?

Často je správna odpoveď:

infinite scroll pre používateľa + kvalitná paginovaná architektúra pre vyhľadávače.

A čo AI vyhľadávanie?

Technická dostupnosť obsahu získava význam aj s rastom generatívneho vyhľadávania.

SEO, GEO a AI Visibility nie sú tri úplne oddelené disciplíny. Ak je obsah webu zle objaviteľný, nekonzistentne prepojený alebo technicky problematický, vytvárate slabší základ aj pre ďalšie systémy, ktoré sa snažia pochopiť vaše produkty, služby a odborný obsah.

Preto v ROI index prepájame klasické SEO s optimalizáciou webových stránok pre AI a systematickým budovaním AI Visibility.

Dobrý obsah nestačí vytvoriť.

Musí byť:

dostupný → crawlable → pochopiteľný → dôveryhodný → prepojený.

Najčastejšie chyby pri pagination a infinite scroll

Pri technických auditoch sa oplatí skontrolovať najmä tieto situácie:

1. Ďalšie produkty sa načítajú iba JavaScriptom

Google nemá klasickú cestu k ďalším častiam.

2. Neexistujú samostatné URL

Celý obsah funguje iba na jednej dynamickej adrese.

3. Page 2, 3, 4… canonicalizujú na page 1

Google pritom odporúča jednotlivým stránkam vlastný canonical.

4. Stránkovanie používa URL fragmenty

Napríklad #page3.

5. Tlačidlo „Načítať ďalšie“ je jedinou cestou k obsahu

Crawler naň nemusí kliknúť.

6. Všetky ďalšie stránky sú automaticky noindex

Bez posúdenia dôsledkov pre objavovanie hlbšieho obsahu.

7. Filtre vytvárajú tisíce nepotrebných kombinácií

Google stráca čas crawlom URL s nízkou hodnotou.

8. Produkty sú iba v XML sitemap

Chýba im prirodzená cesta cez interné odkazy.

9. Mobilná verzia má menej odkazov ako desktop

Pre mobile-first crawling je to problém.

10. Nikto netestoval renderovaný obsah

Web sa hodnotí podľa toho, čo vidí používateľ, nie podľa toho, čo dokáže spracovať crawler.

Jednoduchý model správneho riešenia

Ak prevádzkujete e-shop alebo rozsiahlejší obsahový web, vhodný základ môže vyzerať takto:

Používateľ:

Kategória → scrolluje → automaticky sa načítava ďalší obsah.

Google:

Kategória → <a href="?page=2"> → page 2 → <a href="?page=3"> → page 3.

URL:

Každá časť má stabilnú adresu.

Canonical:

Každá stránka canonicalizuje sama na seba.

Produkty:

Majú samostatné indexovateľné URL a sú dostupné cez interné odkazy.

Filtre:

SEO hodnotné kombinácie sa optimalizujú, nepotrebné varianty sa riadia podľa zvolenej indexačnej stratégie.

Sitemap:

Obsahuje URL, ktoré chcete dostať do vyhľadávania.

Takéto riešenie dokáže spojiť moderný používateľský zážitok s technickými požiadavkami vyhľadávačov.

Neviete, či Google vidí celý váš e-shop?

Ak máte stovky alebo tisíce produktov, samotný počet URL v administrácii nič nehovorí o tom, koľko z nich Google reálne objavil, crawluje a dokáže zaradiť do výsledkov.

V ROI index sa na SEO pozeráme cez techniku, obsah, dáta aj obchodný výsledok.

Pri SEO analýze môžeme preveriť napríklad:

  • stránkovanie kategórií,
  • infinite scroll,
  • canonical URL,
  • indexáciu,
  • interné prelinkovanie,
  • filtre a parametre,
  • crawl depth,
  • sitemap,
  • robots.txt,
  • technické chyby,
  • štruktúru webu,
  • obsahové príležitosti,
  • prepojenie SEO s GEO a AI Visibility.

Pretože cieľom SEO nie je mať iba technicky „zelený“ audit.

Cieľom je dostať správne produkty, služby a obsah pred ľudí práve vo chvíli, keď ich hľadajú.

Miloš Vargic
Miloš Vargic
V marketingu sa pohybujem viac ako 22 rokov. Som zakladateľ agentúry ROI index a špecializujeme sa na výkonnostný marketing, ktorý firmám reálne prináša výsledky. Pomáhame značkám rásť vďaka efektívnej reklame na Google, Bingu a Facebooku, výkonnému SEO a GEO, precízne nastaveným marketingovým stratégiám pre B2B aj B2C segment. Pracoval som ako marketingový riaditeľ a spúšťal som reklamy v 23 krajinách a 14 jazykoch, kde sme dosahovali vysokú návratnosť investícií z rozpočtov nad 14 300 € mesačne.