Landing oldal készítés tippek 2025 – Így készíts konvertáló oldalt

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 2025-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

1. Erős, ügyfélcentrikus headline – az első 5 másodperc kulcsa
2. Egy ajánlat, egy CTA – ne tereld el a figyelmet
3. Social proof – vélemények, számok, esettanulmányok
4. Rövid, egyszerű űrlap – minden extra mező csökkenti a kitöltést
5. Gyors betöltés – 3 másodpercnél tovább senki sem vár
6. Mobilra optimalizált design – mert a forgalom fele mobilon jön
7. Above the fold tartalom – az üzenet görgetés nélkül is átjöjjön
8. 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.