3+1 dolog, amit a landing page hajtás feletti része tartalmazzon

Iratkozz fel az új részekre

 

A podcast epizód összefoglalója

A Made in Marketing Podcastban ezúttal a landing page hajtás feletti részével foglalkozunk: ahhoz kapsz segítséget, hogy milyen szöveges és vizuális elemeket tartalmazzon ez a kitüntetett terület. 3+1 konkrét, bármely landing page-nél alkalmazható tippet kapsz. Beszélgetőtársak: Hargittai Nóra az Onlife szövegírója, és Ungvári Péter, az Onlife társalapítója.


Mit értünk hajtás felett? És miért fontos?

A hajtás feletti terület az a rész egy weboldalon (így a landing page-eken, kampányoldalakon is), amit még görgetés nélkül elolvasnak a látogatók, és amelyből akár már azonnal konvertálnak (de legalábbis tovább haladnak az oldalon).

A “fold”, a hajtás az újságok címlapjáról került a webdizájnba. A hajtás feletti rész az, amit egy összehajtott újságból az olvasók láthatnak egy újságosstandon és remélhetőleg felkelti annyira a figyelmüket, hogy épp azt az újságot válasszák.

A hajtás feletti rész kultusza az első weboldalak idejében még érthető volt (szokni kellett a görgetést). De van létjogosultsága akkor, amikor már nemcsak görgetni szoktunk és számtalan eszköz és képernyőméret létezik?

Igen, feltétlenül. De épp ezért nincs egységes sablon, vagy minta a hajtás feletti részre, nem a betűméret, vagy a gombok színe és formája számít. A kérdés az, hogyan kelted fel a figyelmet és adod át az ajánlat lényegét a rendelkezésedre álló pár másodperc alatt. (Merthogy nincs több időd: ha nem elég érdekes a hajtás feletti rész, elhagyják az oldalt.)

Vannak olyan vélemények is, miszerint a hajtás feletti részről annyit beszélünk, hogy ezért végül a hajtás alatti részt alulértékeljük. Merthogy az emberek túlnyomó többsége igenis tovább olvas. (Hacsak tényleg nem olyan riasztó élmény a hajtás feletti rész, hogy elmenekül. Vagy – ami az igazi öngól – nem veszi észre, hogy az oldal tart még.)

Egy 10 000 weboldalt analizáló vizsgálat során azt találták például, hogy az emberek az oldalak 76%-ánál görgettek, 22%-uk végig is görgetett az oldalon. Szóval a felhasználók ha akarnak, továbbhaladnak, de a hajtás feletti rész is fontos számukra. (Konkrétan a scrollozást, mint felhasználói viselkedést is vizsgálták már: határozottan változott az internet hőskorától: míg kezdetben a felhasználók ritkán görgettek, mára megtanulták.)

Épp ezért tehát nincs két egyforma hajtás feletti rész. 

Van egy cél (átadni az ajánlat lényegét, és ezzel az oldalon tartani a felhasználót), és ehhez vannak bevált eszközök: ezeket fogod most hallani.

Mit tartalmazzon a hajtás feletti rész? Ezt a 3+1 dolgot:

  1. Látványt, ami első látásra beszippantja a látogatót.

Az, hogy elég vonzó-e a látvány a landing page-en, szó szerint egy szempillantás alatt eldől (mivel tényleg ez a legelső élmény, ezzel kezdjük a felsorolást).

Egy vizsgálat kapcsán azt is tudjuk, hogy a látogatók mindössze 50 ezredmásodperc alatt felmérik egy weboldal vizuális vonzerejét. (Ekkor még nem biztos, hogy a mondanivalót is szkennelik, de már képesek véleményt alkotni arról, hogy tetszik-e nekik a látvány.)

Mire figyelj? 

  • A látványhoz tartozik először is a cég, a márka logója, használd hajtás felett.
  • A brand részei az arculati színek és a betűtípus(ok) is. Ezeket is használd, persze következetesen, ne legyen szín- és betűtípus-kavalkád a hajtás felett.
  • Több arculati elemet ne zsúfolj a hajtás fölé, mint amennyi feltétlenül szükséges. A látvány ne harsogja túl a szöveget, csak álljon a szolgálatában. 
  • A hajtás feletti rész ritkán áll meg csak szövegesen (nem lehetetlen, ha tudsz rá szép példát, küldd el nekünk bátran.) Használj tehát egy látványos vizuált is. 

