Blog

Stránkování vs. Infinite Scroll v rámci PrestaShop: Kompromisy mezi SEO a UX

Tým PrestaShopAddons 8 minut čtení
Stránkování vs. nekonečné posouvání v PrestaShop – srovnání kompromisů mezi SEO a UX

Každý obchod typu PrestaShop s rozsáhlým katalogem se nakonec dostane k téže otázce: klasické stránkování (/category/page-2) nebo nekonečné posouvání, při kterém se při procházení stránek načítá další obsah? Odpověď na tuto otázku má větší význam, než si většina majitelů obchodů uvědomuje – ovlivňuje totiž organické hodnocení ve vyhledávačích, konverzi na mobilních zařízeních, to, co si zákazníci zapamatují z toho, co viděli, a jejich chování při používání tlačítka „Zpět“.

Zkrácená verze: obě možnosti mohou fungovat, ale pouze pokud jsou správně implementovány. Zde najdete přímé srovnání, vysvětlení mýtu o SEO a pravidla pro rozhodování pro obchody typu PrestaShop v roce 2026.

Jak vlastně každý z nich funguje

Klasické stránkování

  1. Uživatel vidí 24–36 produktů a odkaz “Další stránka” v dolní části stránky
  2. Klikněte na → Obnovit celou stránku, abyste ?page=2
  3. Nová sada náhledů produktů, posun na začátek stránky
  4. Změny v URL → lze přidat do záložek, sdílet, funguje tlačítko „Zpět“

Je to předvídatelné a vyhovuje to Googlu, ale každé obnovení stránky představuje narušení uživatelského zážitku.

Nekonečné posouvání

  1. Uživatel se posune na konec seznamu viditelných produktů
  2. JavaScript rozpozná konec a odešle AJAXový požadavek na další dávku
  3. Produkty se přidávají na stránku; bez nutnosti obnovení stránky ani vynulování posuvníku
  4. (Při správném provedení) Aktualizace URL prostřednictvím rozhraní History API: /category#page-2 nebo /category?page=2

Plynulejší uživatelské prostředí, ale každá zkratka má své nevýhody – o tom se zmíníme níže.

Tlačítko „Načíst více“ (hybridní verze)

Třetí možnost, kterou stojí za to zmínit hned na začátku: viditelné tlačítko “Načíst více”, na které uživatel výslovně klikne, aby se načítala další várka. Technicky se jedná o nekonečné posouvání podobné AJAXu, ale iniciované uživatelem. Řeší většinu problémů spojených s automatickým posouváním a zároveň zachovává výhodu “bez úplného znovu načtení stránky”. Úplné srovnání najdete v Načíst více vs. Automatické načítání.

Porovnání v 6 klíčových oblastech

1. SEO (pořadí v kategoriích)

Právě tady se rodí největší mýty. Skutečnost je taková:

  • Stránkování: Ve výchozím nastavení je to optimalizované pro SEO. Googlebot prochází stránkované URL adresy a indexuje každou stránku, pokud je prohledatelná. Použijte <link rel="canonical"> odkazovat ze stránky 2+ na stránku 1, nebo nechat každou stránku s paginací, aby si sama nastavila kanonickou adresu (oba přístupy budou v roce 2026 fungovat).
  • Nekonečné posouvání: optimalizováno pro SEO pouze pokud Aktualizované URL adresy (prostřednictvím rozhraní History API) a varianty s paginací lze prohledávat. Bez toho Googlebot vidí pouze první stránku a nikdy se nedostane k produktům za ní – což je pro rozsáhlé katalogy katastrofa.
  • Tlačítko „Načíst více“: Může to být obojí. Pokud kliknete na aktualizaci URL (/category?page=2), je to z hlediska SEO v pořádku. Pokud se produkty pouze přidávají do DOM bez změny URL, jsou pro Googlebot v podstatě neviditelné po počátečním načtení stránky.

