Mi az a landing page és mennyibe kerül 2026-ban?
A landing page egyetlen célra tervezett weboldal: a látogatót egy konkrét cselekvésre bírni — kitöltsön egy űrlapot, vásároljon egy terméket, regisztráljon webinárra vagy letöltsön egy anyagot. 2026-ban Magyarországon egy jól megtervezett konverziós landing page 300 000 – 800 000 Ft, A/B tesztelt prémium változat akár 1–1,5 millió Ft.
A landing page nem egyenlő egy hagyományos weboldallal. Míg egy céges oldal információt közöl és navigációt kínál, a landing page egyetlen konverziós célra fókuszál. Ez a fókusz teszi lehetővé, hogy 3–5× magasabb konverziós arányt érj el, mint egy hagyományos aloldallal.
Landing page készítés árak — mire számíts 2026-ban?
| Kategória | Ár (Ft) | Ár (€) | Mit tartalmaz | Átfutás |
|---|---|---|---|---|
| Alap landing page | 300 – 500 ezer | €750 – €1 250 | Sablon-alapú, responsive, 1 CTA, kontakt űrlap, alap SEO | 1–2 hét |
| Egyedi landing page | 500 – 800 ezer | €1 250 – €2 000 | Egyedi UI/UX, animációk, konverzióoptimalizálás, analitika | 2–4 hét |
| Prémium landing page | 800 – 1 500 ezer | €2 000 – €3 750 | Egyedi design, A/B tesztelés, hőtérkép, többvariáns, PPC integráció | 3–6 hét |
A részletes weboldal készítés árakról külön cikkben írtunk.
Mi befolyásolja a landing page árát?
- Design komplexitás: egyszerű letisztult vs animációkkal, videó háttérrel, parallax effektusokkal
- Tartalom mennyisége: 1 szekciós rövid oldal vs 8–10 szekciós sales page
- Interaktív elemek: kalkulátor, kvíz, lépésenkénti űrlap, élő chat
- Integrációk: CRM (HubSpot, Salesforce), email marketing (Mailchimp, ActiveCampaign), fizetés
- A/B tesztelés: több variáns + tesztelési infrastruktúra
- Sales copy: professzionális copywriting külön költség, jellemzően 80 000 – 200 000 Ft
A tökéletes landing page anatómiája
1. Főcím (Hero Section)
Az első dolog, amit a látogató lát. 3 másodperced van meggyőzni, hogy maradjon. A hatékony főcím:
- Egyértelmű értékajánlatot fogalmaz meg — nem amit csinálsz, hanem amit a látogató kap
- Specifikus és mérhető — „Növeld a webáruházad forgalmát 40%-kal” > „Professzionális webfejlesztés”
- Fájdalompontra reflektál — utal arra a problémára, amit a célközönséged érez
Példa egy SaaS landing page-en: „Spórolj meg heti 10 órát az adminisztrációval — automatizáld a számlázást 5 perc alatt.” Specifikus, értékkommunikál, fájdalompontra reflektál.
2. Alcím és támogató szöveg
A főcím alatt 1–2 mondatban bővítsd ki az értékajánlatot. Itt fejtheted ki a „hogyan”-t.
3. Vizuális bizonyíték (Hero Image / Video)
Termékfotó, képernyőkép, demo videó vagy illusztráció. A videót tartalmazó landing page-ek átlagosan 86%-kal magasabb konverziót érnek el a csak szöveges változatokhoz képest.
4. Előnyök és funkciók
Ne csak funkciókat sorolj fel — fordítsd le őket előnyökre:
| Funkció | Előny |
|---|---|
| 24/7 ügyfélszolgálat | Soha nem maradsz válasz nélkül — akár éjszaka is segítünk |
| AI-alapú elemzés | Azonnal látod, melyik kampányod hoz pénzt és melyik éget |
| Egyedi integráció | A rendszered úgy működik, ahogy te dolgozol, nem fordítva |
5. Társadalmi bizonyíték (Social Proof)
- Ügyfélvélemények: konkrét eredményeket tartalmazó idézetek (név, cég, fotó)
- Esettanulmányok: rövid, számszerűsített eredmények („A bevétel 3 hónap alatt 150%-kal nőtt”)
- Logók: partnerek, ügyfelek vagy médiaszereplések
- Számok: „500+ elégedett ügyfél”, „98% ügyfél-elégedettség”
- Minősítések: Google értékelés, iparági díjak
6. CTA (Call-to-Action) gomb
- Cselekvésorientált szöveg: „Kérd az ingyenes konzultációt” > „Küldés”
- Vizuálisan kiemelkedik: kontrasztos szín, megfelelő méret
- Többször megjelenik: tetején, közepén és alján is
- Sürgősség: „Csak 5 hely maradt”, „Akció vasárnapig”
7. FAQ szekció
Két célt szolgál: elhárítja a vásárlási kifogásokat és javítja a SEO-t (strukturált adatokkal a Google keresőben is megjelenhet).
8. Záró CTA és garancia
Az oldal alján egy erős záró szekció: összefoglalod az értékajánlatot, esetleg garanciát kínálsz, és egy utolsó CTA gomb zárja.
A/B tesztelés — hogyan növeld a konverziót adatokkal?
A landing page nem egyszeri projekt — folyamatos optimalizálás. Az A/B tesztelés a legmegbízhatóbb módszer: két (vagy több) változat, a forgalmat elosztod köztük, méred, melyik teljesít jobban.
Mit érdemes A/B tesztelni?
| Elem | Tesztelési ötletek | Várható hatás |
|---|---|---|
| Főcím | Különböző értékajánlatok, fájdalompontok | 10–30% konverziókülönbség |
| CTA gomb szövege | „Ingyenes konzultáció” vs „Kezdjük el” vs „Kérem az ajánlatot” | 5–20% |
| CTA gomb színe | Lime vs narancs vs kék | 2–10% |
| Társadalmi bizonyíték | Vélemények vs esettanulmányok vs számok | 5–15% |
| Űrlap hossza | 3 mező vs 5 mező vs 7 mező | 10–25% |
| Kép vs videó | Statikus kép vs bemutató videó | 10–40% |
A/B tesztelés alapszabályai
- Egyszerre csak egy elemet tesztelj — különben nem tudod, melyik hozta az eredményt.
- Elegendő forgalom: minimum 100–200 konverzió per variáns a statisztikai szignifikanciához.
- Adj elég időt: minimum 2 hét futási idő, hogy a heti ciklusok ne torzítsák.
- Dokumentálj mindent: ez a tudásbázis aranybánya hosszú távon.
Ajánlott A/B tesztelő eszközök
- VWO: vizuális szerkesztő, hőtérkép, havi ~$99-tól
- Optimizely: enterprise szintű, fejlett szegmentálás
- Unbounce: landing page builder beépített A/B teszttel
Oldalsebesség — a rejtett konverziógyilkos
-7%
konverziós arány 1 másodperces késleltetésenként
53%
látogató elhagyja a 3 másodpercnél lassabb oldalt
< 2 mp
optimális betöltési idő mobilon
Sebesség optimalizálási checklist
- Képoptimalizálás: WebP/AVIF, megfelelő méretezés, lazy loading
- Minimális JavaScript: minden extra kB lassít
- CDN: a felhasználóhoz legközelebbi szerverről
- Modern keretrendszer: Astro, Next.js — alapból gyorsak
- SSR / SSG: azonnali betöltés, nem kell JS-re várni
- Core Web Vitals: LCP < 2,5s, FID < 100ms, CLS < 0,1
Részletekért nézd meg az oldalsebesség optimalizálás cikkünket.
Mobiloptimalizálás — a forgalom 70%-a mobilról jön
2026-ban a Google Ads kattintások több mint 65%-a, az organikus keresések 70%-a és a közösségi média forgalom 85%-a mobileszközről érkezik.
Mobil tervezési elvek
- Thumb-friendly: a CTA gombok legalább 48×48 pixel, hüvelykujjal könnyen elérhető helyen
- Egyoszlopos: egyetlen függőleges folyam
- Rövidebb szövegek: felsorolások, kiemelések
- Sticky CTA: mindig látható, akár sticky headerben vagy footerben
- Click-to-call: B2B-nél kattintható telefonszám
- Gyors betöltés: mobilon a hálózat lassabb
Google Ads és landing page — a páros, ami pénzt hoz
A Google Ads Quality Score (minőségi pontszám) közvetlenül befolyásolja a CPC-t és a hirdetés pozícióját.
| Tényező | Súly | Hogyan hat a landing page? |
|---|---|---|
| Várható CTR | ~40% | Indirekt: jobb landing page → jobb konverzió → több adat → jobb optimalizálás |
| Hirdetés relevanciája | ~25% | A hirdetés szövege és a landing page tartalma egyezzen |
| Landing page élmény | ~35% | Sebesség, mobilbarátság, releváns tartalom, könnyű navigáció |
Hogyan javítsd a Quality Score-t?
- Kulcsszó-konzisztencia: a hirdetésben szereplő kulcsszó jelenjen meg a landing page főcímében
- Releváns tartalom: ha a hirdetés „webshop készítés árak”-ra fut, a landing page konkrétan a webshop árakról szóljon
- Gyors betöltés: a Google mérhetően bünteti a lassú oldalakat
- HTTPS: SSL nélkül alacsonyabb Quality Score
- Mobiloptimalizálás: a Google elsődlegesen a mobil verziót értékeli
Konverziómérés — hogyan tudod, hogy működik?
| Mutató | Jó érték | Kiváló érték | Hogyan mérd? |
|---|---|---|---|
| Konverziós ráta | 3–5% | 8–12%+ | Google Analytics 4, konverzió beállítás |
| Bounce rate | 40–60% | 20–40% | Google Analytics 4 |
| Átlagos oldalon töltött idő | 1–3 perc | 3+ perc | Google Analytics 4 |
| CTA kattintási arány | 3–7% | 10%+ | Hőtérkép (Hotjar, Microsoft Clarity) |
| Űrlap-kitöltési arány | 20–30% | 40%+ | Form analytics |
Hőtérképes elemzés
A heatmap eszközök vizuálisan mutatják, hová kattintanak, meddig görgetnek és mit néznek a látogatóid:
- Hotjar: hőtérkép, session recording, havi ingyenes csomag
- Microsoft Clarity: teljesen ingyenes, hőtérkép és session replay
- Lucky Orange: valós idejű hőtérkép és élő chat
A hőtérkép gyakran meglepő felismeréseket hoz: a látogatók 60%-a nem görgeti végig az oldalt (tehát a CTA-nak felül kell lennie), vagy egy nem kattintható elemre kattintanak (linkké kell tenni).
Landing page típusok és mikor használd
Lead generation (lead gyűjtő)
Cél: név, email, telefon. Mikor: B2B szolgáltatások, tanfolyamok, webinárok, e-bookok. Kulcs: rövid űrlap (3–5 mező) + erős lead magnet.
Click-through (átkattintós)
Cél: a látogatót egy másik oldalra (termékoldal, vásárlás) irányítani. Mikor: e-commerce, SaaS ingyenes próba, app letöltés. Kulcs: meggyőző értékajánlat + egyetlen nagy CTA.
Squeeze page (email gyűjtő)
Cél: kizárólag email. Mikor: email lista, hírlevél. Kulcs: minimális szöveg, erős lead magnet, egyetlen mező.
Sales page (értékesítő oldal)
Cél: közvetlen vásárlás. Mikor: online kurzusok, szoftverek, drágább szolgáltatások. Kulcs: hosszú meggyőző szöveg, részletes előnyök, árazás, garancia, FAQ.
Esemény landing page
Cél: regisztráció. Mikor: webinár, konferencia, workshop. Kulcs: dátum, program, előadók, visszaszámláló.
Legjobb gyakorlatok a konverziós landing page-hez
1. Egy oldal, egy cél
Ne próbálj egyszerre hírlevél-feliratkozást, termékvásárlást és kapcsolatfelvételt elérni. Válassz egy célt, mindent annak rendelj alá.
2. Távolítsd el a navigációt
A hagyományos menü eltereli a figyelmet. A legjobban konvertáló landing page-eken nincs navigáció — a látogató vagy konvertál, vagy bezárja az oldalt.
3. Irányító vizuális elemek
Nyilak, tekintő személyek (az arc a CTA felé nézzen), kontrasztos színek — ezek mind a figyelem irányítását szolgálják.
4. FOMO (Fear of Missing Out)
- Visszaszámlálók („Az akció 2 nap múlva lejár”)
- Korlátozott elérhetőség („Már csak 3 hely maradt”)
- Időbeli társadalmi bizonyíték („Ma 47 ember regisztrált”)
5. Gyors betöltés mindenek felett
Ismétlés, mert annyira fontos: 2 másodperc alatt töltődjön be. Minden extra másodperc 7%-kal csökkenti a konverziót.
DIY vs professzionális landing page
DIY (Unbounce, Leadpages, Instapage)
| Előny | Hátrány |
|---|---|
| Gyors elkészítés (órák, nem hetek) | Sablonos megjelenés |
| Alacsony induló költség (havi $29–199) | Korlátozott testreszabhatóság |
| Beépített A/B tesztelés | A havi díj folyamatosan terhel |
| Nem kell fejlesztő | Teljesítmény-korlátok (lassabb betöltés) |
Professzionális fejlesztés
| Előny | Hátrány |
|---|---|
| Egyedi, márkára szabott design | Magasabb induló költség |
| Maximális teljesítmény és sebesség | Hosszabb átfutási idő |
| Korlátlan testreszabhatóság | Fejlesztő szükséges a módosításokhoz |
| Nincs havi díj | — |
| Egyedi integrációk | — |
Mikor elég a DIY? Ha kis büdzsével gyorsan akarsz tesztelni egy ajánlatot, és a cél a validálás, nem a tökéletesség.
Mikor éri meg a professzionális fejlesztés? Ha a landing page hosszú távú marketing eszköz, jelentős hirdetési büdzsé fut rá és a konverziós arány közvetlenül hat a bevételre.
A részletekért nézd meg az egyedi webfejlesztés vs sablon összehasonlításunkat.
Landing page készítés lépésről lépésre
- Briefing és stratégia (2–3 nap): célközönség, értékajánlat, konverziós cél, hirdetési csatorna, fő üzenet, kívánt cselekvés.
- Szövegírás (3–5 nap): főcím, alcím, előnyök, FAQ, CTA. A szöveg konvertál, nem a design.
- UX/UI tervezés (5–10 nap): wireframe → design mockup → kattintható prototípus.
- Fejlesztés (5–10 nap): design kódolása, integrációk (űrlap, CRM, analitika, fizetés), sebességoptimalizálás.
- Tesztelés és indulás (2–3 nap): funkcionális, cross-browser, cross-device, analitika ellenőrzés.
- Optimalizálás (folyamatos): az indulás után 2–4 hét adatgyűjtés, majd A/B tesztek.
Összegzés — a landing page a marketing legokosabb befektetése
Mennyibe kerül egy landing page Magyarországon 2026-ban?
Alap landing page sablon-alapú designnal 300 000 – 500 000 Ft. Egyedi UI/UX-szel és konverzióoptimalizálással 500 000 – 800 000 Ft. Prémium A/B teszteléssel, hőtérképes elemzéssel és PPC integrációval 800 000 – 1 500 000 Ft.
Mi a különbség egy landing page és egy hagyományos weboldal között?
A hagyományos weboldal információt közöl és navigációs menüt kínál, a landing page egyetlen konverziós célra fókuszál és minden zavaró elemet eltávolít. Emiatt 3–5× magasabb konverziós arány érhető el egy hagyományos aloldalhoz képest.
Hogyan növeli a landing page a Google Ads hatékonyságát?
A Google Quality Score-t a kattintási arány, a hirdetés relevanciája és a landing page élménye határozza meg. Egy 7-es és egy 4-es Quality Score között akár 50% CPC-különbség lehet — a jól optimalizált landing page tehát közvetlenül csökkenti a hirdetési kiadásokat.
Mi a reális konverziós arány egy magyar landing page-en?
Jó érték: 3–5%. Kiváló: 8–12% vagy felett. B2B leadgyűjtő oldalakon 2–4% normális, e-commerce sales page-en 1–3%, ingyenes anyagcsere (lead magnet) esetén 15–30% is elérhető.
Mennyi forgalom kell egy érdemi A/B teszthez?
Statisztikailag szignifikáns eredményhez minimum 100–200 konverzió per variáns kell. Minimum 2 hét futási idő, hogy a hét napjai (hétfő vs hétvége) ne torzítsák. Egy heti 200 látogatós oldalon ne kezdj A/B tesztelni — előbb növeld a forgalmat.
Mikor elég egy DIY landing page builder (Unbounce, Leadpages)?
Ha kis büdzsével gyorsan akarsz tesztelni egy ajánlatot és a cél a validálás, nem a tökéletesség. Havi $29–199 induló költség, sablonos megjelenés, korlátozott testreszabhatóság. Hosszú távra, jelentős hirdetési költés mellett egyedi fejlesztés térül meg.
Mennyi idő alatt készül el egy professzionális landing page?
Briefing 2–3 nap, copywriting 3–5 nap, UX/UI 5–10 nap, fejlesztés 5–10 nap, tesztelés 2–3 nap. Összesen 2–4 hét. Bonyolultabb, A/B tesztelt változatok 4–6 hét.
Készen állsz a magas konverziójú landing page-edre? Ingyenes konzultáción felmérjük az igényeidet és személyre szabott javaslatot adunk a design, szöveg és technológia terén. A teljes körű webfejlesztési szolgáltatásunkról a webfejlesztés oldalon.
