Pagination webshopban: teljes útmutató

A webshopos pagination akkor jó, ha minden lapozott oldal önálló, feltérképezhető URL-en él, saját magára mutató canonicallel, valódi linkekkel összekötve. Így a keresőrobot eléri a mélyebben fekvő termékeket is. Ne irányítsd a canonicalt az első oldalra, ne tedd noindexre a 2. oldaltól, és infinite scroll mellé mindig adj lapozható URL-eket is.

Alapfogalmak

A pagination, magyarul lapozás vagy oldalszámozás, azt jelenti, hogy egy hosszú terméklistát több, egymást követő oldalra bontasz. Egy 600 terméket tartalmazó „Női cipők” kategória például 24 termékes oldalakkal 25 oldalra oszlik. A vásárlónak ez áttekinthetőséget ad. A keresőnek viszont csak akkor hasznos, ha a lapozott oldalak technikailag rendben vannak. Ha nincsenek, a lapozás könnyen olyan útvesztővé válik, amelyben a robot elakad, vagy rossz oldalakat indexel.

Webshopban a pagination szinte mindig a kategóriaoldalakhoz kötődik. Ezért a kategóriaoldalak alapelveit érdemes előbb rendbe tenni, ehhez a Kategóriaoldal SEO: teljes útmutató ad keretet. A lapozás ennek a technikai folytatása: azt határozza meg, hogyan jut el a robot a lista 5., 12. vagy 25. oldalán lévő termékekhez.

A legfontosabb kifejezések

Lapozott oldal (paginated page): a sorozat bármely tagja az első után, például /noi-cipok/?page=3 vagy /noi-cipok/oldal/3/.
Kanonikus URL (canonical): az a cím, amelyet a keresőnek a tartalom elsődleges változataként jelölsz meg.
Feltérképezés (crawl): a robot végigjárja a linkeket. Ami nincs belinkelve, azt jellemzően nem találja meg, vagy csak a sitemapből.
Crawl budget: az a figyelem, amelyet a kereső egy adott időszakban a webhelyedre fordít. Kis shopnál ritkán szűk keresztmetszet, nagy, sok paraméteres katalógusnál viszont komoly tényező.
Kattintási mélység: hány kattintásra van egy termék a főoldaltól. Minél mélyebb, annál ritkábban járja be a robot.
Infinite scroll és „Több betöltése” gomb: a lapozás alternatívái, amelyeknél a tartalom JavaScripttel töltődik be, URL-váltás nélkül vagy azzal.

Mi a különbség a lapozás, a szűrés és a rendezés között?

Ezt a három dolgot gyakran összekeverik, pedig másképp kell kezelni őket. A lapozás ugyanazt a listát bontja szeletekre. A szűrés (méret, szín, márka) új részhalmazt hoz létre, amely egyes esetekben önálló keresési igényt szolgál ki. A rendezés (ár szerint növekvő, legújabb elöl) ugyanazt a tartalmat más sorrendben mutatja, és szinte soha nem érdemes indexelni.

Paraméter típusa	Példa	Új tartalom?	Tipikus kezelés
Lapozás	?page=4	Igen, más termékek	Indexelhető, önmagára mutató canonical
Szűrés	?szin=fekete	Részhalmaz	Keresési igénytől függ
Rendezés	?sort=ar_asc	Nem, csak sorrend	Canonical a rendezés nélküli változatra
Darabszám	?limit=96	Nem, csak szeletelés	Canonical az alapértelmezett változatra

Mi lett a rel="prev" és rel="next" jelöléssel?

Régebben a lapozott sorozat tagjait rel="prev" és rel="next" attribútumokkal kötötték össze. A Google 2019-ben közölte, hogy ezeket már egy ideje nem használja indexelési jelként. Ettől nem árt bent hagyni őket, más keresők vagy eszközök értelmezhetik, de a Google-nél a sorozat összekapcsolását a sima, követhető HTML-linkekre kell bízni. Ez azt is jelenti, hogy egy régi auditlista „van-e prev/next” pontja ma már nem elég a megfelelőség igazolására.

Hogyan működik?