Klíčová otázka: Má Googlebot přístup k produktům na stránkách 2, 3 a 4 pouze na základě URL adresy? Pokud ano, je vše v pořádku. Pokud ne, vaše produkty z „long tailu“ nejsou pro vyhledávače viditelné.

2. Uživatelský zážitek (průběh + paměť)

Výzkum společnosti Nielsen Norman Group (který je dodnes často uváděn jako autoritativní studie o nekonečném posouvání):

  • Výhody nekonečného posouvání pro průzkumné procházení (obsah ve stylu zpravodajského kanálu, kdy uživatelé nemají konkrétní cíl)
  • Vítězství stránkování když uživatelé porovnávají různé možnosti nebo si chtějí udělat představu o tom, “kolik toho tam je”
  • Uživatelé si stránkování lépe pamatují — číslo stránky slouží jako orientační bod (“ten výrobek byl na stránce 3”)

Zejména v oblasti elektronického obchodování se většina nakupujících nachází v režim vyhledávání spíše než režim podávání. Chtějí výběr zúžit, ne se donekonečna procházet. To vnáší jisté nuance do předpokladu, že “nekonečné posouvání = lepší uživatelský zážitek”.

3. Mobilní uživatelský zážitek

V tomto ohledu má nekonečné posouvání jasnou výhodu. Uživatelé mobilních zařízení posouvají obsah přirozeně; odkaz “Další stránka” v dolní části stránky vyžaduje přesné klepnutí a rušivé načtení stránky. Při pomalém připojení 4G znamená načtení stránky 2–4 sekundy prázdné obrazovky.

Tlačítko „Načíst více“ představuje kompromis – stránka se znovu nenačte, ale vyžaduje výslovnou akci uživatele.

4. Výkon (velikost stránky + Core Web Vitals)

Zjištění, které je v rozporu s intuicí: Nekonečné posouvání může negativně ovlivnit ukazatele Core Web Vitals pokud nebude provedeno pečlivě.

  • Počáteční počet produktů je stejný (oba začínají s 24–36 produkty)
  • Jak se při nekonečném posouvání načítá další obsah, stránka se rozšiřuje – nakonec se na ní objeví tisíce uzlů DOM
  • Na telefonech střední třídy stoupá spotřeba paměti, výpočty rozložení se zpomalují a posouvání obrazovky je trhané
  • Metrika “Interaction to Next Paint” (INP), která v roce 2024 nahradila FID, je obzvláště citlivá na nadměrně rozrostlý DOM

Řešení: okna/virtualizace (v DOM ponechat pouze 50–100 produktů, ostatní vyměnit, jakmile uživatel posune stránku mimo zobrazení) nebo čištění po každé šarži (odstranit obrázky, které se nacházejí daleko nad zobrazenou oblastí).

Tlačítko „Načíst více“ se zobrazuje postupně – uživatel musí klikat opakovaně, takže nárůst DOM je řízen uživatelem.

5. Přístupnost

Funkce nekonečného posouvání je ve výchozím nastavení nepřátelská vůči uživatelům klávesnice a čteček obrazovky. Když se při posouvání načtou nové produkty, fokus zůstane tam, kde byl, a nedojde k žádnému oznámení, že se obsah změnil. Uživatelé čteček obrazovky se tak nemusí nikdy dostat k tlačítku “načíst více”.

Stránkování je ve výchozím nastavení přístupné – standardní odkaz, standardní chování při zaostření.

Dobré implementace nekonečného posouvání přidávají aria-live="polite" oblasti, které zobrazují hlášení “Načteno dalších 20 produktů” a odkazy pro přeskočení na navigaci. Ty špatné (většina výchozích modulů PrestaShop) to nedělají.

6. Analytika (sledování toho, co uživatelé vidí)

Stránkování generuje čisté počty zobrazení stránky na jednu stránku. Vaše analýza konverzního trychtýře v Google Analytics 4 zpracovává ?page=2 jako samostatné zobrazení stránky.

