Landing és hirdetés · UX

Landing oldal felépítése szolgáltatóknak: 12 szakasz, konkrét példával

Egy célzott oldalváz, amely megmutatja, mit akar tudni a látogató az egyes szakaszokban, és mely blokkok hagyhatók el valódi kockázat nélkül.

Írta: Fodor Martin Olvasási idő: 9 perc

Rövid válasz

A jó landing oldal nem előre gyártott blokkok mechanikus egymásra rakása. Egy konkrét ajánlathoz, forgalmi forráshoz és konverziós célhoz igazított döntési útvonal. Az első képernyő folytatja a hirdetés ígéretét, a következő részek tisztázzák a problémát és az ajánlatot, majd bizonyítékot, folyamatot, feltételeket és kifogáskezelést adnak. A kapcsolatfelvétel csak ezután kérjen akkora döntést, amelyre az olvasó már felkészült. A tizenkét bemutatott szakasz közül nem mindegyik kötelező: egy egyszerű, ismert ajánlat rövidebb magyarázatot kér, míg egy magasabb értékű szolgáltatásnál több bizonyítás lehet indokolt. A navigáció csökkentése önmagában nem javítja az oldalt; fontosabb, hogy a látogató végig ugyanazt az ajánlatot értse, és ne kelljen a következő lépést keresnie. A lényeg az üzenet folytonossága és az, hogy minden blokk egy új kérdésre válaszoljon. Ha a kivitelezési megoldást keresed, nézd meg, hogyan készül nálam egy kampányhoz illesztett landing oldal.

Megnézem, hogyan készül MAARTEN landing oldal
Szolgáltatói landing oldal tizenkét szakaszának vizuális elrendezése
Szolgáltatói landing oldal tizenkét szakaszának vizuális elrendezése

A landing oldal felépítése nem egy univerzális blokksorrend. A látogató forrása, a neki tett ígéret, az ajánlat összetettsége és a kért döntés együtt határozza meg, mennyi magyarázat, bizonyíték és kifogáskezelés kell. Az alábbi tizenkét szakasz egy döntési készlet: indokolt esetben összevonható vagy elhagyható belőle elem.

Landing oldal, főoldal vagy szolgáltatásoldal?

Oldaltípus Elsődleges feladat Forgalmi helyzet Navigáció Jellemző CTA
Főoldal A vállalkozás és a fő irányok bemutatása Márkakeresés, közvetlen látogatás, vegyes belépés Több útvonal indokolt Szolgáltatás választása vagy kapcsolat
Szolgáltatásoldal Egy szolgáltatás teljes körű ismertetése Organikus keresés és belső navigáció Kapcsolódó oldalak elérhetők Ajánlatkérés vagy részletes egyeztetés
Landing oldal Egy ajánlat és egy konverziós cél támogatása Hirdetés, e-mail, kampány vagy célzott link Csökkentett, ha segíti a fókuszt Egyetlen elsődleges cselekvés

Ha az oldalnak hosszú távon több keresési kérdést is ki kell szolgálnia, gyakran a kampányra készített landing oldal és a tartós szolgáltatásoldal külön URL-en működik tisztábban. Nem a navigáció teljes eltüntetése teszi landinggé a felületet, hanem az egyértelmű ajánlat és döntési irány.

Mit kell tisztázni az oldal megírása előtt?

Kinek és milyen helyzetben?

Írd le a célközönséget, a sürgető problémát és azt, mennyit tud már a megoldásról. Ugyanaz az ajánlat más magyarázatot igényel hideg keresési forgalomnál és visszatérő e-mail-feliratkozónál.

Mi az ajánlat és a döntés?

Ne csak a szolgáltatás nevét rögzítsd. Legyen világos a kézzelfogható kimenet, a fő korlát, az árképzési forma és az egyetlen mérni kívánt cselekvés.

Mivel bizonyítható?

Gyűjts referenciát, képernyőképet, folyamatot, mintát vagy kontextusos véleményt. A legfontosabb ellenvetésre még a gomb előtt adj ellenőrizhető választ.

A szolgáltatói landing oldal 12 szakasza

1. Üzenetazonos hero

Az első képernyő ugyanarra az ígéretre válaszoljon, amelyre a látogató a hirdetésben vagy a kampánylinken kattintott.