A keresőrobot nem lapoz, hanem linkeket követ. Megnyitja a kategória első oldalát, kiolvassa belőle az a href elemeket, és sorba állítja a talált URL-eket. Ha a lapozó számai valódi linkek, a robot eljut a 2., majd a 3. oldalra, és onnan a termékekhez. Ha a lapozó gombja csak egy JavaScript-eseményt indít el, URL nélkül, a robot számára a lista az első oldalnál véget ér.

A lapozott oldalaknak tehát nem az a fő szerepük, hogy saját maguk rangsoroljanak. Elsősorban szállítóeszközök: linkértéket és felfedezhetőséget visznek a mélyebben fekvő termékoldalakhoz. A termékoldal minőségéről a Termékoldal SEO: teljes útmutató szól, de ha a robot el sem jut a termékig, a legjobb termékoldal is láthatatlan marad.

A feltérképezés folyamata lépésről lépésre

A robot letölti a kategória első oldalát, és rendereli, ha szükséges.
Kigyűjti a termékkártyák linkjeit és a lapozó linkjeit.
A lapozó linkjein keresztül eléri a további oldalakat, mindegyiken újra kigyűjti a termékeket.
Minden lapozott oldalon megnézi a canonical tag-et és a robots meta tag-et, ezek alapján dönt az indexelésről.
A termékoldalakat külön feltérképezi, és az odamutató belső linkek számából, helyéből is következtet a fontosságukra.

Miért számít a lapozó felépítése?

A legtöbb webshop lapozója így néz ki: „1 2 3 … 25 Következő”. Ebből a robot az első oldalról közvetlenül a 2., 3. és 25. oldalt éri el. A 14. oldalhoz viszont sok lépésen át jut el, mert minden oldal csak a szomszédait linkeli. Ez a kattintási mélység. Szemléltető példa: ha 25 oldalad van, és minden oldalon csak az előző és a következő két oldal szerepel, a sorozat közepe hat-nyolc kattintásra kerülhet az első oldaltól, és a termékek még egy szinttel lejjebb.

Egy kicsit gazdagabb lapozó, amely például az aktuális oldal körüli számok mellett tízes lépcsőket is mutat (1, 10, 20, 25), jelentősen csökkenti ezt a mélységet. Nincs egyetlen helyes minta, de a döntési szabály egyszerű: a leghátsó termék se legyen sokkal mélyebben, mint amennyi a katalógusod méretéből indokolt.

Mit lát a robot, és mit a felhasználó?

A felhasználónak mindegy, hogy a lapozó gomb link-e vagy gomb, ha működik. A robotnak nem mindegy. Ellenőrizd a forráskódban vagy a renderelt HTML-ben, hogy a lapozó elemei a href="..." formában szerepelnek-e, teljes vagy relatív URL-lel. Az onclick eseményre épülő, href nélküli gomb, vagy a href="#" megoldás nem ad követhető linket.

Kidolgozott példa: egy közepes kategória

Vegyünk egy szemléltető esetet: egy lakberendezési shop „Párnahuzatok” kategóriájában 432 termék van, oldalanként 36, így 12 oldal keletkezik. A lapozó eredetileg JavaScript-gombokból állt, és az URL nem változott. A Search Console-ban azt látnád, hogy a termékek nagyjából első harmada indexelt, a többi „Felfedezve, jelenleg nincs indexelve” vagy egyáltalán nem szerepel. A javítás: ?page=2 és társai valódi linkként, minden oldalon önmagára mutató canonical, egyedi title („Párnahuzatok, 5. oldal”). Ezután a jellemző javulás az, hogy a mélyebb termékek fokozatosan megjelennek a feltérképezett oldalak között. A pontos ütem shopról shopra eltér, ezért ne számolj fix időtartammal.

Fő módszerek

Négy fő megközelítés közül választhatsz, és mindegyiknek megvan a helye. A választás attól függ, mekkora a katalógus, mennyire fontos a termékek egyenkénti felfedezése, és milyen technikai erőforrásod van. Az alábbiakban végigveszed, mikor melyik működik, és mire figyelj a megvalósításnál.

