Landing7 perc olvasás

A landing oldal anatómiája: 7 blokk, ami pénzt csinál

Hero → Bizonyíték → Ajánlat... a váz, amit holnap be tudsz vezetni. Minden elem pontos helye és célja a konverzió maximalizálásához.

Évek óta nézegetjük a landing oldalakat, elemezzük, mit működik, mit nem. És tudd meg: nincs varázslat. Van viszont egy bevált anatómia, ami 80%-ban ugyanaz minden sikeres landing oldalnál. Ez a 7 blokk.

Ha holnap landing oldalt kell építened (legyen az szolgáltatás, termék, webinárium), ezt a vázat kövesd. Nem kell agyalni, csak kitölteni a helyeket.

1. blokk: Hero (Hős szekció)

Mi az? Az első, amit a látogató lát. Nagy cím, alcím, egy kép/videó, és egy CTA gomb.

Mit csinál?

  • 3 másodperc alatt tisztázza: miről szól ez az oldal
  • Felkelti az érdeklődést
  • Egyértelműen mutatja a következő lépést (CTA)

Példa:

Cím: "Weboldal, ami tényleg hoz ügyfelet"
Alcím: "Mobilbarát, gyors, konverziós – 30 nap alatt kész."
CTA: "Ingyenes audit kérése"

Tipp: A címben legyen az eredmény, ne a termék neve. Nem "XY szoftver", hanem "Spórolj 10 órát hetente".

2. blokk: Probléma (Problem Awareness)

Mi az? Megfogalmazod, milyen fájdalmat érez a célközönség.

Mit csinál?

  • A látogató felismeri magát: "Igen, pont ez a gondom!"
  • Érzelmi kapcsolat jön létre
  • Megértik, hogy te érted őket

Példa:

"Van weboldalad, de nem hoz ügyfeleket. Hetente pár látogató, és azok is gyorsan távoznak. A befektetett pénz kárba veszett."

Tipp: Ne általánosíts. Konkrét, átélt helyzeteket írj le. Inkább 3 pontos lista, mint hosszú szöveg.

3. blokk: Megoldás (Solution)

Mi az? Bemutod, hogy te hogyan oldod meg a problémát.

Mit csinál?

  • Átvezetés a problémától a megoldásig
  • Egyszerűen, érthetően
  • Fókuszban az előny, nem a funkció

Példa:

Helyett: "Modern, reszponzív dizájnt használunk"
Inkább: "A látogatók mobilon is könnyen találják meg, amit keresnek – így nem veszíted el őket"

Tipp: 3-5 pontban foglald össze. Ikon + rövid szöveg kombó működik a legjobban.

4. blokk: Bizonyíték (Social Proof)

Mi az? Referenciák, vélemények, számok, logók – bármi, ami bizalmat épít.

Mit csinál?

  • Csökkenti a bizalmatlanságot
  • Mások tapasztalata = garancia
  • Konkrét eredmények mutatása

Példák:

  • "15+ elégedett ügyfél"
  • Vélemények arcképpel és névvel
  • "2x több ügyféligény 30 nap alatt"
  • Ismert márkák logói (ha dolgoztál velük)

Tipp: Konkrét számok > általános dicséret. "Kiváló munka" helyett: "50%-kal nőtt a konverzió".

5. blokk: Részletek / Hogyan működik (How It Works)

Mi az? 3-5 lépésben elmagyarázod a folyamatot.

Mit csinál?

  • Egyszerűvé teszi a döntést
  • Leveszi a félelmet: "könnyű lesz"
  • Átláthatóság = bizalom

Példa:

  1. Audit: Megvizsgáljuk a weboldalad (ingyenes)
  2. Terv: Kidolgozzuk, mit kell változtatni
  3. Végrehajtás: Mi megcsináljuk, te csak jóváhagyod

Tipp: Számozott lista + kis ikonok. Vizuálisan is könnyű követni.

6. blokk: Árak / Ajánlat (Pricing / Offer)

Mi az? Itt közlöd az árat vagy az ajánlat részleteit.

Mit csinál?

  • Egyértelmű opciók
  • Könnyű összehasonlítás
  • Konkrét döntési pont

Tippek:

  • 3 csomag esetén a középsőt emeld ki ("Legnépszerűbb")
  • Garancia, ha van (30 napos pénzvisszafizetés)
  • Bonus: "Most még ingyen kapod XY-t"
  • Átlátható: ne rejtsd el a részleteket

Példa felépítés:

  • Csomag neve
  • Ár
  • Rövid leírás (kinek való)
  • 5-8 funkció listaként
  • CTA gomb

7. blokk: CTA / Űrlap (Call-to-Action)

Mi az? Az akció helye. Itt történik a konverzió.

Mit csinál?

  • Egyértelmű következő lépés
  • Minimális súrlódás
  • Biztonságérzet (GDPR, adatvédelem)

Tippek:

  • Gombszöveg: Ne "Küldés", hanem "Ingyenes audit kérése"
  • Űrlap: Minél kevesebb mező, annál jobb (email + telefon elég)
  • Biztonság: "Nem spammelünk" vagy "GDPR-compliant"
  • Incentive: "24 órán belül válaszolunk"

Példa CTA szöveg:

"Kérj ingyenes auditot – 24 órán belül megmutatjuk, mit lehet javítani"

Bonus: Gyakori kérdések (FAQ)

Nem kötelező, de hasznos. Az utolsó kifogásokat távolítja el.

Mit tartalmazzon?

  • "Mennyi idő alatt készül el?"
  • "Mi van, ha nem vagyok elégedett?"
  • "Kell-e hozzá technikai tudás?"
  • "Mi történik az adataimmal?"

Tipp: 5-7 kérdés elég. Rövid, konkrét válaszok.

Összefoglalás: A landing oldal anatómiája

  1. Hero: Cím + alcím + CTA (3 mp alatt értsd meg)
  2. Probléma: Fájdalompontok (érzelemd át)
  3. Megoldás: Hogyan old meg (egyszerűen)
  4. Bizonyíték: Referenciák, számok (higgy benne)
  5. Hogyan működik: 3-5 lépés (könnyű lesz)
  6. Árak: Konkrét ajánlat (dönts)
  7. CTA: Akció (csináld meg)

Ez a váz. Kitöltöd a saját tartalmaiddal, és kész. Nem varázslat, hanem tiszta kommunikáció. És ez hozza az eredményt.

Mit tegyél most?

  1. Nézd meg a jelenlegi landing oldaladat (vagy konkurenciáét)
  2. Ellenőrizd: megvan mind a 7 blokk?
  3. Ha hiányzik valamelyik, egészítsd ki
  4. Teszteld: A/B teszt, hőtérkép, analitika

Ha segítség kell: mi pontosan ezt csináljuk. Landing oldal audit, építés, optimalizálás. Kérj ingyenes auditot, megmutatjuk, hol van tartalék.

Kapcsolódó cikkek