A látogató kérdése
Azt, hogy jó helyen jár-e, mit kap, és mi legyen a következő lépés.
Legyen benne
Egy pontos főcím, egy rövid magyarázat, egy elsődleges CTA és csak a döntéshez szükséges vizuális elem.
Tipikus hiba
Általános céges szlogen, több egyforma súlyú gomb vagy a hirdetéstől eltérő ajánlat.
Átvezetés
A hero nevezze meg azt a problémát, amelyet a következő blokk kibont.

2. Célcsoport és problémahelyzet

Ismerős helyzetet ad a látogatónak, hogy eldönthesse: valóban neki szól-e az ajánlat.

A látogató kérdése
Érted-e az én konkrét gondomat, vagy mindenkinek ugyanazt mondod?
Legyen benne
Tünetek, körülmények és olyan kizárás, amely segít az önazonosításban.
Tipikus hiba
Túlzó fájdalomkeltés vagy mesterségesen általános problémafelsorolás.
Átvezetés
A probléma után természetesen következzen a felajánlott megoldás.

3. Ajánlat és várható kimenet

Lefordítja a szolgáltatást arra, mi változik meg az ügyfél munkájában vagy döntési helyzetében.

A látogató kérdése
Pontosan mit kapok, és mire tudom használni?
Legyen benne
Kézzelfogható kimenet, szolgáltatási keret és a bizonytalanságok őszinte jelzése.
Tipikus hiba
Garantált üzleti eredmény, amelyre nincs közvetlen ráhatás.
Átvezetés
A következő rész tisztázza, kinek való és kinek nem.

4. Kinek való, és mikor nem

Csökkenti a rossz minőségű érdeklődést, és bizalmat épít azzal, hogy nem mindenkit próbál meggyőzni.

A látogató kérdése
Illik-e az ajánlat a helyzetemhez és a keretemhez?
Legyen benne
Tipikus jó illeszkedés, szükséges előfeltételek és világos kizárások.
Tipikus hiba
Olyan kizárás, amely valójában burkolt sürgetés vagy lekezelés.
Átvezetés
A megfelelő célcsoport számára ezután részletezhető a tartalom.

5. Előnyök és szolgáltatási tartalom

Egymás mellé teszi az ügyfél számára fontos előnyt és az azt létrehozó konkrét feladatot.

A látogató kérdése
Mit végzel el, és miért számít ez nekem?
Legyen benne
Rövid szolgáltatáselemek, határok és deliverable-ek közérthető nyelven.
Tipikus hiba
Funkciólista következmény nélkül, illetve hangzatos jelzők konkrétum nélkül.
Átvezetés
A felsorolás után mutasd meg, hogyan történik a munka.

6. Folyamat vagy működés

Kiszámíthatóvá teszi, mi történik a kapcsolatfelvétel után.

A látogató kérdése
Mennyi részvételem kell, és mikor kapok visszajelzést?
Legyen benne
Három–öt fontos lépés, felelősségek és jóváhagyási pontok.
Tipikus hiba
Túl részletes belső munkanapló vagy ellenőrizetlen határidőígéret.
Átvezetés
A folyamat után hiteles bizonyíték következhet.

7. Bizonyíték

Alátámasztja az addigi állításokat olyan anyaggal, amely ténylegesen ellenőrizhető.

A látogató kérdése
Mi alapján higgyem el, hogy ezt meg tudod oldani?
Legyen benne
Referencia, névvel és kontextussal közölt vélemény, munkaminta vagy nyilvános módszer.
Tipikus hiba
Kitalált mérőszám, forrás nélküli állítás vagy névtelen, sablonos idézet.
Átvezetés
A bizonyíték vezessen egy kézzelfogható példához.

8. Példa vagy deliverable

Megmutatja, milyen formában kapja meg az ügyfél a megoldást.

A látogató kérdése
Hogyan néz ki ez a gyakorlatban?
Legyen benne
Képernyőkép, anonimizált dokumentumrészlet, prototípus vagy pontos példafolyamat.
Tipikus hiba
Dekoratív stockfotó, amely semmit nem bizonyít.
Átvezetés
A példa után már értelmezhető az ár vagy ajánlatkérési feltétel.