1. Klasszikus számozott lapozás

A legbiztonságosabb és a legkönnyebben ellenőrizhető módszer. Minden oldalnak saját URL-je van, a lapozó valódi linkekből áll, és minden oldal önmagára mutat canonicallel. Előnye, hogy a robot és a felhasználó ugyanazt a struktúrát látja, és könnyű hibát keresni benne. Hátránya, hogy mobilon sokan kevésbé szeretik a lapozást, mint a görgetést.

URL-forma: /kategoria/?page=2 vagy /kategoria/oldal/2/, mindegy, csak legyen következetes.
Az első oldal ne létezzen két címen (/kategoria/ és /kategoria/?page=1). A page=1 változat irányítson át 301-gyel az alap URL-re.
A title és lehetőleg a meta description is jelezze az oldalszámot.

2. „Több betöltése” gomb lapozható URL-ekkel

A gomb megnyomására újabb termékek jelennek meg ugyanazon az oldalon. SEO-szempontból akkor rendben, ha a gomb mögött ott van egy valódi link a következő lapozott URL-re, és a JavaScript csak felülírja a viselkedést. A History API-val a böngésző címsora frissülhet ?page=3-ra, így a felhasználó is visszatalál, ha továbbküldi a linket.

3. Infinite scroll lapozott háttérrel

Görgetésre töltődnek be az újabb termékek. Önmagában ez a robotnak problémás, mert nem görget úgy, mint egy ember. A megoldás itt is az, hogy minden betöltött szelethez tartozzon egy önállóan elérhető, linkkel hivatkozott URL, és a görgetés során a címsor ennek megfelelően váltson. Ha erre nincs kapacitás, inkább maradj a klasszikus lapozásnál vagy a gombnál.

4. „Összes megjelenítése” oldal

Egyetlen oldalon az egész lista. Kis kategóriánál (néhány tucat termék) teljesen jó, mert nincs is mit lapozni. Nagynál viszont a betöltési idő és a felhasználói élmény romlik, ezért több száz termék felett ritkán ajánlott. Ha mégis van ilyen oldalad a lapozott sorozat mellett, akkor dönts egyértelműen: vagy ez a kanonikus változat, és gyorsan betölt, vagy marad a lapozás, és az „összes” változat nem indexelt.

Döntési táblázat

Helyzet	Javasolt módszer	Indoklás
Kevesebb mint kb. 50 termék a kategóriában	Egy oldal, lapozás nélkül vagy „összes” nézet	Nincs mélységi probléma
Közepes katalógus, korlátozott fejlesztés	Klasszikus számozott lapozás	Egyszerű, átlátható, nehéz elrontani
Mobilos forgalom dominál, van fejlesztő	„Több betöltése” gomb lapozott URL-ekkel	Jó UX, megmarad a feltérképezhetőség
Nagyon nagy katalógus, erős frontend csapat	Infinite scroll lapozott háttérrel	Csak akkor, ha a fallback URL-ek tesztelten működnek

A számhatárok szemléltetők, nem szabályok. A döntést a saját termékszámod, oldalsebességed és a felhasználói viselkedésed adataira alapozd.

Mit tegyél a lapozott oldalak tartalmával?

A kategória bevezető szövegét általában elég az első oldalon megjeleníteni. Ha minden lapozott oldalon ugyanaz a hosszú szöveg fut, az ismétlődő tartalmat hoz létre, és értéket nem ad. A lapozott oldalak egyediségét a termékek listája adja, nem a szöveg. Ugyanez áll a termékkártyák rövid leírásaira: ha egyedi termékleírásokat írsz, az a termékoldalon számít igazán, ehhez a Termékleírás SEO: teljes útmutató ad részletes segítséget.

Gyakori hibák

A lapozással kapcsolatos hibák nagy része nem látszik a felhasználói felületen. Minden működik, a vásárló lapoz, vásárol, közben a kereső fele katalógust nem látja. Ezért érdemes a hibákat tudatosan, listával végigellenőrizni, nem csak akkor, amikor a forgalom már visszaesett.

