Hat elem, ami egy bemutatkozó oldalt értékesítő eszközzé alakít — és a hibák, amelyek miatt a legtöbb landing oldal mégsem hoz megkeresést. Példákkal, jó és rossz mintákkal, a végén pedig egy 10 kérdéses ellenőrzőlistával, amelyen a saját oldaladat is végigfuttathatod.
Mi a landing oldal célja?
Egy landing oldal nem általános bemutatkozó. Egy konkrét célközönséget céloz, egy konkrét probléma megoldására, és egy konkrét cselekvést vár: árajánlatkérést, időpontfoglalást, letöltést vagy feliratkozást. Ha ennél többet próbálsz csinálni vele, mindegyiket rosszul fogod csinálni.
Mikor kell külön landing oldal? Ha hirdetsz (Google Ads, Facebook), ha egy szolgáltatásod külön célcsoportnak szól, vagy ha egy konkrét ajánlatot viszel, például egy szezonális akciót. A főoldal sok irányba vezet, a landing oldal egyetlen irányba.
Mennyi a jó konverzió? Az Unbounce 2024-es jelentése — több mint 41 ezer landing oldal adatai alapján — 6,6%-os mediánt mért, de iparáganként 3,8 és 12,3% közötti szórással, és a forgalom forrása is sokat számít. Univerzálisan jó szám tehát nincs: a saját kiinduló értékedhez mérd magad, és azt javítsd.
A 6 elem
1. Hero — az első képernyő
Az első benyomás egy 2006-os kutatás szerint már 50 ezredmásodperc alatt kialakul, és Jakob Nielsen mérései szerint a látogatók jellemzően 10–20 másodpercen belül el is hagyják az oldalt, ha nem értik, mit kapnak. A hero-nak ezért három kérdésre kell azonnal válaszolnia: kinek?, mit?, miért éppen tőled?
- Konkrét, mérhető ígéret a címben: „Weboldal 30 nap alatt, fix áron”, nem „Innovatív digitális megoldások”.
- Egy CTA-gomb, jól látható helyen.
- Egy bizonyíték már itt: egy szám, ügyféllogók vagy egy rövid vélemény.
- Az ígéret egyezzen a hirdetésével. Ha a hirdetés fix áras weboldal felújítást ígér, a hero is ezt mondja. A Google Ads a minőségi mutatóban (Quality Score) külön értékeli a céloldal élményét.
Részletesen: A hero szakasz fontossága — az első tíz másodperc.
2. Social proof — valódi bizonyíték
Az ügyfelek, akik már vásároltak, hitelesítik az ajánlatodat. A leghatásosabb a konkrét eredményt mondó vélemény: „A felújítás óta kétszer annyi ajánlatkérés jön az oldalról” többet ér, mint „Nagyon elégedett vagyok”. Tapasztalatom szerint ez a sorrend működik:
- Videós vélemény, konkrét eredménnyel.
- Szöveges vélemény fotóval, teljes névvel és cégnévvel.
- Ügyféllogók.
- Számok („500+ ügyfél”).
Két szabály. Csak valódi véleményt tegyél ki, az ügyfél hozzájárulásával — a névhez és a fotóhoz ez a GDPR miatt is kell. A kitalált vásárlói vélemény pedig 2022 májusa óta az uniós fogyasztóvédelmi szabályok szerint kifejezetten tilos, és ha véleményeket teszel közzé, azt is közölnöd kell, hogyan győződsz meg a valódiságukról.
3. Probléma — érzelmi kapcsolat
Mielőtt a megoldást bemutatod, mutasd meg, hogy érted a problémát. Konkrét, részletgazdag leírással: „A weboldalad lassú, a látogatóid bosszúsan továbbállnak, a Google hátrébb sorol, és nem tudod, hol kezdd.” Ha a látogató magára ismer, elhiszi, hogy a megoldásod is neki szól.
4. Megoldás — hogyan oldod meg?
A megoldás 3–5 pillérre épüljön, mindegyik egy konkrét haszonnal. Nem funkciólista („WebP képek, lusta betöltés, CDN”), hanem érték („gyors betöltés, jobb helyezés a Google-ben, több megkeresés”). Vizuálisan tagolva — ennél több pontot a látogató már nem tart fejben.
Szolgáltatásnál a folyamatot is mutasd meg lépésekben: mi történik az első beszélgetés után, mennyi ideig tart, mikor mit kap az ügyfél. A kiszámíthatóság csökkenti a kockázatérzetet.
5. GYIK — kifogások kezelése
Minden érdeklődőnek vannak kifogásai: „mennyibe kerül?”, „mennyi idő?”, „mi van, ha nem tetszik?”. Ha nem válaszolsz rájuk, a látogató egyedül válaszol — és általában rosszul. 5–8 kérdés kell, konkrét, őszinte válaszokkal; az ár, az idő és a kockázat legyen köztük.
A FAQPage strukturált adat nem árt, de kiemelt GYIK-találatot a Google 2023 óta csak jól ismert állami és egészségügyi oldalaknál mutat — a GYIK tehát elsősorban a látogatónak szól. Bővebben: A 7 leggyakoribb SEO-hiba KKV-weboldalakon.
6. CTA és űrlap — egyetlen cselekvés
Az utolsó szakasz megismétli a fő ígéretet, és egy gombbal zár. Egy gomb, nem kettő: ha „Kérek árajánlatot” és „Tudj meg többet” is van, a látogató nehezebben dönt, és gyakran egyiket sem választja. Ha tényleg két lehetőség kell, az egyik legyen domináns (elsődleges), a másik visszafogott (másodlagos).
- A gomb mondja meg, mi történik: „Kérem az árajánlatot”, nem „Küldés”.
- Az űrlap csak azt kérje, ami az első lépéshez kell: név, e-mail, rövid üzenet. Minden további mező egy újabb ok a feladásra; a telefonszám legyen opcionális.
- Mondd meg, mi jön utána: „Munkanapokon 24 órán belül válaszolok.” A kiszámíthatóság itt is bizalmat ad.
Jó és rossz minta
Rossz: 12 szakaszos landing, mindegyik egyforma súlyú. A hero-ban „Innovatív megoldások”. Három különböző CTA. Stockfotók mosolygó emberekkel. Sehol egy konkrét szám. A hirdetés mást ígér, mint az oldal.
Jó: 6–8 szakasz, tiszta hierarchia. A hero-ban konkrét ígéret és szám — ugyanaz, mint a hirdetésben. Bizonyíték már az első képernyőn. Egy CTA, ami az oldalon 3–5 alkalommal visszatér. Saját fotók — vagy inkább semmilyen: a Nielsen Norman Group szemkamerás vizsgálatai szerint a látogatók a pusztán díszítő képeket figyelmen kívül hagyják, a valódi embereket és termékeket mutató fotókat viszont alaposan megnézik.
Mobilon dől el
A landing oldalak forgalmának jellemzően nagyobb része mobilról érkezik — a hirdetésekből és a közösségi médiából különösen. Ami asztali gépen kényelmes, telefonon könnyen elveszik:
- Az ígéret és a gomb férjen el az első képernyőn — a telefonos első képernyőn is.
- A gomb legyen hüvelykujjal elérhető, elég nagy, és elég messze a többi kattintható elemtől.
- Gyors betöltés: a lassú oldalról a hirdetésre kattintók egy része meg sem várja a tartalmat. A teljes lista: PageSpeed 95+ valós feltételek között.
- Olvasható szöveg és elég kontraszt — tűző napon is. Bővebben: WCAG AA magyarázat magyarul — KKV-knak.
Mérés és iteráció
Indítsd egyetlen verzióval, és mérj. A Plausible sütik nélkül mér; a GA4 ingyenes, de sütihozzájárulás kell hozzá. A konverziót forrásonként nézd: ami a Google-ből érkezőknél jól működik, a Facebookról jövőknél lehet, hogy nem.
A hőtérkép és a munkamenet-felvétel (Microsoft Clarity, Hotjar) megmutatja, meddig görgetnek a látogatók, hová kattintanak, és hol akadnak el — ezekhez is hozzájárulás kell. Egy hónap után nézd át a tölcsért, és először a legnagyobb veszteséget javítsd.
A/B teszt csak nagy forgalommal. 3%-os konverziónál egy 20%-os javulás megbízható kimutatásához változatonként nagyjából 14 000 látogató kell (95%-os szignifikancia és 80%-os erő mellett). Egy havi pár száz látogatós KKV-oldalnál ez hónapokig tartana. Ott többet ad a hőtérkép — és ha megkérdezel öt valódi ügyfelet: mit keresett az oldalon, és mit nem talált meg.
Ellenőrzőlista: 10 kérdés
- Egy mondatból kiderül, kinek mit ígérsz?
- A hirdetés vagy a poszt ígérete ugyanaz, mint a hero címe?
- Van konkrét szám vagy bizonyíték az első képernyőn?
- Egyetlen fő cselekvés van, és a gombja kiemelt?
- A gomb szövege azt mondja, mi történik („Kérem az árajánlatot”)?
- Az űrlap csak a feltétlenül szükséges mezőket kéri?
- Valódi vélemények vannak, névvel, az ügyfél hozzájárulásával?
- Megválaszolod a három nagy kifogást: ár, idő, kockázat?
- Mobilon is gyors, és a gomb hüvelykujjal elérhető?
- Méred a konverziót, forrásonként?
Ahol „nem” a válasz, ott kezdd. Ha szeretnéd, hogy a te oldaladat nézzem meg, az Auditálás és optimalizálás oldalon leírtam, hogyan dolgozom — vagy foglalj egy 30 perces beszélgetést.
