A landing page felépítése akkor működik, ha az oldal a látogató kérdéseit a jó sorrendben válaszolja meg: nekem szól ez, megoldja a gondomat, hihetek benne, és mi legyen a következő lépés? Ehhez egy szolgáltatói landing oldalnál 12 egymásra épülő szekció ad stabil keretet. Nem mind a 12 kötelező minden ajánlatnál, a döntési logika viszont az.
Hirdetésből vagy célzott e-mailből érkezve az olvasó nem vállalati lexikont akar. Azt szeretné gyorsan eldönteni, hogy érdemes-e veled foglalkoznia. Egy jól felépített landing oldal ezért nem blokkok gyűjteménye, hanem egyetlen döntési útvonal.
Mire való valójában egy landing oldal?
Egy landing oldal nem egy kicsi weboldal és nem egy „rövidített főoldal”. Egy ajánlat köré rendezett oldal, amely egy forrásból érkező látogatót egy fő cél felé vezet: időpontfoglalás, ajánlatkérés, vásárlás vagy feliratkozás. A teljes menü, a hatféle szolgáltatás és a „nézd meg még ezt is” típusú linkek sok esetben csak kijáratok. Ha előbb az alapfogalmak érdekelnek, olvasd el ezt a jó landing oldalról szóló útmutatót; itt kifejezetten a szekciók egymásutánját bontjuk ki.
A hosszát nem a sablon, hanem a döntés kockázata határozza meg. Egy egyszerű letölthető anyaghoz néhány blokk is elég lehet. Egy több százezer forintos, személyes egyeztetést igénylő szolgáltatásnál több magyarázat, több bizonyíték és pontosabb kifogáskezelés kell. Az Unbounce 2024-es kutatása is arra figyelmeztet, hogy a könnyebben olvasható landing oldalakon jellemzően jobb a teljesítmény – vagyis a részletesség nem azonos a körülményességgel.
A jó sorrend nem manipulál:
a bizonytalanságot csökkenti,
mielőtt döntést kér.
A landing page felépítése: 12 szekció, egyetlen irány
Az alábbi keret különösen jól működik szolgáltatóknál. Gondolj rá úgy, mint egy beszélgetésre: először bemutatkozol és kapcsolódsz, utána magyarázol, végül kéred a következő lépést. Nem kell mindent az első képernyőre zsúfolni.
1. Hero: öt másodperc alatt derüljön ki, hol jár a látogató
A nyitóképernyőben tisztázd, mit kínálsz, kinek és milyen eredménnyel. A „minőségi, innovatív megoldások” nem üzenet, hanem ködgránát. Jó hero: célcsoport vagy helyzet + konkrét változás + rövid magyarázat + CTA. Például: „Több értelmes ajánlatkérés a hirdetéseidből – stratégiai landing oldallal.”
A főcím ne a vállalkozásodról, hanem a látogató céljáról szóljon. A gomb is ezt folytassa: „Időpontot kérek”, „Kérem az auditot”, „Megnézem a részleteket”.
2. Mini-bizalom: miért olvassak tovább?
A hero után egyetlen rövid hitelességi jel segít: igazolható ügyféleredmény, szakmai szerep, értékelési átlag, engedéllyel használt logók vagy egy tömör módszertani mondat. Ez még nem trófeafal, csak válasz arra, hogy miért ne egy véletlen internetes tanácsát olvassa az ember.
Csak bizonyítható állítást használj. Ha nincs számszerű esettanulmányod, egy világos, emberi bemutatkozás többet ér, mint a „több száz elégedett ügyfél” típusú ködösítés.
3. Problémablokk: nevezd nevén, amit az olvasó átél
Az emberek nem szolgáltatást vesznek, hanem egy helyzetből akarnak kijönni: van kattintás, de nincs érdeklődő; szép az oldal, mégsem derül ki, mi az ajánlat; az űrlap sok kérdést hoz, rossz minőségűeket. Itt a látogató azt érzi: „igen, ezt látjátok”.
A probléma nem önsajnáló klubest. Legyen konkrét, rövid, és gyorsan vezessen át a megoldásra. Nem azért írod le, hogy rosszul érezze magát, hanem hogy érthetővé váljon a változás.
4. Kívánt eredmény: hová jut el?
Mondd ki a változást felelősen. Egy landing oldal nem ígérhet automatikusan bevételt, de segíthet abban, hogy a megfelelő érdeklődő hamarabb értse az ajánlatot, kevesebb alapkérdéssel érkezzen, és egyetlen cselekvés felé haladjon.
Az eredmény legyen kézzelfogható, ne varázslat. A „több értelmes érdeklődő” jobb kiindulópont, mint az „azonnal megduplázzuk a bevételed”.
5. Megoldás és mechanizmus: hogyan működik az ajánlat?
Itt mutasd be a szolgáltatást a látogató nyelvén. Nem a belső munkanaplódra kíváncsi, hanem arra, mit kap, mi történik, mit kell neki adnia, és miért nem egy random sablont fog kézhez kapni. Landing oldal készítésnél ez lehet: cél és közönség tisztázása → üzenet és szöveg → konverziós szerkezet → dizájn és technikai megvalósítás → mérés.
A látható folyamat teszi hihetővé a szolgáltatást. Ha az olvasó érti a módszert, könnyebben bízik a végeredményben is.
6. Előnyök: fordítsd le, miért számít egy funkció
A „reszponzív, modern, SEO-barát” csak címke. Fordítsd le emberi nyelvre. Mobilra tervezett hierarchia: kis képernyőn is gyorsan átlátható az ajánlat. Egyértelmű üzenet: a megfelelő látogató rögtön látja, miért releváns neki. Mérhető konverziós pontok: nem csak forgalmat látsz, hanem azt is, hol akad el.
Funkció helyett következményt kommunikálj. A látogató nem azért vesz sebességet vagy design rendszert, mert szereti ezeket a szavakat, hanem mert kevesebb súrlódást akar.
7. Folyamat: mi történik a CTA után?
Különösen nagyobb értékű szolgáltatásnál fontos, hogy ne maradjon homályban a következő lépés. Írd le számozva: 1. elküldi az alapinformációkat vagy időpontot foglal; 2. átbeszélitek a célt és a helyzetet; 3. konkrét javaslatot, ütemezést és következő lépést kap.
A kiszámítható folyamat csökkenti a rejtett munka érzetét. Nem projektmenedzseri állásinterjú kell ide, hanem egy rövid válasz arra, hogy „mi lesz velem, ha rákattintok?”
8. Bizonyíték: adj kapaszkodót a döntéshez
Vélemény, esettanulmány, előtte–utána példa, képernyőkép, módszertani részlet vagy demonstráció: mind azt üzeni, hogy ez nem csak szép szöveg. Eredmény mellett mindig legyen időszak, kiindulópont és körülmény. A „tízszeres növekedés” önmagában inkább díszgömb, mint bizonyíték.
Ha nincs ügyféltörténet, a gondolkodásodat bizonyítsd. Mutass ellenőrzőlistát, mintaszöveget, folyamatot vagy egy értelmes elemzést – de ne találj ki idézetet.
Valós magyar példa: a sorrend a szövegből is látszik
A Hindent cirkóniumkorona-oldalán a hero egy konkrét eredménnyel indul („új mosoly” és gyors elkészülés), rögtön utána előnyöket sorol, majd problémákat, megoldást, ügyfélvéleményt, technológiai magyarázatot és új CTA-t helyez el. Nem ez az egyetlen jó minta, de jól megmutatja, hogyan épül fel a ígéret → bizonyíték → részletezés → következő lépés útvonal.
9. Ajánlatrészletek: mi van benne, és mi nincs?
Itt tűnik el a köd. Sorold fel a csomag elemeit, az átadandó anyagokat, a határokat, az időkeretet és – ahol van értelme – az árazás logikáját. Különítsd el az alapcsomagot és a választható kiegészítőket.
A pontos specifikáció nem vesz el az eladásból. Inkább kiszűri azt, akinek valójában másfajta megoldásra van szüksége.
10. Kifogáskezelés: mondd ki, amit nem kérdeznek meg
„Kicsi a vállalkozásom.”
„Van már weboldalam.”
„Nem tudok szöveget írni.”
„Mennyi idő?”
„Miért nem elég egy olcsó sablon?”
Ezekre egyenes, konkrét válasz kell. Ha valakinek tényleg nem landing oldal való, azt is érdemes kimondani.
Az őszinte kizárás is bizalomépítés. Egy rosszul illeszkedő projektet és sok későbbi frusztrációt spórolhat meg mindkét félnek.
11. GYIK: az utolsó súrlódások eltüntetése
A GYIK nem SEO-lomtár. Csak olyan kérdés kerüljön ide, amely döntési bizonytalanságot old fel, és amelyre a válasz első mondata önmagában is érthető.
Hány szekcióból álljon egy landing page?
Nincs univerzális darabszám, de a 12 szekció jó tervezési keret. Feliratkozásnál kevesebb, nagyobb kockázatú ajánlatnál több részlet kell.
Kell menü a landing oldalra?
Általában nem, ha a kampány egyetlen konverzióra épül. A jogi linkek maradhatnak, de ne nyisd ki a teljes webhely labirintusát.
Hová kerüljön a CTA?
Legyen a nyitóképernyőn, a fontos döntési pontok után és az oldal végén is. Mind ugyanazt a lépést kérje.
Mennyire legyen hosszú a szöveg?
Annyira, amennyi a döntéshez szükséges. Nem a karakterszám a cél, hanem az érthető ajánlat és a hihető következő lépés.
Mi a különbség a landing oldal és a szolgáltatásoldal között?
A landing oldal egy forrásra és egy cselekvésre fókuszál. A szolgáltatásoldal több tájékozódási célt szolgálhat ki.
Mit tegyek, ha nincs ügyfélvéleményem?
Ne találj ki egyet; mutass valódi bizonyítékot a gondolkodásodra. Használhatsz folyamatot, szakmai mintát vagy ellenőrzőlistát.
Elég egy szép dizájn a jó konverzióhoz?
Nem: a dizájn feladata az üzenet, a hierarchia és a CTA érthetőbbé tétele. A lila gradienttől önmagában nem jön el a lelki megvilágosodás.
Mikor kell szakembert bevonni?
Akkor, amikor az ajánlat, az üzenet, a struktúra vagy a mérés nem áll össze egyetlen döntési úttá. Ilyenkor nem csak szebb oldalról beszélünk.
Melyik szekció kell az ajánlatodhoz?
| Oldaltípus | Szinte mindig kell | Gyakran opcionális |
|---|---|---|
| Letölthető csali | Hero, előnyök, rövid űrlap, CTA | Hosszú folyamat, részletes kifogáskezelés |
| Konzultáció | Hero, probléma, eredmény, folyamat, CTA | Ár, esettanulmány, GYIK |
| Nagy értékű szolgáltatás | Hero, probléma, megoldás, bizonyíték, ajánlat, GYIK, CTA | Videó, összehasonlítás, garancia |
A táblázat kezdőpont, nem tartalmi bilincs. Ha egy szekció nem segíti a döntést, hagyd el; ha egy valódi kérdés még megválaszolatlan, egészítsd ki az oldalt.
12 pontos ellenőrzőlista indulás előtt
- Egy cél van az oldalon.
- A hero megnevezi az eredményt.
- A CTA egyértelmű igét használ.
- A problémablokk valós helyzetet ír le.
- A megoldás folyamata látható.
- A funkciók előnyre vannak fordítva.
- A CTA után következő lépés tiszta.
- Van valós bizonyíték.
- Az ajánlat határai is világosak.
- A tipikus kifogásokra van válasz.
- A mobilos nézetet külön ellenőrizted.
- Az oldal végén ugyanaz az egy fő CTA szerepel.
Miért ez a sorrend működik?
A látogató fejében általában nem az a kérdés, hogy „van-e itt még egy ikon?”. Inkább ez a sorrend fut végig: releváns-e nekem, értem-e, miért higgyek neki, mennyibe vagy mibe kerül nekem, és mit kell tennem? Ha az árat vagy a részletes specifikációt rögtön a nyitóképernyő után dobod be, mielőtt az ajánlat jelentése összeállna, az olvasó gyakran csak egy számot lát. Ha túl későn mutatod a bizonyítékot, addigra már lehet, hogy elvesztetted a figyelmét.
A szekciók sorrendje a döntési kockázatot rendezi. Az első blokkok gyorsan eldöntik a relevanciát. A középső blokkok megértést és hitelességet adnak. A végén pedig már nem új kérdéseket teszel fel, hanem összefoglalod a döntéshez szükséges kapaszkodókat.
Ezért nem jó kiindulás egy másik iparág oldalát egy az egyben lemásolni. Egy fogászati szolgáltatásnál a gyorsaság, a fájdalomtól való félelem és a látványos eredmény erős döntési tényező. Egy B2B tanácsadónál az üzleti helyzet, a módszer, a kompetencia és a következő egyeztetés feltételei lehetnek fontosabbak. A váz marad, de az érvek súlya ajánlatonként változik.
Így töltsd meg tartalommal a 12 szekciót
Sokan azért akadnak el a landing oldal írásakor, mert rögtön kész mondatokat akarnak. Előbb viszont érdemes összeszedni az alapanyagot. Egy jó munkamenetben nem a címekkel, hanem a döntést befolyásoló információkkal kezdesz.
Először írd le az egyetlen konverziót
Válaszd ki az oldalon végrehajtandó egyetlen fő műveletet. Nem „kapcsolat”, hanem például: időpontfoglalás egy 30 perces feltáró hívásra. Nem „több információ”, hanem a tananyag első moduljának megvásárlása. Ez meghatározza a CTA szövegét, az űrlap hosszát és azt is, mennyi magyarázat szükséges.
Ha két különböző célod van – például egyszerre szeretnél konzultációt és hírlevél-feliratkozást –, dönts prioritásról. A másodlagos lehetőség megjelenhet kevésbé hangsúlyosan, de ne kapjon ugyanolyan gombot minden képernyőn. Két fő CTA általában két irány.
Gyűjts valódi ügyfélmondatokat
A probléma- és eredményblokkok legjobb nyersanyaga nem a marketinges jelző, hanem az, ahogyan az ügyfél beszél. Jegyezd fel, milyen kérdéssel érkezik, milyen szót használ a gondjára, mitől tart, és mitől lenne számára megkönnyebbülés.
A „nem értem, miért nem kérnek ajánlatot” sokkal használhatóbb mondat, mint a „konverzióoptimalizálási kihívásokkal küzd”.
Az ügyfél nyelve gyorsabban teremt relevanciát. Természetesen nem kell szó szerint idézni és nem kell túlzó ígéretté alakítani; a szerepe az, hogy a megfelelő ember magára ismerjen.
Rendezd a bizonyítékokat erősség szerint
A legerősebb bizonyíték általában ellenőrizhető és kontextusos: dokumentált esettanulmány, konkrét ügyfélidézet engedéllyel, hitelesített értékelés vagy bemutatható munka. Utána jöhet a szakmai módszer, a képernyőkép, a folyamat és a referenciák. A gyenge, magyarázat nélküli állításokat ne próbáld nagy betűvel megmenteni.
Egy részletes, igaz példát válassz a sok homályos helyett. Mondd el, honnan indult a helyzet, mit tettetek, mi lett az eredmény, és miért nem általánosítható automatikusan mindenki másra. Ettől lesz szakmailag tisztességes és emberileg hihető.
Gyakori hibák a landing page felépítésében
Hiba: a hero csak hangulatot ad, jelentést nem
Egy erős kép és egy szép betűtípus segíthet, de nem válaszolja meg magától, mit kap a látogató. A „Több, mint szolgáltatás” akkor működik, ha már egy ismert márka kommunikációs mondata. Kampányoldal első főcímeként viszont általában kevés.
Előbb jelentés, utána hangulat. A nyitóképernyőt teszteld úgy, hogy öt másodpercre megmutatod valakinek, majd megkérdezed: mit kínál az oldal, kinek, és mit kell itt csinálni?
Hiba: túl korai vagy túl gyenge CTA
A „Kattints ide” nem mondja meg, mi történik. A „Jelentkezem konzultációra” már igen. Ugyanakkor egy gombot nem kell elrejteni az oldal végére azért, mert a látogató még nem olvasott el mindent. A korai CTA azoknak szól, akik már készen állnak; a későbbi CTA-k azoknak, akiknek előbb még bizonyíték vagy részlet kell.
Az ismétlődő CTA szövege maradjon következetes. A környező érv változhat, de a cél ne váltson át észrevétlenül ajánlatkérésről hírlevélre vagy vásárlásra.
Hiba: minden előny egyforma méretű
Nem minden érv ugyanolyan fontos. Ha az ügyfélnek a gyorsaság a kritikus, azt ne temesd a nyolcadik ikon alá. Ha a bizalom a döntő, ne csak egy apró logósávban jelenjen meg. A szekciók sorrendje és hossza azt is jelzi, milyen kérdésnek adsz súlyt.
A hangsúly a célcsoport félelmeit és vágyait kövesse. A sablon megadja a helyet, de nem mondja meg helyetted, mi a fontos.
Hiba: mobilon csak „összenyomod” az asztali oldalt
A mobilos látogató gyakran kevésbé türelmes, a képernyő pedig kevesebbet mutat egyszerre. Ellenőrizd a címtöréseket, a gombok méretét, a túl hosszú felsorolásokat, az űrlapmezőket és a képek szöveghez való viszonyát. A szakmai szolgáltatások landing oldalain a mobilforgalom jelentős lehet, ezért nem jó stratégia a mobilnézetet utolsó ellenőrzési pontként kezelni. Az Unbounce szakmai szolgáltatásokra vonatkozó benchmarkja is erre hívja fel a figyelmet.
Mobilon a vizuális hierarchia még könyörtelenebb. Ha a fő ígéret, a CTA és az első bizonyíték nem olvasható gyorsan, a desktopon gondosan felépített oldal sem fogja könnyen megmenteni a helyzetet.
Hogyan mérd, hogy a szerkezet valóban segít-e?
Az indulás előtt rögzítsd, mi számít konverziónak: elküldött űrlap, foglalás, vásárlás, vagy visszaigazolt kapcsolatfelvétel. Azután nézd meg a forrásokat külön is. Más elvárással érkezik az, aki egy konkrét Google Ads keresésre kattint, mint aki egy hosszabb edukációs e-mailből jön.
Érdemes figyelni az űrlap elérését, az űrlap elkezdését és az elküldést, továbbá azt, melyik eszközről történik mindez. Ha sokan eljutnak a CTA-ig, de nem kattintanak, gyakran az ajánlat vagy a következő lépés bizonytalan. Ha kattintanak, de az űrlapot nem küldik el, lehet, hogy túl sok adatot kérsz vagy rosszul van megfogalmazva a várható folyamat.
Ne változtass egyszerre öt dolgot. Előbb fogalmazz meg egy hipotézist: például a hero nem tisztázza a célcsoportot. Ezután készíthetsz „A” verziót és „B” verziót, mérheted az eredményt, és megtarthatod azt, ami valóban segít. A jó teszt nem ízlésvitát dönt el, hanem egy konkrét kérdésre válaszol.
Röviden: nem sablonra, hanem döntési útra van szükséged
A 12 szekció nem kötelezően betartandó koreográfia. Egy jól működő rövid oldal akár 6 blokkból is állhat, ha kevés a kockázat, már ismert a márka, és egyszerű a következő lépés. Egy összetett szolgáltatásnak viszont lehet szüksége még összehasonlításra, videóra, részletes esettanulmányra vagy garanciablokkra. A jó landing page felépítése nem attól jó, hogy pontosan 12 címe van, hanem attól, hogy nem hagy megválaszolatlan döntési kérdést.
Amikor tervezel, mindig a látogató érkezési pontjából indulj ki:
- Mit ígért a hirdetés vagy a link, amelyre kattintott?
- Mennyit tud már rólad?
- Milyen bizonytalanságot kell feloldanod ahhoz, hogy a CTA természetes következő lépés legyen?
Ha erre van válaszod, a szekciók sorrendje már nem sablon, hanem tudatos értékesítési struktúra. Ez a szemlélet a későbbi hirdetési kreatívok és e-mailek írását is egyszerűbbé teszi, mert ugyanazt az egyértelmű ígéretet tudod mindenhol következetesen továbbvinni. Különösen akkor hasznos, ha a kampányban több kreatív és több belépőoldal is dolgozik ugyanazon ajánlatért.
12. Záró CTA: egyértelműen kérd a következő lépést
Ha a látogató már érti, mit kínálsz, miért fontos neki, hogyan működik és miért hihető, ne hagyd a levegőben egy udvarias elköszönéssel. Egy jól felépített landing oldal megmutatja, merre kell továbblépni.