9. Ár, csomag vagy ajánlatkérési feltétel

Kezeli a kerettel kapcsolatos bizonytalanságot azon a részletességi szinten, amelyet a szolgáltatás enged.

A látogató kérdése
Beleférhet-e, és mi határozza meg az árat?
Legyen benne
Fix ár, induló összeg, csomag vagy világos árazási tényezők.
Tipikus hiba
Minden támpont elrejtése, illetve hamis akció és visszaszámláló.
Átvezetés
Az ár után a fő kifogásokat érdemes tisztázni.

10. Kifogások és GYIK

Választ ad a döntést késleltető valós kérdésekre anélkül, hogy elrejtené a korlátokat.

A látogató kérdése
Mi történik, ha változik az igény, nincs kész anyagom vagy segítség kell?
Legyen benne
Négy–hat valódi kérdés tömör, feltételes válaszokkal.
Tipikus hiba
Kulcsszavakból gyártott, senki által fel nem tett kérdések.
Átvezetés
A bizonytalanságok tisztázása után egyszerűsítsd a kapcsolatfelvételt.

11. Alacsony súrlódású kapcsolat

Csak annyi adatot kér, amennyi az első érdemi válaszhoz szükséges.

A látogató kérdése
Mennyi idő és elköteleződés az első lépés?
Legyen benne
Rövid űrlap, válaszidő, adatkezelési támpont és működő mobilmezők.
Tipikus hiba
Túl sok kötelező mező vagy homályos gombszöveg.
Átvezetés
A beküldés előtt még egyszer foglald össze a következő lépést.

12. Pontos záró CTA

Lezárja az érvelést és egyetlen, érthető cselekvést kér.

A látogató kérdése
Mi fog történni, ha most kattintok?
Legyen benne
Konkrét gombszöveg és egy mondat arról, mire számíthat az érdeklődő.
Tipikus hiba
Új ajánlat bevezetése az oldal legalján vagy általános „Tovább” gomb.
Átvezetés
A CTA után már csak jogi és technikai lábléc következzen.

Reszponzív landingoldal-wireframe

Ez a HTML/CSS-alapú oldalváz nem látványterv, hanem a döntési sorrend szemléltetése. Mobilon egy oszlopra rendeződik, ezért az érvelés sorrendje nem függ az asztali elhelyezéstől.

Szemléltető példa: könyvelési konzultáció kampánya

A hirdetés ígérete: „Első pénzügyi áttekintés induló webáruházaknak.” Ha ez a kattintás egy általános könyvelőirodai főoldalra vezet, a látogatónak magának kell megkeresnie, hogy az ajánlat még létezik-e, vonatkozik-e webshopra, és hogyan lehet jelentkezni. Ez a rossz céloldal nem feltétlenül csúnya; egyszerűen megszakítja az üzenetet.

A javított logika: a hero megismétli az első áttekintés tárgyát, a következő rész megnevezi az induló webshopok tipikus bizonytalanságait, majd pontosítja a konzultáció tartalmát és korlátját. Ezután jön a folyamat, a könyvelő ellenőrizhető szakmai háttere, egy szemléltető kérdéslista, az ár vagy ajánlatkérési feltétel, a GYIK és a rövid űrlap. Nincs kitalált konverziós eredmény: a példa azt mutatja meg, hogyan marad folytonos a hirdetés és az oldal mondanivalója.

Meglévő kampányoldalhoz

Nem mindig teljes újratervezés az első lépés

Egy rövid, nyilvános áttekintésből kiderülhet, hogy az üzenetazonosság, a bizonyíték, a mobilos útvonal vagy a kapcsolatfelvétel okoz-e látható bizonytalanságot. A teljes technikai és mérési elemzés külön feladat.

Kérek díjmentes landingoldal-átvizsgálást

Melyik blokkok hagyhatók el?

Alacsony kockázatú, egyszerű ajánlatnál összevonható a célcsoport, a probléma és az előny. Ha az ár fix és a szolgáltatás könnyen érthető, rövid lehet a folyamat és az ajánlatkérési feltétel. Erős, ismert márkánál kevesebb alapbizonyítás is elég lehet. Új szolgáltatásnál viszont a bemutató vagy deliverable fontosabb, mert nincs még sok referencia.