Nekonečné posouvání vyžaduje explicitní sledování – při každém načtení dávky dat je třeba spustit vlastní událost. Výchozí moduly pro nekonečné posouvání v PrestaShop toto často opomíjejí, takže analytika ukazuje, že všichni návštěvníci “prohlížejí pouze stránku 1”, zatímco ve skutečnosti se většina z nich posunula až na stránku 5–6.

Tlačítko „Načíst více“ se sleduje nejjednodušeji – kliknutí na tlačítko = událost.

Mýtus o SEO – “nekonečné posouvání ničí pozice ve vyhledávačích”

Toto přesvědčení přetrvává, protože špatně provedené Nekonečné posouvání skutečně negativně ovlivňuje hodnocení. Konkrétně se to týká takových implementací, které:

  • Neaktualizujte adresu URL
  • Neuvádějte záložní URL adresy s paginací
  • Nepoužívejte pushState aby bylo možné každou “stránku” přidat do záložek
  • Nepřidávejte rel="next"/"prev" nebo ekvivalentní strukturované pokyny

Dobře implementované nekonečné posouvání – například takové, které transparentně aktualizuje adresu URL na ?page=N jak uživatel posouvá stránku, a zároveň poskytuje robotu Googlebot přehlednou stránkovanou verzi — je z hlediska SEO stejně bezpečné jako klasické stránkování. Vlastní pokyny společnosti Google to uvádějí již od roku 2019 a znovu v roce 2023 (John Mueller to několikrát zmínil ve videích na kanálu Google Search Central).

Tento Modul Infinite Scroll Tento web využívá přístup šetrný k SEO: zachovává původní stránkování PrestaShop v kódu HTML (skryté před uživateli pomocí CSS), aby jej mohl Googlebot procházet ?page=2, ?page=3 Přímo z URL adres, přičemž jako alternativu k automatickému posouvání nabízí také režim spouštěný tlačítkem.

Když zvítězí stránkování

  • Katalogy s méně než 200 produkty (v tomto rozsahu působí stránkování přirozeně)
  • Kategorie s velkým počtem srovnání (uživatelé chtějí, aby byly “všechny viditelné”, nikoli “v seznamu”)
  • Starší šablona PrestaShop, kterou nelze bezpečně upravovat
  • Velmi jednoduché obchody s minimálními vývojářskými kapacitami

Když zvítězí nekonečné posouvání

  • Rozsáhlé katalogy (500 a více produktů v každé kategorii)
  • Návštěvnost převážně z mobilních zařízení (70%+ obchodů v roce 2026)
  • Vizuální kategorie (móda, bytové doplňky, design), ve kterých si zákazník přeje rychle prohlédnout mnoho možností
  • Máte vývojářské schopnosti potřebné k správné implementaci (aktualizace URL, záložní řešení, analytika)

Když zvítězí „Načíst více“

  • Chcete to nejlepší z obou světů
  • Analytika a SEO mají vysokou prioritu
  • Důležitost přístupnosti (soulad s normami A11y, veřejný sektor, podnikoví klienti)
  • Máte katalog s různými velikostmi a hledáte jeden přístup, který bude fungovat ve všech případech

Možnosti implementace v PrestaShop

Možnost 1: Výchozí stránkování (neprovádět žádné změny)

Funguje, je optimalizováno pro SEO, uživatelský zážitek je průměrný. Přijatelný výchozí bod. Není třeba nic instalovat ani nastavovat.

Možnost 2: Stránkování pomocí AJAXu na úrovni šablony

Upravte si šablonu tak, aby zachytávala kliknutí na “Další stránka” a načítala obsah pomocí AJAXu. Funguje to, ale při aktualizacích šablony může být řešení nestabilní. Vyžaduje podporu PHP a JS.

Možnost 3: Speciální modul pro nekonečné posouvání