Mi lehet ez a vizuál?

  • Fizikai termék esetén a packshot, a terméked (vitamin, könyv, kerékpár).
  • Lehet a célcsoportod (akár egyetlen személy is, aki a buyer personát reprezentálja).
  • Lehetsz akár te is, ha terméked rád épül, ha személyes márkád erős.
  • És lehet “bármi más” (mint egy helyszín, egy tárgy, vagy valami elvontabb dolog, ami illik a témához).
  • Kép, videó és animáció egyaránt lehet a hajtás felett – feltéve, ha nem lassítja le az oldal betöltődését.

Arra is vigyázz, hogy a kép, a videó legyen igényes, profi, ne okozzon csalódást. Nem feltétlenül a képminőségre gondolunk. Már azzal is csalódást okozhatsz, ha a kép nem illik az oldalhoz, ha zavart okoz, mert nem világos a kép és a téma közti kapcsolat. Ha nincs más, akár stock képet is használhatsz – csak legyen jó minőségű. Nézd meg versenytársaidat, ők milyen képeket használnak, ez segíthet belőni, milyen irányba indulj. Ha stock fotót használnak, ne állj be a sorba, és ne használd ugyanannak az ingyenes képnek a sokadik verzióját…

  1. Jöjjön a fő értékajánlat (és némi magyarázat).

A hajtás feletti szöveggel az a feladatod, hogy átadd az értékajánlatod lényegét, és ezzel az oldalon tartsd a látogatót.

A hajtás feletti rész szövegét 

  • a fősor mellett 
  • az a pár bekezdésből álló magyarázat alkotja, amellyel kifejted és igazolod az értékajánlat főbb előnyeit.

Az értékajánlattal azt foglald össze, hogy mi ez, kinek és miért jó? Mi fog változni az életében, ha termékedet választja? Akár azonnal döntésre bírhatod ezzel a szöveggel vásárlót, de az is remek eredmény, ha az oldalon maradnak.

A fősor, a headline írása külön epizód témája lehetne. Foglalkoztunk már vele az első mondatokról szóló podcastban is, az első mondatok szemszögéből, kérlek, hallgasd meg, ha még nem tetted!

Mutatunk 3 fősor-formulát, ami mi magunk is előszeretettel használunk, konkrét példákkal. 

Bármelyiket könnyen adaptálhatod, próbáld meg! 

Arra ügyelj, hogy a fősor összhangban legyen a forgalmi forrásban (hírlevélben, hirdetésben) használt üzenettel.

  • [Íme a termék] a [konkrét eredményért]. 

Ebben a formulában a termék használatával elérhető eredményt állíthatod középpontba.

  • “DiSC alapú kommunikációs tréning az eredményes csapatodért.” (Itt látod magát az oldalt.)
  • “A 4 eszköz, amely menedzserek millióit tette eredményessé”. (Itt látod az oldalt.)
  • “A legteljesebb magyar LinkedIn tréning a hatékony álláskereséshez és személyesmárka-építéshez” (A tartalommarketingről szóló félnapos online konferencia, az OnlifeX egyik előadójának, Erdőssy Gellértnek landing page-e).

  • [Csináld ezt] és [ez történik veled]. 

Ez is hasonló formula, csak nagyobb hangsúlyt kap a cselekvésre biztatás.

  • “Csatlakozz az (egyik) legsikeresebb magyarországi BNI csoporthoz és hódítsd meg a következő hegycsúcsot a vállalkozásoddal.” (Ez a BNI egyik csoportjának oldala.)
  • “Attól a perctől kezdve, hogy ráeszmélsz arra, milyen értékes is vagy valójában, radikális fordulatot vesz az életed.” (Knapek Éva klinikai szakpszichológus Elég jó vagyok konferenciáját hirdető landing oldal fősora. A szépségét a kijelentő mód adja: nem azt mondja, hogy eszmélj rá, milyen értékes vagy, és radikális fordulatot vesz majd az életed, hanem tényként közli, hogy ez így van.)

Hasonló példák angol nyelven: 

  • “Today’s the day. Learn from the world’s best” – “Eljött a nap. Tanulj a világ legjobbjaitól” (Masterclass)
  • “Turn Clicks into Customers” – “Klikkekből vásárlókat!” (Leadpages)
  • “Give your smile to the spotlight!” “Helyezd a mosolyodat reflektorfénybe!” (Gleem elektromos fogkefe). Az utóbbi két példában a tömörítést is megfigyelheted. Lehetne azt mondani, hogy “Moss fogat a fogkefénkkel és a mosolyod reflektorfénybe való lesz”, de a formula második fele is elég (ez történik veled). A hiányzó részt maga a termék neve, látványa pótolja.

  • [Itt a termékünk], [ami ezért különleges neked]. 

