Kategóriaoldali bevezető szöveg: hova kerüljön, hogy ne zavarja a vásárlót

Scheo · 2026-10-02 · olvasási idő ~10 perc · Szerző: Schmidt Péter

Egy webshop kategóriaoldala elsősorban arra való, hogy a látogató gyorsan megtalálja a neki való terméket. A szöveg ehhez képest másodlagos, mégis sokat számít, mert itt tudod elmagyarázni, miben különböznek a termékek, melyik kinek való, és mire figyeljen a vásárló, mielőtt kosárba tesz valamit. Sok boltban viszont a kategóriaszöveg kötelező körré vált. Valaki kimondta, hogy kell bele háromszáz szó a Google miatt, és azóta a látogató minden kategóriában egy kulcsszavakkal teletömött bekezdést görget át, mire meglátja az első terméket.

Ebben a cikkben végigmegyünk azon, hova kerüljön a szöveg, mennyi legyen belőle, mikor jó a lenyíló blokk, hogyan ellenőrizd a renderelt HTML-t, és hogyan szűrd ki a sablonszövegeket, ha több száz kategóriád van. A kiindulópontunk egyszerű. A kategóriaszöveg nem vámpapír, amit a keresőnek fizetsz a helyezésért. Választást segítő tartalom, és ha ezt a szerepét jól tölti be, a keresők és az AI-alapú válaszmotorok számára is jó eséllyel többet ér.

A cikkben külön jelöljük, mi hivatalosan igazolt (a Google vagy egy szabványalkotó dokumentációjában szerepel), mi saját tapasztalat (webshopok auditálása és átalakítása során többször láttuk), és mi szakmai feltételezés (logikus következtetés, amire nincs nyilvános, ellenőrizhető bizonyíték).

Miért kerüljön egyáltalán szöveg egy kategóriaoldalra?

A terméklista önmagában nem mondja meg, melyik termék kinek való, a jól megírt kategóriaszöveg ezt a hiányt pótolja. A keresőmotor egy puszta terméklistából megérti, hogy például futócipőket árulsz, de azt nem, hogy a kínálatod terepre, aszfaltra vagy versenyre való, és hogy egy kezdő futónak melyik csoportból érdemes választania.

Hivatalosan igazolt. A Google Search Central e-kereskedelmi útmutatója azt javasolja, hogy a kategóriaoldalak segítsenek a felhasználónak és a Google-nek megérteni, mit talál az oldalon. A hasznos tartalomról szóló útmutató pedig az embereknek írt tartalmat részesíti előnyben, a kifejezetten keresőknek gyártott szöveget kockázatosnak tartja.

Saját tapasztalat. A kategóriaszöveg önmagában ritkán mozdítja el látványosan egy oldal helyezését. Ahol javulást láttunk, ott a címek, a belső linkek és a szűrő-URL-ek is rendbe kerültek mellette.

Szakmai feltételezés. Az AI-alapú válaszmotorok (ChatGPT keresés, Google AI Overviews, Perplexity) tömör, önmagában is érthető magyarázatokat szívesen emelnek ki. Egy oldal, amelyik két mondatban megmondja, miben más a párnázott és a minimalista futócipő, nagyobb eséllyel válik idézhető forrássá egy puszta terméklistánál.

Hova kerüljön a szöveg, hogy a terméklista maradjon az első képernyőn?

Bontsd két részre a szöveget, felül egy-három mondat, a terméklista alatt pedig a hosszabb, rendezett választási segítség. Így a vásárló azonnal termékeket lát, aki pedig tanácsot keres, a lista végén megtalálja.

Mobilon nagyon kevés hely jut az első képernyőre. Egy gyakori, nagyjából 390×844 pontos kijelzőn a fejléc, a kereső, a morzsamenü, a H1 cím és a szűrősáv együtt könnyen elviszi a felső terület felét. Ha ide még egy ötsoros bekezdés is bekerül, az első termékkártya kicsúszik a képernyőről.

Egy jól működő sorrend a következő:

1. Morzsamenü és H1 cím (a kategória neve, természetes megfogalmazásban).
2. Rövid felső bevezető, legfeljebb két-három sor mobilon.
3. Szűrők és rendezés.
4. Termékrács, lapozással vagy további termékek betöltésével.
5. A lista alatti választási útmutató, alcímekkel tagolva.
6. Rövid GYIK-blokk és kapcsolódó kategóriák, útmutatók linkjei.