A tizenkét szakaszból azt érdemes kihagyni, amelyre az adott döntéshez nincs szükség — nem azt, amelyhez nehéz tartalmat gyűjteni. Ha például nincs hiteles eredményadat, ne gyárts helyette számot; mutasd meg a módszert, a kész anyagot vagy az ellenőrizhető tapasztalatot.

Mikor rövid, mikor hosszú a jó landing oldal?

Rövidebb oldal

Akkor lehet elég, ha az ajánlat közismert, olcsó vagy kis kockázatú, a látogató már ismeri a márkát, és kevés döntési kérdés marad. A rövidség előny, ha nem vágja le a szükséges bizonyítást.

Hosszabb oldal

Összetett, magasabb értékű vagy ismeretlen szolgáltatásnál több magyarázat, példa és kifogáskezelés kellhet. A hossz önmagában nem erény: minden szakasznak egy új kérdést kell lezárnia.

Hogyan mérd a döntési útvonalat?

1Landing page viewReleváns látogató megérkezett
2TartalomelérésFontos szakaszhoz görgetett
3CTA-kattintásJelezte a szándékát
4Form startMegkezdte az űrlapot
5Sikeres kapcsolatBeküldés vagy igazolt lead

A tölcsér nem bizonyítja önmagában, miért akad el valaki, de megmutatja, melyik lépést érdemes vizsgálni. A sikeres kapcsolatfelvételt külön kell választani a puszta gombkattintástól. A mérés beállításakor ellenőrizd, hogy ugyanaz az esemény nem fut-e kétszer.

10 gyakori landingoldal-hiba

  1. A hirdetés és a hero eltérő ajánlatot ígér.
  2. Az első képernyő nem nevezi meg a célcsoportot.
  3. Túl sok, egymással versengő CTA jelenik meg.
  4. Az előnyök mögött nincs konkrét szolgáltatási tartalom.
  5. A bizonyíték forrás nélküli vagy nem kapcsolódik az állításhoz.
  6. Az ár bizonytalanságát semmilyen támpont nem kezeli.
  7. Az űrlap több adatot kér, mint amennyi az első válaszhoz kell.
  8. Mobilon a gomb, mező vagy fontos szöveg nehezen használható.
  9. A köszönőoldal vagy a sikeres beküldés nincs mérve.
  10. Az oldal új ajánlatot kezd el magyarázni közvetlenül a zárás előtt.

Gyakori kérdések

Kell navigáció egy landing oldalra?

Nem automatikusan igen vagy nem. Kampányoldalnál indokolt lehet a navigáció szűkítése, ha a további linkek elviszik a figyelmet; jogi, hozzáférhetőségi és bizalmi szempontból azonban maradjanak elérhetők a szükséges információk.

Mindig tizenkét blokk szükséges?

Nem. A tizenkét szakasz döntési ellenőrzőlista. Rövid, ismert és kis kockázatú ajánlatnál több rész összevonható vagy elhagyható.

Mi legyen a landing oldal egyetlen célja?

Egy konkrét, mérhető következő lépés: például időpontkérés, ajánlatkérés vagy regisztráció. A másodlagos linkek ne kapjanak vele azonos vizuális súlyt.

A hosszú landing oldal jobban konvertál?

Nincs általános szabály. A szükséges hossz az ajánlat összetettségétől, az észlelt kockázattól, a forgalom előismeretétől és a bizonyíték mennyiségétől függ.

Mit érdemes először tesztelni?

Előbb a mérés hibáit és az üzenetazonosságot ellenőrizd. Ezután a fő állítás, a bizonyíték, a CTA és az űrlap súrlódása adhat értelmes teszthipotézist.

Források és ellenőrizhető háttér

A források a landingélmény, a mérési események, az űrlapok és a tartalom technikai alapjait támasztják alá. A blokksorrend döntési modell, nem garantált konverziós recept.

Kampányból következő lépés

Az oldalváz csak a valós ajánlattal együtt lesz pontos

Írd meg, honnan érkezik a forgalom, mi az ajánlat és milyen kapcsolatfelvételt szeretnél mérni. Ezek alapján tudok a kampányhoz illő tartalmi és fejlesztési irányt javasolni — eredménygarancia nélkül.

Kérek személyre szabott landingoldal-javaslatot