Egy webshop szűrősávja sokszor a termékfeltöltés melléktermékeként születik. A nagykereskedői feedből vagy a vállalatirányítási rendszerből átjön húsz-huszonöt tulajdonság, a webshopmotor mindegyikből szűrőt csinál, a sorrend pedig az lesz, ahogy az adatbázis visszaadja őket. A vásárló így a „Nettó tömeg (kg)”, a „Gyártói színkód” és a „Termékcsoport” feliratok között keresgél, miközben csak egy könnyű, piros gyerekbiciklit szeretne. A mi álláspontunk egyszerű. A szűrőnév a gyártói adatlap nyelvén a vásárlónak semmit nem mond, ezért a szűrőrendszert a vásárló szavaiból és a valós használati adatokból érdemes felépíteni.
A cikkben külön jelöljük, mi hivatalosan igazolt információ (a Google vagy a W3C dokumentációja alapján), mi saját tapasztalat webshopok szűrőrendszerének átnézéséből, és mi szakmai feltételezés, amit a saját adataidon érdemes ellenőrizni.
Miért nem jó szűrőnévnek a gyártói adatlap nyelve?
A gyártói elnevezés a raktárnak, a beszerzőnek és az adatcserének készült, a vásárló viszont a saját helyzetének szavaival gondolkodik. Ha a szűrő neve nem egyezik azzal, ahogy ő a termékre gondol, jó eséllyel átsiklik felette, és inkább a keresőmezőbe ír, vagy továbblép egy másik boltba.
Néhány tipikus átírás, ami sokat javíthat az érthetőségen:
- „IP-védettség” helyett „Vízállóság”, az értékeknél pedig „fröccsenő víz ellen” és „víz alá is mehet”, zárójelben az IP-kóddal a hozzáértőknek.
- „Névleges teljesítmény (W)” helyett „Teljesítmény”, a nyers számok helyett sávokkal (1000 W alatt, 1000-2000 W, 2000 W felett).
- „Anyagösszetétel” helyett „Anyag”, a „CO 95% EL 5%” kód helyett „pamut, kicsit rugalmas” értékkel.
- „Kompatibilitás” helyett „Melyik géphez jó?”, értékként a géptípusok nevével.
- „Korosztály (hónap)” helyett „Kinek szól?”, értékként „babáknak”, „óvodásoknak”, „iskolásoknak”.
A vásárló szavait nem kell kitalálni. Ott vannak a belső keresés kifejezéseiben, az ügyfélszolgálati levelekben, a termékértékelésekben, a Search Console lekérdezéseiben és abban, ahogy a vásárlók telefonon kérdeznek. Ha egy szót sokan használnak, és a szűrősávban nincs nyoma, az erős jel.
Saját tapasztalat. Átnézéseinknél visszatérő minta, hogy a legkevésbé használt szűrők jellemzően technikai mezőnevek, a leghasználtabbak pedig az ár, a méret, a márka és a szín. Ez kategóriánként eltér, ezért mindig a saját adataidból indulj ki.
Szakmai feltételezés. A vásárló nyelvén megírt szűrőnév és érték az AI-alapú vásárlási asszisztenseknek is könnyebben értelmezhető, mert az oldalon ugyanazok a szavak szerepelnek, mint a felhasználó kérdésében. Erre nincs nyilvános mérés, ezért legfeljebb mellékhatásként számolj vele.
Hogyan döntsd el adatból, melyik szűrő kerüljön felülre?
Felülre azok a szűrők valók, amelyeket egy adott kategóriában sokan használnak, és amelyek használata után a látogató tovább is lép, vagyis terméket nyit meg vagy kosárba tesz. A puszta kattintásszám félrevezethet, mert egy rosszul érthető szűrőre is sokan rákattintanak, aztán azonnal visszavonják.
Milyen mutatókból dolgozz?
- Használati arány, vagyis a kategóriaoldal munkameneteinek hány százalékában használták az adott szűrőt.
- Továbblépési arány, azaz a szűrés után hány esetben nyitottak meg terméket.
- Kosárba tétel szűrés után, ha elég nagy a forgalom ahhoz, hogy ez stabil szám legyen.
- Visszavonási arány, amikor a szűrőt néhány másodpercen belül törlik. Ez gyakran azt jelzi, hogy a név vagy az érték mást ígért.
- Nulla találatos szűrések aránya, külön szűrőnként.
- Említés a belső keresésben, vagyis hányszor jelenik meg az adott tulajdonság szóként a keresett kifejezésekben.
Hogyan lesz ebből sorrend?
Egyszerű, jól védhető módszer, ha kategóriánként kiszámolod a használati arány és a továbblépési arány szorzatát, és ebben a sorrendben rendezed a szűrőket. Az ár szűrőt érdemes ettől függetlenül mindig láthatóan tartani, mert szinte minden kategóriában része a döntésnek. A sorrend kategóriánként más lehet. Egy cipőboltban a méret jó eséllyel az első, egy kávégépnél inkább a típus (kapszulás, automata, karos).
Mikor érdemes elrejteni egy szűrőt?
- Ha a kategória minden termékénél ugyanaz az értéke, mert ilyenkor semmit nem szűkít.
- Ha a használati aránya tartósan nagyon alacsony, és a belső keresésben sem jelenik meg. Kiindulásnak egy-két százalék alatti használat lehet a határ, de ez szakmai feltételezés, nem szabvány.
- Ha egy értéke csak egy-két terméket fed le. Ilyenkor összevonás vagy átnevezés jöhet szóba.
- Ha két szűrő ugyanazt kérdezi más szóval (például „Szín” és „Gyártói szín”).
Az elrejtés nem törlés. A ritkán használt szűrők egy „További szűrők” lenyíló mögé kerülhetnek, így aki keresi, megtalálja őket.
Hivatalosan igazolt. A Google Analytics 4 a szűrőkattintásokat alapból nem méri. A bővített mérés a webhelyen belüli keresést igen, ilyenkor a view_search_results esemény search_term paraméterében rögzíti a kifejezést, ha az URL-ben a szokásos lekérdezési paraméterek egyike szerepel. A szűrőhasználathoz saját eseményt kell beállítanod.
Hogyan veted össze a belső keresést és a szűrőhasználati eseményeket?
A két adatforrást egy közös tulajdonság-szótár köti össze. A keresési kifejezéseket tulajdonságokra címkézed, a szűrőeseményeket ugyanazokra a tulajdonságokra gyűjtöd, és megnézed, hol tér el a kettő. A lépések:
- Mérd a szűrést saját eseménnyel. Minden szűrő alkalmazásakor küldj eseményt, például
dataLayer.push({event: 'filter_apply', filter_name: 'szin', filter_value: 'piros', item_category: 'gyerekkerekpar', result_count: 14}). Afilter_name,filter_valueésresult_countparamétert regisztráld egyéni dimenzióként a GA4-ben, különben a jelentésekben nem látod őket. - Ellenőrizd a belső keresés mérését. Nézd meg, melyik URL-paramétert használja a webshop keresője, és ha eltér az alapértelmezettektől, add hozzá a bővített mérés beállításainál.
- Gyűjts legalább 60-90 napnyi adatot. Kisebb forgalomnál hosszabb időszak kell, mert néhány tucat keresésből nem lesz megbízható sorrend.
- Exportáld a kifejezéseket. GA4 felfedezésből vagy BigQuery-exportból, például így:
SELECT p.value.string_value AS kifejezes, COUNT(*) AS db FROM `projekt.analytics_XXX.events_*`, UNNEST(event_params) p WHERE event_name = 'view_search_results' AND p.key = 'search_term' GROUP BY kifejezes ORDER BY db DESC. - Normalizáld a kifejezéseket. Kisbetűsítés, egységes ékezetek, a toldalékok levágása (pirosat, pirosban, piros), az elírások összevonása.
- Címkézd tulajdonságra. Készíts egyszerű szótárt, amelyben minden szó egy tulajdonsághoz tartozik (például „vízálló” és „esőálló” a vízállósághoz, „XL” és „nagy méret” a mérethez). A címke nélküli kifejezések többnyire terméknevek vagy márkák, ezeket külön kezeld.
- Tedd egymás mellé a számokat. Egy táblázatban tulajdonságonként a keresési említések száma, a szűrőhasználat száma, a szűrő jelenlegi pozíciója és a nulla találatos arány.
- Értelmezd az eltéréseket. Ha egy tulajdonságot sokat keresnek, de a szűrőjét alig használják, a szűrő valószínűleg rossz helyen van, vagy rossz a neve. Ha sokat keresik, és szűrő sincs rá, új szűrő kell. Ha sokat szűrnek rá, és ritkán keresik, a szűrő jó eséllyel teszi a dolgát. Ha egyik sem, jelölt az elrejtésre.
- Egyszerre egy dolgot változtass. Átnevezést és áthelyezést ne vezess be egy lépésben, mert utána nem tudod, melyik hatott. Ha a forgalom engedi, A/B tesztben mérd.
Saját tapasztalat. A legtöbb tanulság a 7. és 8. lépésnél jön elő, amikor kiderül, hogy egy gyakran keresett szó (például egy felhasználási mód, mint „kültéri” vagy „ajándéknak”) egyetlen szűrőben sem szerepel, mert a gyártói adatlapon nincs ilyen mező.
Mit kezdj a nulla találatot adó szűrőértékekkel?
A nulla találatot adó értéket ne kínáld fel kattintható lehetőségként. Minden érték mellett mutasd a találatok számát, és a már kiválasztott szűrőkhöz igazítva frissítsd, így a vásárló nem fut zsákutcába.
Három megoldás közül választhatsz. Az üres értéket elrejted, szürkén és nem kattinthatóan mutatod, vagy a lista végére teszed. Ha a vásárlónak fontos látnia, hogy egy szín vagy méret létezik, csak most nincs készleten, a szürke változat a beszédesebb. Ha egy kombinációval mégis nulla találatra jut, a találati oldal mondja meg, melyik szűrő okozza, és egy kattintással lehessen azt az egyet levenni.
A nulla találat gyakran adathiba. Ugyanaz a szín háromféle írásmóddal szerepel („piros”, „Piros”, „PIROS”), vagy egy kifutott termék egyetlen értéke ott marad a listában. Az ilyen értékeket az adatforrásban érdemes javítani, a szűrő csak tükrözi a hibát.
Hivatalosan igazolt. A Google Search Central szűrős navigációról szóló útmutatója szerint ha egy szűrőkombináció nem ad találatot, az oldal 404-es állapotkódot adjon vissza, ne átirányítson, és ne üres oldalt mutasson 200-as kóddal. Ugyanez az útmutató azt javasolja, hogy a keresésben nem szükséges szűrő-URL-ek feltérképezését robots.txt-vel vagy URL-töredékkel (#) akadályozd meg, és a paraméterek sorrendje mindig egységes legyen. Ez mobilon és asztalon egyaránt érvényes, mert ugyanazok az URL-ek születnek.
Miben más a szűrés mobilon?
Mobilon a szűrők egy gomb mögé kerülnek, és a vásárló jellemzően csak az első néhányat nézi meg, ezért a sorrend ott még többet számít. Az első három-négy szűrőnek kell lefednie a legtöbb igényt.
- Tapadó „Szűrés” gomb a terméklista tetején, rajta az aktív szűrők számával.
- Gyorsszűrő-csipek vízszintesen görgethető sávban a két-három leghasznosabb tulajdonsághoz, hogy ne kelljen a panelt megnyitni.
- Teljes képernyős panel, alján élő számlálóval („32 termék mutatása”), ami előre jelzi, ha a választás üres listához vezetne.
- Gyűjtött alkalmazás. Mobilon általában jobb, ha a vásárló több értéket bejelöl, és egyszerre alkalmazza őket, mert minden azonnali újratöltés a lista tetejére dobja, és elveszti a fonalat.
- Látható, egyenként törölhető aktív szűrők a lista felett.
- Megőrzött állapot. Ha a vásárló megnyit egy terméket és visszalép, a szűrők és a görgetési pozíció maradjon meg.
- Kényelmes érintési felület. A jelölőnégyzet és a mellette álló felirat együtt legyen kattintható, ne csak a kis négyzet.
Hivatalosan igazolt. A W3C WCAG 2.2 irányelv 2.5.8-as sikerességi feltétele (Target Size, Minimum) AA szinten legalább 24×24 CSS-pixeles érintési célt vagy megfelelő térközt ír elő. A kényelmesebb kezeléshez a nagy platformok tervezési útmutatói ennél nagyobb, 44-48 pixeles célt ajánlanak.
Saját tapasztalat. A mobilos és az asztali szűrőhasználat sorrendje sokszor eltér, mobilon például az ár és a méret jellemzően előrébb kerül. Ezért a 7. lépés táblázatát eszköztípus szerint bontva is érdemes elkészíteni.
Mit nézz át félévente a szűrőrendszerben?
Félévente egy rövid, ismételhető átnézés elég ahhoz, hogy a szűrősáv ne avuljon el az új termékek, az új beszállítói adatok és a szezonális kereslet mellett. Az ellenőrzőlista egy kategóriára vonatkozik, a nagyobb forgalmúakkal kezdd.
- Megvan-e minden szűrőre a
filter_applyesemény, és minden eszközről érkeznek-e az adatok? - Frissítetted-e a belső keresési kifejezések listáját és a tulajdonság-szótárt az utolsó hat hónap adataival?
- Van-e olyan gyakran keresett tulajdonság, amire nincs szűrő?
- Van-e olyan szűrő, amelynek a használati aránya fél év alatt végig alacsony maradt?
- Megfelel-e a szűrők sorrendje a használati és továbblépési adatoknak, asztalon és mobilon külön?
- Minden szűrőnév és érték a vásárló szavaival szól, vagy az utolsó feedfrissítéssel bekerült egy új gyártói mezőnév?
- Vannak-e duplikált értékek eltérő írásmóddal vagy mértékegységgel?
- Mekkora a nulla találatos szűrések aránya, és melyik értékek okozzák?
- Kiürült-e valamelyik érték kifutott termékek miatt?
- Melyik szűrőt vonják vissza a legtöbbször néhány másodpercen belül?
- A szűrő-URL-ek kezelése (robots.txt, kanonikus címek, 404 az üres kombinációkra) megfelel-e még a Google aktuális útmutatásának?
- Mobilon megmarad-e a szűrőállapot visszalépés után, és elég nagyok-e az érintési célok?
- Mi változott az előző átnézés óta, és mérted-e a hatását?
Szakmai feltételezés. A féléves ritmus a legtöbb webshopnak elég, de erős szezonalitásnál (kert, sport, ajándék) érdemes a szezon előtt egy plusz kört tenni. Egyetlen szűrőátalakítás sem garantál több eladást. A cél az, hogy a vásárló kevesebb lépésből jusson el a neki való termékig, és ezt az adataidban követni tudd.
Források és további olvasnivalók
- Google Search Central, Managing crawling of faceted navigation URLs
- Google Search Central, HTTP-állapotkódok és a soft 404 hibák kezelése
- Google Analytics súgó, Bővített mérés események (webhelyen belüli keresés)
- Google Analytics súgó, Egyéni dimenziók és metrikák
- Google Analytics, BigQuery Export séma
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2, 2.5.8 Target Size (Minimum)
- Baymard Institute, Product List and Filtering UX kutatások
- Nielsen Norman Group, szűrős és fazettás keresésről szóló cikkek
- A gyártói mezőnév a vásárlónak semmit nem mond, a szűrőnevet a belső keresés, az értékelések és az ügyfélszolgálati levelek szavaiból érdemes megírni.
- Felülre a kategóriában sokat használt és továbblépéshez vezető szűrők kerüljenek, a puszta kattintásszám félrevezethet.
- A GA4 a szűrést alapból nem méri, ezért saját eseményt kell beállítani, és egy tulajdonság-szótárral összevetni a belső keresési kifejezésekkel.
- A nulla találatot adó értéket ne kínáld fel kattinthatóként, a Google útmutatója szerint az üres szűrőkombináció 404-es kódot adjon vissza.
- Mobilon az első három-négy szűrő viszi a használat nagyját, ezért ott a sorrend és a megőrzött szűrőállapot még többet számít.
Gyakori kérdések
Hány szűrő legyen látható egy kategóriaoldalon?
Nincs általános szám. Asztalon jellemzően öt-nyolc szűrő marad látható, mobilon az első három-négy számít igazán, a többi kerülhet egy „További szűrők” lenyíló mögé. A pontos határt a saját használati adataid döntsék el.
Honnan tudom meg, milyen szavakkal keresnek a vásárlók?
A legjobb forrás a webshop belső keresése, amelyet a GA4 bővített mérése a view_search_results eseményben rögzít. Mellé érdemes nézni a termékértékeléseket, az ügyfélszolgálati leveleket és a Search Console lekérdezéseit.
Méri a GA4 automatikusan a szűrők használatát?
Nem. A bővített mérés a webhelyen belüli keresést rögzíti, a szűrőkattintásokhoz saját eseményt kell küldeni (például filter_apply), a paramétereit pedig egyéni dimenzióként regisztrálni.
Mi legyen a nulla találatot adó szűrőértékekkel?
Ne legyenek kattinthatók. Mutasd az értékek mellett a találatok számát, a nulla találatosakat rejtsd el vagy szürkítsd ki, és ha egy kombináció mégis üres, egy kattintással lehessen levenni a hibás szűrőt.
Indexelje a Google a szűrős URL-eket?
Csak azokat érdemes, amelyekre valódi keresési igény van. A Google Search Central útmutatója szerint a szükségtelen szűrő-URL-ek feltérképezését robots.txt-vel vagy URL-töredékkel lehet megakadályozni, az üres kombinációk pedig 404-es kódot adjanak vissza.
Milyen gyakran nézzem át a szűrőrendszert?
A legtöbb webshopnak a féléves átnézés elég, erős szezonalitásnál a szezon előtt érdemes egy plusz kört tenni. Ez szakmai javaslat, nem szabály.
Források és további olvasnivalók
Ezen az oldalon a hivatalosan igazolt információt elsődleges forrásokból építjük fel; a saját tapasztalatot és a szakmai becslést mindig külön jelöljük a szövegben.