Ellenőrizd a Chrome fejlesztői eszközeinek eszköz-nézetében egy átlagos telefonméreten, látszik-e görgetés nélkül legalább az első termékkártyák képe és neve. Ha nem, a felső szöveg vagy a fölötte lévő elemek foglalnak túl sok helyet.

Saját tapasztalat. A lista alá tett szöveget a Google tapasztalatunk szerint gond nélkül indexeli, ha a szöveg a HTML-ben van. A szöveg pozíciója az oldalon kisebb kérdés, mint az, hogy egyáltalán eljut-e a keresőhöz.

Mennyi legyen a rövid felső bevezető?

Mobilon legfeljebb két-három sor, ami nagyjából 150-250 karakter, egy vagy két mondat. Ez nem hivatalos szám, saját tapasztalatból származó irányérték, amit a te sablonodon a fenti képernyőteszttel érdemes hitelesíteni.

A felső bevezetőnek három dolga van. Megerősíti, hogy jó helyen jár a látogató, megnevezi a legfontosabb választási szempontot, és ha van értelme, a leggyakoribb alkategória felé terel. Cégbemutatásra és általános dicséretre itt nincs hely.

Egy gyenge példa. „Webáruházunkban a legjobb minőségű futócipők széles választékát találod. Futócipő vásárlás egyszerűen és gyorsan, futócipők minden igényre.” Ebből a vásárló semmit nem tud meg, és a kategórianevet háromszor olvassa el.

Egy jobb változat. „Aszfaltra, terepre és versenyre való futócipők egy helyen. Ha most kezdesz futni, a jól párnázott, 8-10 mm sarok-orr esésű modellekkel érdemes indulni, terepre a mélyebb profilú talp a biztosabb.” Két mondat, és máris segít szűkíteni a listát.

Néhány sablonfüggő szabály, ami sokat számít:

• A felső szöveg ne ismételje meg szó szerint a H1 címet és a meta leírást.
• Ha a sablon „Tovább” linkkel csonkolja, az első mondat legyen teljes és önmagában érthető.
• Lapozott oldalakon (második, harmadik oldal) a bevezető ne ismétlődjön, vagy csak az első mondat maradjon meg.

Mi kerüljön a terméklista alá?

A lista alá az a hosszabb tartalom kerüljön, amely ténylegesen segít dönteni, vagyis a választási szempontok, az altípusok közötti különbségek és a gyakori kérdések. Egyszerű kategóriánál 150-200 szó is elég lehet, technikai kategóriánál a 600 szó sem túlzás, ha minden bekezdés hordoz információt.

Amit érdemes a lista alatti blokkba tenni:

• Választási szempontok. Méret, anyag, felhasználási terület, kompatibilitás, és hogy melyik szempont mikor számít igazán.
• Altípusok összevetése. Miben más a terepfutó cipő az aszfaltosnál.
• Linkek az alkategóriákra és útmutatókra. Leíró horgonyszöveggel, a „kattints ide” típusú linkek helyett.
• Gyakori hibák. Például rossz méretválasztás, nem kompatibilis tartozék.
• Rövid GYIK. Három-öt valódi kérdés, amit az ügyfélszolgálat tényleg megkap.

Tagold H2 és H3 alcímekkel, és minden alcím alatt az első mondat adjon tömör választ. Ebből a szerkezetből a válaszmotorok is könnyebben emelnek ki önálló bekezdést.

Hivatalosan igazolt. A Google 2023 óta a GYIK-alapú kiemelt találatokat (FAQPage) jellemzően csak ismert, hiteles kormányzati és egészségügyi oldalaknál jeleníti meg. Egy webshop kategóriaoldalán a GYIK-jelölés tehát valószínűleg nem hoz látványos kiemelést, a GYIK szövege viszont a látogatónak és a tartalom megértésének továbbra is hasznos.

Mikor indokolt a lenyíló megoldás?

Lenyíló (harmonika) blokkot akkor érdemes használni, ha a tartalom hosszú, a látogatóknak csak egy része keresi, és a teljes szöveg már az oldal betöltésekor benne van a HTML-ben. Az utolsó feltétel a legfontosabb.