Nainstalujte modul, který zajišťuje načítání pomocí AJAXu a případně i variantu spouštěnou tlačítkem. Tento Modul Infinite Scroll je k tomu přímo stvořený — optimalizovaný pro SEO (jako záložní řešení zachovává HTML stránkování, které lze prohledávat), konfigurovatelný režim automatického posouvání nebo režim s tlačítky, kompatibilní s PrestaShop 1.7 a 8.x, odlehčený front-end.

Často kladené otázky

Opravdu Google prochází obsah načtený pomocí JavaScriptu?

Ano – od roku 2019 Googlebot před indexací vykresluje stránky pomocí nejnovějšího jádra Chromium. Ale neposouvá se ani automaticky nespouští události. Obsah, který se načítá až při posouvání stránky (bez URL adresy, na kterou by se dalo přejít), tak nemusí být nikdy zaindexován. Řešením je vždy “uvedení URL adres” (nebo méně spolehlivé “zajištění náhradního zobrazení generovaného serverem pro prohledávače”).

Mám na stránkách s paginací používat atributy rel=”next” a rel=”prev”?

Společnost Google již od roku 2019 uvádí, že tyto prvky již k určování pořadí ve výsledcích vyhledávání nepoužívá. Jejich použití však nijak neškodí, některé jiné vyhledávače je mohou využívat a pomáhají některým SEO nástrojům správně seskupovat stránky s paginací. Jejich zachování je bezpečné; přidávat je výhradně kvůli pořadí ve výsledcích vyhledávání Google však není nutné.

Jaký vliv má nekonečné posouvání na počet opuštěných nákupních košíků?

Nepřímo. Funkce nekonečného posouvání udržuje uživatele na stránce kategorií déle, což může oddálit návštěvy stránek jednotlivých produktů. Na druhou stranu snižuje překážky při objevování dalších produktů, což zvyšuje počet položek přidaných do košíku. Celkový dopad je obvykle pozitivní, pokud váš proces přidávání do košíku dobře zvládá rychlé přidávání položek – viz Průvodce opuštěnými košíky PrestaShop.

A co Google Discover a stránky s kategoriemi?

Stránky kategorií se v Google Discover objevují jen zřídka (tato služba upřednostňuje jednotlivé články). Pokud však popisy kategorií publikujete jako redakční obsah (průvodce dárky, sezónní přehledy), mohou tyto hybridní stránky získat viditelnost v Discoveru.

Jak poznám, jestli můj současný nekonečný posuv škodí SEO?

Tři rychlé kontroly:

  1. Zobrazte si URL své kategorie v anonymním režimu: změní se URL, když se posunete za první stránku? Pokud ne, je to nevhodné z hlediska SEO.
  2. Zkuste ?page=2 ručně: načítá se stránka správně se správnými produkty? Pokud ne, je to nevhodné z hlediska SEO.
  3. V nástroji Google Search Console zkontrolujte přehled “Pokrytí” pro vaši kategorii. Pokud nejsou URL adresy ze 2. a dalších stránek uvedeny jako zaindexované, Google je nezaznamenává.

Závěrem

Pro většinu prodejen PrestaShop v roce 2026 se doporučuje následující postup:

  • Malý katalog (méně než 200 produktů v kategorii): zachovat výchozí stránkování
  • Středně velký katalog (200–1 000 produktů v každé kategorii): tlačítko „Načíst další“ s aktualizacemi URL
  • Rozsáhlý katalog (více než 1 000 produktů v každé kategorii): Nekonečné posouvání optimalizované pro SEO (History API) nebo hybridní řešení

Všechny tři prvky mohou fungovat společně a přispívat k vynikajícímu SEO – teprve způsob jejich implementace rozhoduje o tom, zda budou “prospěšné” nebo “škodlivé”. Kompletní kontext optimalizace stránek kategorií v Průvodce optimalizací stránky kategorie PrestaShop.