Végtelenül egyszerű, mégis nagy körültekintést igénylő formula. Látszólag csak egy állítást teszel, de nem mindegy, milyet. Fogalmazz állításodba egy olyan faktort, ami a célcsoport számára nagy hírértékkel bír. Például mert várakozást teljesít, elkápráztatja, meggyőzi arról, hogy problémája megoldást nyer.

  • “Onlife Management Bootcamp: januárban indul a 2. csoport”. (Itt látod az oldalt. A hírérték az, hogy aki lemaradt, az csatlakozhat, illetve önmagában is erős üzenete van annak, hogy ez a kivételes, 10 hónapos program folytatódik, ami azért lehetséges, mert nagy volt az érdeklődés.)
  • “Végre itt: Made in Marketing, az Onlife marketing témájú „podcastja” (podcastunk oldalán a hírértéket az adja, hogy a közönségünk várakozását teljesítettük).
  • “Hallgasd a #1 hazai podcastot menedzsment kategóriában” (Onlife Management Podcast, ez önmagáért beszél)
  • “AMERICA’S #1 SELLING COLLAGEN BRAND*” (Vital Protein)

Az utóbbi két példánál nagyon fontos, hogy az állításnak legyen alapja, és ezt is tüntesd fel. A podcast esetében ezek az Apple adatai, a kollagénnél forgalmazási adatok:

  • (Apple Podcasts, 2021. július 21–)
  • Unflavored Collagen Peptides. *SOURCE: SPINS, TOTAL US MULO + NATURAL ENHANCED, L52 weeks ending 09/05/21.

A fősor azonban még kevés, szorosan hozzátartozik a kifejtés, a bővebb magyarázat

A hajtás feletti rész fősoron kívüli szövegét kezeld bátran rugalmasan, már az elrendezését tekintve is. Nem kell feltétlenül a fősor alá kerülnie, lehet szöveg a fősor felett és alatta is. (Hagyományosan a fősor alatti szöveget hívják subheadline-nak.)

Hogyan építsd fel a fősoron kívüli szöveges részt?

  1. Írj egy olyan sort, amivel “felszítod a tüzet”, ezt a fősor fölé is helyezheted. (Ez nem kötelező, csak ha van egy olyan erős állításod, melyet kirakatba tennél.)

Néhány saját példánk:

  • “Hogyan hódítsd meg és domináld a piacodat a tartalommarketing stratégiai eszközével?”
  • „Ezt a kurzust KÖTELEZŐVÉ tenném minden menedzsernek”
  • “Eszméletlen összeszedett anyag, simán pénzért adják ezt a szintet (és meg is érné).”
  • Brand new masterclass + bonus (Amy Porterfield példája)

  1. A fősor alatt, a klasszikus subheadline-részben fejtsd ki bővebben, miről van szó. Ez tehát a fősor alatti pár sor. Itt gyakorlatilag megismételheted az ajánlatot, csak bővebben, a legfőbb előnyeit, és várható eredményét kiemelve (szó szerint viszont ne ismételj). 

Két példa:

a.

Az első, saját példában az a várható eredmény, hogy megtudod, mit nem értél rá megcsinálni 10 éve. 

3+1 dolog, amit a landing page hajtás feletti része tartalmazzon 1

b.

A másodikban az, hogy elkezded megbecsülni magad (ennek az első lépése az esemény, amire meghívnak – ez a már említett Elég jó vagyok konferencia).

3+1 dolog, amit a landing page hajtás feletti része tartalmazzon 2

  1. Még mindig elbír némi szöveget a hajtás feletti rész, de ennek csak akkor van értelme, ha valóban ki tudsz emelni olyat, ami a meggyőzést szolgálja. Ilyen lehet: a problématudat erősítése, vagy a célcsoport szűkítése.

Ebben a saját példában a problématudatot erősítő szöveg került még a hajtás fölé:

3+1 dolog, amit a landing page hajtás feletti része tartalmazzon 3

Itt pedig az előadókat emeli a szöveg (olyanok, akikre maguk a szervezők is felnéznek).

3+1 dolog, amit a landing page hajtás feletti része tartalmazzon 4

  1. Mondd el egy (vagy két) hajtás feletti CTA-val, hogy mit csináljon a látogató.