Hivatalosan igazolt. A Google mobilelső indexelésről szóló dokumentációja kimondja, hogy a felhasználói interakcióra (kattintás, görgetés, gépelés) betöltődő tartalmat a Google nem tölti be. Ha a szöveg már a HTML-ben van, csak vizuálisan rejtett, azt a Google feldolgozza.

A legegyszerűbb, akadálymentes megoldás a natív HTML elem, amelynél a tartalom a forrásban van, csak össze van csukva:

<details><summary>Hogyan válassz méretet?</summary><p>Futócipőből általában fél-egy számmal nagyobbat érdemes venni...</p></details>

Mikor jó választás a lenyíló blokk:

• GYIK-kérdéseknél, ahol a látogató csak a számára érdekes kérdést nyitja ki.
• Mérettáblázatnál, technikai paramétereknél, kompatibilitási listánál.

Mikor nem az. A felső bevezetőt ne csukd össze teljesen, és a legfontosabb választási szempontot se rejtsd el, mert pont az a tartalom, amit a legtöbb látogatónak látnia kellene. Ha egy szöveget annyira el kell rejteni, hogy senki ne lássa, érdemes átgondolni, kell-e egyáltalán.

Hogyan ellenőrizd, hogy a szöveg tényleg a renderelt HTML-ben van?

Három szinten nézd meg a szöveget, a nyers HTML-forrásban, a böngésző által renderelt oldalon és abban a HTML-ben, amit a Google lát. Ha mindháromban megtalálod egy egyedi mondatát, rendben vagy.

1. Nyers forrás. Válassz a szövegből egy egyedi szókapcsolatot, és keresd meg a szerver válaszában, például curl -sL https://pelda.hu/futocipok/ | grep -c 'mélyebb profilú talp'. Ha az eredmény 0, a szöveget JavaScript tölti be utólag.
2. JavaScript nélkül. A Chrome fejlesztői eszközeiben a parancsmenüben (Ctrl+Shift+P, Macen Cmd+Shift+P) kapcsold ki a JavaScriptet, és töltsd újra az oldalt. Ami így eltűnik, az kliensoldali renderelésre épül.
3. A Google nézete. A Search Console URL-ellenőrző eszközében futtasd az élő URL tesztelését, nyisd meg a megtekintett oldalt, és a HTML fülön keress rá ugyanarra a mondatra.
4. Lenyíló blokkok. A fejlesztői eszközök Hálózat fülén figyeld, indul-e új kérés, amikor kinyitod a blokkot. Ha igen, és a szöveg abban érkezik, a Google nem fogja látni.
5. Mobil és asztali sablon. Ellenőrizd mindkét nézetet. Előfordul, hogy a téma a kategórialeírást csak asztali sablonban jeleníti meg.
6. Lapozott és szűrt URL-ek. Nézd meg, mit kap a második oldal és egy szűrt URL, és hogy a canonical címke a fő kategóriára mutat-e.

Hivatalosan igazolt. A Google JavaScript SEO-dokumentációja szerint a Googlebot rendereli a JavaScriptet, de a szerveroldali vagy előre renderelt tartalmat ajánlja, mert az gyorsabb és megbízhatóbb a keresőknek és a felhasználóknak is.

Szakmai feltételezés. Iparági mérések szerint több AI-crawler a jelenlegi formájában nem futtat JavaScriptet. Ha a kategóriaszöveged csak kliensoldalon jelenik meg, könnyen lehet, hogy a Google látja, egy AI-asszisztens viszont nem. A szerveroldali HTML ezért az AI-láthatóság szempontjából is a biztonságosabb út.

Hogyan szűrd ki a duplikált sablonszövegeket több száz kategóriánál?

Gépi kinyeréssel, normalizálással és hasonlóságméréssel, utána emberi átnézéssel, de csak a gyanús csoportokra. Kézzel átolvasva a szem hamar hozzászokik az ismétlődő mondatokhoz.

Hivatalosan igazolt. A Google szerint a duplikált tartalom önmagában nem büntetés tárgya, a rendszer kiválaszt egy kanonikus változatot. A spam-irányelvek viszont a nagy tömegben, csekély hozzáadott értékkel előállított tartalmat kifejezetten visszaélésnek tekintik, függetlenül attól, hogy ember vagy gép írta.

