Hirdetési kampányt futtatsz, fizetsz a kattintásokért - de a megkeresések száma mégis megmarad nullán? A baj általában nem a hirdetéssel van, hanem azzal az oldallal, ahova a látogató kerül. Ez a landing oldal. Ha az oldal nem győz meg 5 másodpercen belül, a látogató elmegy - és a büdzsé füstté válik.
Ebben a cikkben összegyűjtöttük a legfontosabb landing oldal készítési tippeket, amelyeket a WeDoPixels csapata az évek során a legjobban konvertáló kampányokban alkalmazott.
Mi az a landing oldal - és miben más, mint egy sima weboldal?
A landing oldal (érkezési oldal) egyetlen célt követ: ráveszi a látogatót egy konkrét cselekvésre. Ez lehet:
- ajánlatkérés vagy kapcsolatfelvételi űrlap kitöltése
- termék megvásárlása
- hírlevélre feliratkozás
- időpont foglalás
- ingyenes próbaidőszak elindítása
Egy normál weboldal sok linket, menüt és lehetőséget kínál - a landing oldal ezzel szemben zárja el a mellékösvényeket. Nincs navigáció (vagy minimális), nincs elvonó tartalom. Csak az üzenet és a cselekvés.
Ez a fókusz az oka, hogy egy jó landing oldal konverziós aránya 3-5x magasabb lehet, mint egy normál weboldal ugyanazon trafficra mérve.
1. tipp: A headline az egyetlen legfontosabb elem
A látogatók 80%-a elolvassa a főcímet - de csak 20%-uk görget le. Ha a headline nem üt, az oldal többi részét sosem fogják látni.
Mit mondjon a headline?
- Az ügyfél hasznát, nem a te szolgáltatásodat
- Konkrét eredményt, nem általánosságot
- A legégetőbb problémát, amire megoldást nyújtasz
Gyenge headline: „Professzionális weboldal-fejlesztés magas színvonalon"
Erős headline: „Weboldalt, ami valóban hoz megkereséseket - 3 hét alatt, garanciával"
A különbség: az erős headline az ügyfél eredményéről szól, konkrét ígérettel.
2. tipp: Egyetlen ajánlat, egyetlen CTA
A leggyakoribb landing oldal hiba: túl sok lehetőség. Ha az oldalon van „Vedd fel velünk a kapcsolatot", „Töltsd le az útmutatót", „Iratkozz fel a hírlevélre" és „Nézd meg az árainkat" - mind egyszerre - a látogató nem tud dönteni, és inkább elmegy.
Egy landing oldal = egy ajánlat = egy CTA gomb.
Tipikus erős CTA példák:
- „Kérem az ingyenes ajánlatot" (nem: „Küldés")
- „Foglalok egy ingyenes konzultációt" (nem: „Kattints ide")
- „Megnézem, hogyan működik →" (nem: „Tovább")
Az erős CTA leírja, mit kap a látogató, ha kattint - nem azt, hogy mit kell tennie.
3. tipp: Social proof - bizonyítsd be, hogy mások is megbíznak benned
Az emberek nem szeretnek elsők lenni. Ha látják, hogy mások már jól jártak veled, sokkal kisebb az akadály a kapcsolatfelvétel előtt.
Social proof elemek, amiket minden landing oldalra tegyél:
- Ügyfélvélemények: valódi nevekkel, lehetőség szerint fotóval és konkrét eredménnyel
- Ügyféllogók: „Velünk dolgoznak" - ha van néhány ismert cég a portfóliódban
- Számok: „47 weboldal átadva", „8 éve a piacon", „4.9 csillag Google értékelés"
- Esettanulmányok: rövid, konkrét eredménnyel
A social proof az egyik legerősebb konverzióoptimalizálási eszköz - és a legtöbb magyar KKV teljesen kihagyja.
4. tipp: Minimalizáld a súrlódást az űrlapon
Ha az oldalad célja ajánlatkérés vagy kapcsolatfelvétel, az űrlap felépítése kritikus. Minden extra mező, amit bekérsz, csökkenti a kitöltési arányt.
Általános szabály: kérj csak annyit, amire feltétlenül szükséged van az első lépéshez.
Tipikus jó kapcsolatfelvételi űrlap: Név + E-mail cím vagy telefonszám + Rövid leírás (opcionális).
Pro tipp: Tegyél egy garanciaüzenetet az űrlap mellé: „Nem adunk tovább semmilyen adatot. 48 órán belül válaszolunk." Ez egyetlen mondattal növeli a kitöltési arányt.
5. tipp: Sebességoptimalizálás - a konverzió csendes gyilkosa
Ha a landing oldalad 3 másodpercnél tovább tölt be, a látogatók 53%-a elhagyja azt (Google adat). Ez azt jelenti, hogy a kattintásokért fizetett büdzsé felét el is veszejted, mielőtt bárki egyáltalán elolvasta volna az ajánlatodat.
Mire figyelj a sebesség szempontjából:
- Képek optimalizálása (WebP formátum, megfelelő méret)
- Lazy loading a képeknél
- Minimális third-party szkriptek (chat widgetek, sok pixel)
- Gyors tárhelyszolgáltató (SSD, CDN)
- Cache beállítás
Ellenőrizd az oldalad sebességét ingyenesen: Google PageSpeed Insights (pagespeed.web.dev). A 90+ pontszám az ideális - mobil és desktop egyaránt.
6. tipp: Mobilra optimalizált felépítés - nem opcionális
Magyarországon a webforgalom több mint 60%-a mobilról érkezik. Ha a hirdetésed mobilon fut (Facebook, Instagram, Google Display), a látogató mobilon landol az oldaladon. Ha az oldal ott rosszul néz ki, elmegy.
Ellenőrizd mobilon:
- A CTA gomb jól látható és kattintható-e hüvelykujjal?
- A headline elolvasható-e görgetés nélkül?
- Az űrlap kitölthető-e mobilbillentyűzettel kényelemesen?
- A szöveg elég nagy-e (min. 16px)?
A mobilos UX nem azt jelenti, hogy az asztali verzió mobilra zsugorodik. Azt jelenti, hogy mobilra tervezel először, és az asztali változat abból bővül ki.
7. tipp: Above the fold - a leglényegesebb 5 másodpercben
Az above the fold azt a területet jelöli, amit a látogató görgetés nélkül lát az oldalon. Ez az a rész, ahol eldől, hogy marad-e.
Minek kell above the fold-ban lennie:
- Headline - az azonnali értékajánlat
- Subheadline - egy sor, ami kiegészíti és pontosítja a headline-t
- CTA gomb - hogy aki azonnal meggyőzödött, ne kelljen görgetnie
- Vizuális elem - termékfotó, illusztráció, ami hitelességet ad
A részletek (hogyan működik, árak, vélemények) mehetnek lentebb - de az első benyomást above the fold kell megszerezni.
8. tipp: A/B tesztelés - soha ne tippelj, mérj
Még a legjobb landing oldal szakemberek sem találják el elsőre a legjobb verziót. Az egyetlen módszer, ami valóban működik: párhuzamosan futtatni két verziót, és megnézni, melyik konvertál jobban.
Mit érdemes A/B tesztelni elsőként:
- A headline szövege (ez van a legnagyobb hatással)
- A CTA gomb szövege és színe
- A főkép vagy videó megléte/hiánya
- Az űrlap hosszúsága (2 mező vs. 4 mező)
Minimálisan 100-200 látogató kell egy verzióra, mielőtt statisztikailag megbízható eredményt kapsz.
Mennyibe kerül egy landing oldal készítése 2026-ben?
Az ár nagy szórással mozog, attól függően, mit értesz landing oldal alatt:
- Page builder sablonból: 50 000-150 000 Ft - Egyszerű kampány, tesztelés
- Egyedi tervezett landing oldal: 150 000-400 000 Ft - Komoly kampány, hosszú futásidő
- Landing oldal + copywriting csomag: 300 000-600 000 Ft - Ha a szövegírást is kiszervezed
- Landing oldal + A/B tesztelés + optimalizálás: 400 000-900 000 Ft - Teljes konverzióoptimalizálási projekt
Fontos szempont: egy jól konvertáló landing oldal gyorsan megtérül. Ha a kampányod jelenleg 2%-on konvertál, és egy jobb oldallal 4%-ra emeled, ugyanannyiért kétszer annyi megkeresést kapsz - hirdetési költség növelése nélkül.
Landing oldal hibák, amiket a legtöbb magyar vállalkozás elkövet
- A homepage-t használják landing oldalként - a főoldal általánosít; a landing oldal a konkrét ajánlatra fókuszál
- Nincs egyértelmű értékajánlat - „Minőségi munka, elégedett ügyfelek" nem mond semmit
- Túl sok szöveg, kevés struktúra - a látogató szkennel, nem olvas; tagolás, listák, kiemelések kellenek
- Nincs telefon/chat opció - sokan nem töltenek ki űrlapot; legyen alternatív kontakt lehetőség
- Nem mérik a konverziókat - ha nincs Google Analytics konverziókövetés, nem tudod, működik-e az oldal
Összefoglalás - a konvertáló landing oldal 8 alappillére
- Erős, ügyfélcentrikus headline - az első 5 másodperc kulcsa
- Egy ajánlat, egy CTA - ne tereld el a figyelmet
- Social proof - vélemények, számok, esettanulmányok
- Rövid, egyszerű űrlap - minden extra mező csökkenti a kitöltést
- Gyors betöltés - 3 másodpercnél tovább senki sem vár
- Mobilra optimalizált design - mert a forgalom fele mobilon jön
- Above the fold tartalom - az üzenet görgetés nélkül is átjöjjön
- A/B tesztelés - az adat döntsön, ne a véleményed
Segítünk konvertáló landing oldalt készíteni
Ha hirdetési kampányt tervezel, vagy a meglévő oldaladon nem jönnek a megkeresések, érdemes megvizsgálni, mi az oka. A WeDoPixels csapata landing oldalak tervezésében és konverzióoptimalizálásban is segít - a stratégiától a megvalósításon át az első eredményekig.
Kérj ingyenes konzultációt - megmutatjuk, mit lehetne javítani a meglévő oldaladon, vagy hogyan épülne fel egy új, konverzióra optimalizált landing page.