Ismételjük át: a hajtás feletti rész célja, hogy a látogatók tovább olvassanak, hogy tovább juttasd őket a következő lépcsőfokra a konverzió felé vezető úton.

A CTA-nak ebben kitüntetett szerepe van. 

A CTA jelentése Call to Action, praktikusan egy kattintható gombot értünk alatta. Hajtás felett akár kettőt is használhatsz.

Ha két CTA-t használsz, az egyikkel vezess tovább az oldalon (a következő tartalmi blokkhoz), a másikkal vezess közvetlenül az ajánlathoz.

Nézzünk először ilyen CTA-kat, ahol a következő blokkhoz ugrás a cél (ne felejtsd, ezzel elsősorban azt véded ki, hogy azt gondolják, hajtás felett véget ért az oldal).

  • Kérem / mutasd a részleteket
  • Tovább a részletekhez.
  • Megnézem a [ide írd azt írd, miről olvashat, pl. a csomagokat]

Ha az oldal konverziós céljára, az ajánlatra akarsz utalni:

  • Kérem a [konkrét terméket]
  • Kérem a [demót]
  • Mutasd a [jegyeket]
  • Mutasd az [ajánlatot]
  • [Konkrét terméket] szeretnék
  • Lefoglalom a helyem (ha rendezvényről van szó)

Hogyan írd meg a CTA-kat? Az olvasó szempontját vedd figyelembe. Az ő vágyát, kíváncsiságát fejezd ki arra nézve, hogy mi történjen (megnézem, kérem, mutasd). 

  1. (vagyis 3+1:) Helyezz az oldalon belüli navigációt segítő menüsort is a hajtás fölé.

Felkaphatod a fejed: menüsor? 

Nem zárt térben kell tartani a látogatót? Általában véve ez igaz is, egy landing page legyen zárt tér. De senki sem mondta,hogy ne segíthetnél a tájékozódásban a látogatónak.

Épp ezért a hajtás felett is lehet menüsor, és ezzel nem üldözöl el senkit az oldalról, hanem épp ellenkezőleg, segítesz neki navigálni, továbbhaladni a landing page-en.

A menüpontokat az oldal főbb tartalmi egységeinek megfelelően nevezd el. Ezek ideális esetben fedni fogják a meggyőzés lépcsőfokait is. Íme egy saját példánk:

3+1 dolog, amit a landing page hajtás feletti része tartalmazzon 5

(menü az Onlife Management Bootcamp oldaláról)

  • kinek szól (a célcsoport meghatározása)
  • a folyamat (a megoldásod)
  • hogyan tanulunk (a terméked jellemzése)
  • miért ti? (miért téged válasszon)
  • csapat (a céged, a csapat bemutatása)
  • árak (útban vagyunk a CTA felé, az ár az utolsó előtti állomás)
  • érdekel a bootcamp (CTA)

Ha egy kampányban weboldalad nyitólapját használod landing page-nek (mert ezt is megteheted), maradhatnak a menüpontok az oldalon, feltéve, ha hasonlóképpen a termékhez, a szolgáltatáshoz kapcsolódnak.

Amit ne tegyél: ne helyezz a hajtás fölé olyan menüpontokat, melyek tényleg elnavigálják az olvasót. Semmi helye egy landing page-en céged többi szolgáltatásának vagy más üzletágainak (kivéve, ha tényleg nagyon szorosan kapcsolódnak a témához.)

Ha van szerepe a sales folyamatban, akkor telefonszám, e-mail cím is szerepelhet a hajtás felett. vagyis ha az e-mail címre írva, vagy telefonálva közelebb jut a konverzióhoz, netán konvertálhat. Ha ez nem áll fenn, akkor csak összezavarod, zsákutcába vezeted az olvasót, hagyd le ezeket a hajtás feletti részről. 

Mi az a 3+1 dolog, amit a landing page-ed hajtás feletti része tartalmazzon?

3+1 dolog, amit a landing page hajtás feletti része tartalmazzon 6

  1. Látvány, ami első látásra beszippantja a látogatót.
  2. Főcím és értékajánlat arról, milyen változást hoz az olvasó életébe ajánlatod.
  3. Egy (vagy két) hajtás feletti CTA (gomb) arról, hogy mit csináljon.
  4. A landing page-en belüli navigációt segítő menüsor.

Oszd meg másokkal is

Share on facebook
Megosztom
Share on linkedin
LinkedIn
Share on email
Elküldöm e-mailben

Ezeket hallgattad már?