A munkafolyamat lépésről lépésre:

1. Térképezd fel az oldalt egy crawlerrel (például Screaming Frog), és egyéni kinyeréssel (CSS-szelektorral) mentsd ki minden kategória felső és alsó szövegét külön oszlopba.
2. Normalizáld a szöveget. Kisbetűsítés, írásjelek és felesleges szóközök törlése, a kategória nevének cseréje egy jelölőre (például {NEV}). Ez buktatja le a „Nálunk {NEV} termékek széles választékát találod” típusú sablonokat.
3. Képezz ujjlenyomatot (hash) a normalizált szövegből. Az azonos ujjlenyomatú csoportok szó szerinti sablonok.
4. A közel azonos szövegekhez számolj ötszavas szakaszokra (shingle) Jaccard-hasonlóságot. Pythonban a lényeg két sor, s = {tuple(w[i:i+5]) for i in range(len(w)-4)} és j = len(a & b) / len(a | b).
5. Rendezd a gyanús párokat organikus forgalom szerint a Search Console adataiból, és a legtöbb látogatót hozó kategóriákkal kezdd az átírást.

Ellenőrzőlista a szűréshez:

• Üres a kategórialeírás, vagy csak a kategória nevét tartalmazza.
• A szöveg azonos a szülőkategóriáéval vagy egy testvérkategóriáéval.
• A kategórianév kicserélése után a szöveg szó szerint egyezik más kategóriákéval.
• A Jaccard-hasonlóság egy másik kategóriával 0,6 fölött van (irányérték, saját tapasztalat).
• Az első mondat tíznél több kategóriában azonos.
• A felső bevezető 300 karakternél hosszabb, vagy kiszorítja a termékrácsot az első képernyőről.
• A kategórianév ötnél többször szerepel egy rövid szövegben.
• A lapozott oldalakon ugyanaz a teljes szöveg ismétlődik.
• Indexelhető szűrt URL-ek hordozzák a fő kategória teljes szövegét.
• A szövegben lévő belső linkek nem létező vagy átirányított alkategóriára mutatnak.
• A szöveg nincs benne a nyers HTML-ben (az előző szakasz ellenőrzése alapján).

Saját tapasztalat. Nagy katalógusoknál ritkán az a gond, hogy kevés a szöveg. Sokkal gyakoribb, hogy ugyanaz a három mondat ismétlődik kétszáz oldalon, és ezek közül egyik sem mond semmit a konkrét termékcsoportról. Ilyenkor jobb a szöveget törölni, és forgalom szerinti sorrendben valódi tartalmat írni a helyére.

Honnan tudod, hogy a szöveg tényleg segít a vásárlónak?

Viselkedési adatokból, a szószám ebben semmit nem mond. Ha a szöveg választást segít, annak nyoma lesz abban, hogyan mozognak a látogatók az oldalon.

• GA4-ben mérd eseményként a lenyíló blokkok kinyitását és a lista alatti szöveg elérését (görgetési mélység).
• Figyeld a kategóriaoldalról termékoldalra történő átkattintást a szöveg átírása előtt és után.
• Nézd meg a belső kereső kifejezéseit. Ha egy kategórián belül sokan keresnek ugyanarra a szempontra, az a szövegből vagy a szűrőkből hiányzik.

Szakmai feltételezés. A lista alatti szöveget a látogatók kisebb része olvassa el, ez természetes. Az a része, aki eljut odáig, jellemzően épp bizonytalan, és neki szól a tartalom. Ha mérni akarod a hatást, egy jól előkészített A/B teszt segíthet, de ehhez elegendő forgalom kell.

Források és további olvasnivalók

• Google Search Central, Ajánlott gyakorlatok e-kereskedelmi webhelyekhez
• Google Search Central, Hasznos, megbízható, embereknek szóló tartalom létrehozása
• Google Search Central, A mobilelső indexelés ajánlott gyakorlatai
• Google Search Central, A JavaScript SEO alapjai
• Google Search Console súgó, URL-ellenőrző eszköz
• Google Search Central, Spam-irányelvek a Google webes kereséséhez
• Google Search Central blog, Változások a GYIK és HowTo kiemelt találatokban (2023)
• WHATWG HTML Living Standard, a details és summary elem