Mi az a landing page és mennyibe kerül 2026-ban?
A landing page egyetlen célra tervezett weboldal. A dolga, hogy a látogatót egy konkrét cselekvésre bírja: 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 felület vs. animációk, videó háttér, parallax effektusok
- 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 és a hozzá tartozó tesztelési infrastruktúra
- Sales copy: a 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 azt, amit csinálsz, hanem azt, amit a látogató kap.
- Specifikus és mérhető. A „Növeld a webáruházad forgalmát 40%-kal” jobban működik, mint a „Professzionális webfejlesztés”.
- Arra a problémára utal, amit a célközönséged nap mint nap é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.” Konkrét szám, egyértelmű haszon.
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, é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: a „Kérd az ingyenes konzultációt” többet hoz, mint a „Küldés”
- Vizuálisan kiemelkedik: kontrasztos szín, megfelelő méret
- Többször megjelenik: az oldal 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, hanem folyamatos optimalizálás. Erre az A/B tesztelés a legmegbízhatóbb módszer: két vagy több változat kap forgalmat, te pedig 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: az Astro és a Next.js alapból gyors kimenetet ad
- 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 elrendezés: 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 a 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ő)
A cél a név, az email és a telefonszám megszerzése. B2B szolgáltatásoknál, tanfolyamoknál, webinároknál és e-bookoknál működik. A kulcs a rövid, 3–5 mezős űrlap és egy erős lead magnet.
Click-through (átkattintós)
Itt a látogatót egy másik oldalra, jellemzően termékoldalra vagy a vásárlásba irányítod. E-commerce-nél, SaaS ingyenes próbánál és app letöltésnél ez a formátum jön be. A kulcs a meggyőző értékajánlat és egyetlen nagy CTA gomb.
Squeeze page (email gyűjtő)
Kizárólag email címet gyűjt, jellemzően hírlevélre. Minimális szöveg, erős lead magnet, egyetlen mező.
Sales page (értékesítő oldal)
A cél a közvetlen vásárlás: online kurzusok, szoftverek és drágább szolgáltatások esetén használjuk. Hosszú meggyőző szöveg tartozik hozzá, részletes előnyökkel, árazással, garanciával és FAQ-val.
Esemény landing page
A cél a regisztráció webinárra, konferenciára vagy workshopra. Négy dolog számít rajta: a dátum, a program, az előadók és a 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
A nyilak, a CTA felé néző arcok és a kontrasztos színek mind ugyanazt csinálják: odaviszik a tekintetet, ahová szeretnéd.
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): a 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 és cross-device teszt, 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.