Canonical az első oldalra minden lapozott oldalon

Ez a leggyakoribb tévhit: „a 2. oldaltól mind duplikáció, ezért canonical az első oldalra”. Csakhogy a 2. oldalon más termékek vannak, mint az elsőn, tehát nem duplikátum. Ha a canonical az első oldalra mutat, azzal azt üzened, hogy a 2. oldal tartalma az első oldallal azonos. A kereső ezt figyelmen kívül hagyhatja, vagy követheti, és ilyenkor a lapozott oldalak linkjei kevesebb súlyt kapnak. A helyes megoldás az önmagára mutató canonical.

Noindex a 2. oldaltól

Elsőre logikusnak tűnik, hiszen a „Női cipők, 7. oldal” nem fog rangsorolni. A gond az, hogy a hosszan noindexen tartott oldalak linkjeit a kereső idővel kevésbé követheti. Vagyis a noindex hosszú távon a termékek felfedezését is gyengítheti. Ha nincs nagyon erős okod rá, hagyd indexelhetőnek a lapozott oldalakat.

Robots.txt tiltás a page paraméterre

Ez még súlyosabb: ha a ?page= paramétert robots.txt-ben tiltod, a robot be sem léphet a lapozott oldalakra, így az ott lévő termékekre mutató linkeket sem látja. Paraméteres takarításnál ezt könnyű tévedésből elkövetni, amikor valaki a rendezési és szűrési paraméterekkel együtt a lapozást is letiltja.

Végtelen vagy üres lapozott oldalak

Ha a 25. az utolsó oldal, mit ad vissza a ?page=26 vagy a ?page=9999? Sok rendszer egy üres listát, 200-as státusszal. Ez gyenge minőségű, üres oldalak tömegét hozhatja létre. A javasolt viselkedés: a létező tartományon kívüli oldalszám adjon 404-et, vagy irányítson az utolsó érvényes oldalra.

Paraméterek kombinációs robbanása

Lapozás, rendezés, szűrés és darabszám együtt rengeteg URL-változatot eredményezhet: ?sort=ar&page=3&limit=48&szin=piros. Ezek mind feltérképezhető címek, ha linkelve vannak. A megoldás nem a lapozás tiltása, hanem a rendezési és darabszám-paraméterek kanonikalizálása és a belső linkek tisztán tartása.

Egyéb, kevésbé feltűnő hibák

Azonos title és meta description minden lapozott oldalon.
A lapozó csak JavaScript után jelenik meg, és a renderelés hibás.
Termékkártyák linkjei relatív URL-ben hibásak a lapozott oldalakon (például hiányzó perjel miatt).
A sitemap csak az első oldalakat és a termékeket tartalmazza, de a termékek egy része a sitemapből is kimarad.
A lapozott URL-ek paraméteres sorrendje változik (?page=2&sort=x és ?sort=x&page=2), ami duplikált címeket hoz létre.

Ellenőrzőlista hibakereséshez

Nyiss meg egy kategóriát, és nézd meg, hogy a lapozó elemei a href linkek-e.
A 3. oldalon nézd meg a canonicalt: önmagára mutat?
Van-e noindex a lapozott oldalakon?
A robots.txt engedi-e a lapozási paramétert?
Mit ad vissza egy nem létező oldalszám?
Átirányít-e a page=1 az alap URL-re?
Egyedi-e a title oldalszámmal?

Mérés

A lapozás minőségét nem a lapozott oldalak forgalmán kell mérni. Azok ritkán hoznak organikus látogatót, és ez így normális. A valódi kérdés az, hogy a lapozás eljuttatja-e a robotot a termékekhez, és azok bekerülnek-e az indexbe. A mérés ezért három szinten zajlik: feltérképezés, indexelés és üzleti hatás.

Feltérképezési mérés crawlerrel

Futtass egy saját oldalfeltérképezést egy desktop crawlerrel. Állítsd be, hogy a JavaScript-renderelést is használja, ha a shopod frontendje erre épül. Utána nézd meg:

Megtalálta-e az összes lapozott oldalt minden kategóriában?
Hány termékoldalt talált a linkek alapján, és ez mennyiben tér el az adatbázis termékszámától?
Mekkora a termékoldalak kattintási mélysége, és vannak-e kiugróan mély termékek?
Milyen státuszkódokat adnak a lapozott URL-ek?

A legfontosabb szám az eltérés: ha az adatbázisban 4000 aktív termék van, a crawler linkek alapján 2600-at talál, akkor nagyjából 1400 termék csak a sitemapből vagy sehonnan sem érhető el. Ez szemléltető példa, de jól mutatja, mit érdemes összehasonlítani.

Indexelési mérés a Search Console-ban

Az oldalindexelési jelentésben szűrj a termékoldalak URL-mintájára, ha a sitemapjeid ezt lehetővé teszik (érdemes külön sitemapet tartani a termékeknek). Figyeld a „Felfedezve, jelenleg nincs indexelve” és a „Feltérképezve, jelenleg nincs indexelve” kategóriák arányát. Az URL-vizsgáló eszközzel egy-egy mélyen fekvő terméket is ellenőrizhetsz: honnan hivatkozott rá a Google, és mikor járt ott utoljára.

Szervernapló-elemzés

Ha hozzáférsz a szerver naplóihoz, ez a legpontosabb forrás. Megmutatja, hogy a Googlebot milyen gyakran kéri le a lapozott oldalakat, eljut-e a sorozat végéig, és mennyi kérést pazarol rendezési vagy szűrési paraméterekre. Nagy katalógusnál ez gyakran kiderít olyan problémákat, amelyeket a crawler nem mutat meg.

Mérési workflow, havi ritmusban

Lépés	Eszköz	Mit figyelsz	Riasztási küszöb (javaslat)
1. Crawl	Desktop crawler	Talált termékek az aktívakhoz képest	Számottevő, növekvő eltérés
2. Index	Search Console	Nem indexelt termékek aránya	Tartós emelkedés
3. Napló	Logelemző	Lapozott oldalak bejárási gyakorisága	A sorozat vége ritkán kapott kérést
4. Üzleti hatás	Analitika	Organikus belépések termékoldalakra	Csökkenés változtatás után

A küszöbök javaslatok, a saját katalógusod szokásos ingadozásához igazítsd őket.

Változtatás előtt és után

Ha módosítod a lapozást, rögzíts egy kiinduló állapotot: crawlerrel talált termékek, indexelt termékek, organikus belépések termékoldalakra. A változtatás után néhány héttel ismételd meg. Egy lapozási javítás hatása lassan érkezik, mert a robotnak újra be kell járnia a katalógust, ezért ne értékeld a hatást pár nap alapján. Ha egyszerre több dolgot módosítasz, például a lapozást és a termékleírásokat, nem fogod tudni, melyik okozta a változást, így lehetőleg külön ütemezd őket.

Kapcsolódó részletes útmutatók

A pagination a webshop technikai SEO-jának egyik eleme, és a kategóriák, termékoldalak, leírások minőségével együtt ad eredményt. Az alábbi útmutatók a szomszédos területeket bontják ki, abban a sorrendben érdemes haladni, ahogy a robot is halad: a teljes shoptól a kategórián át a termékig.

Ajánlott olvasási sorrend

E-commerce SEO: a teljes témakör áttekintése.
Webshop SEO: teljes útmutató: a shop egészének technikai és tartalmi alapjai.
Kategóriaoldal SEO: teljes útmutató: a lapozott listák kiindulópontja.
Termékoldal SEO: teljes útmutató: ahová a lapozásnak el kell juttatnia a robotot.
Termékleírás SEO: teljes útmutató: egyedi tartalom a termékoldalakon.

Mit vigyél tovább ebből az útmutatóból?

Három döntési szabályt: minden lapozott oldal önálló, önmagára mutató canonicallel ellátott URL; a lapozó valódi linkekből áll; az infinite scroll vagy a „Több betöltése” gomb mögött mindig ott vannak a lapozható címek. Ha ez a három rendben van, a többi finomhangolás, és a mérési workflow megmutatja, hol érdemes tovább dolgozni.