Mit kell látnia a látogatónak az első 5 másodpercben a főoldaladon

Valaki megnyitja az oldaladat a telefonján, a liftben, egy kézzel. A képernyő felső fele áll rendelkezésére — minden, ami görgetés nélkül látszik — és körülbelül öt másodpercnyi türelme van. Ezekben a másodpercekben nem olvas. Rápillant. Egyetlen dolgot dönt el: „ezek az emberek azt csinálják, amire szükségem van, vagy sem?” Ha a válasz nem egyértelmű, visszalép, és megnyitja a következő Google-találatot. Nem azért, mert rosszabb vagy — hanem mert öt másodperc alatt nem értette meg, hogy mi vagy.

Ezt a felső zónát nevezik hero szekciónak. Ez az egész oldal legdrágább szelete, mert minden látogató látja, és a legtöbben soha nem jutnak alá. Az oldal többi része — szolgáltatások, galéria, „rólunk”, vélemények — csak akkor számít, ha a hero megnyerte azt az első öt másodpercet. Ez a cikk kizárólag erről a szeletről szól, nem arról, hogy egy oldalnak milyen aloldalai legyenek.

A három kérdés, amelyre a hero azonnal válaszol

Az az ember, aki az oldal tetejére érkezik, anélkül, hogy tudatosulna benne, három kérdést tesz fel sorban. A hero mindháromra válaszolnia kell, mielőtt bármit is görgetnének:

• Mit csináltok? — Nem „innovatív megoldások”, hanem „hűtőket javítunk”, „weboldalakat építünk”, „gyerekhajat vágunk”. Azokkal a szavakkal, amelyeket ő használna, nem a tieiddel.
• Kinek, és hol? — „Kolozsváron és környékén”, „fogorvosi rendelőknek”. Az emberek fel akarják ismerni magukat: „igen, ez az én esetem”.
• Mit tegyek most? — Egyetlen világos gomb. Hívj, Kérj árajánlatot, Foglalj most. Ha nem tudja, hova nyomjon, elment.

Ha a látogató nem tudja megválaszolni ezt a hármat a szemével az első képernyőn, akkor a hero nem végzi a dolgát, bármilyen szép is a háttér.

Egy jól konvertáló hero anatómiája

Nincs benne varázslat — öt elemből áll, abban a sorrendben, ahogy a szem elkapja őket:

• A főcím (H1) — konkrét ígéret, nem szlogen. „Vízszerelés Kolozsváron, számlával és garanciával” minden alkalommal legyőzi az „Otthonod kényelme” típusú mondatot. Az előnyt írd le, ne a költészetet.
• Az alcím — egyetlen mondat, amely megmondja, kinek szól, és eloszlatja a fő kételyt: „24 órán belül érkezünk, az árat elmondjuk, mielőtt hozzákezdenénk”.
• Az elsődleges gomb (CTA) — csak egy, igével, a te hangodon: „Kérj árajánlatot”, „Foglalj asztalt”. Nem „Küldés”, nem „Kattints ide”.
• A bizalmi jelzés — egy rövid sor a gomb alatt: „több mint 200 elvégzett munka”, „valódi vélemények a Google-on”, egy ügyfél logója. Egy mondat, nem egy bekezdés.
• A kép — valódi fotó rólad, a csapatodról, a helyedről. Nem stock kép öltönyös emberekről, akik kezet ráznak. A látogató azonnal megérzi a hamisat.

A szabály, amely szerint dolgozunk: ha egy elem nem segít a három kérdés valamelyikében, nincs helye a heróban. Lejjebb toljuk, vagy kidobjuk.

Mennyi szöveget tegyél oda valójában

Sokkal kevesebbet, mint gondolnád. Fent a szem egy főcímet olvas el, és legfeljebb egy alcím-mondatot. A többi zaj, amit az agy átugrik. Egy jó hero két másodperc alatt felolvasható, botladozás nélkül.

• Főcím: 5-9 szó. Ha egy levegővel nem tudod elolvasni, túl hosszú.
• Alcím: egy mondat, telefonon legfeljebb két sor.
• Gomb: 2-3 szó, egyetlen ige.

A klasszikus hiba a manifesztum-bekezdés a tetején: három mondat „a minőség iránti szenvedélyünkről”. Senki nem olvassa el. Vidd a történetet a „Rólunk” oldalra, és hagyd fent csak az ígéretet és a gombot.

A hibák, amelyek kiszívják a hero erejét

Szinte minden oldalon látjuk őket, amelyet átveszünk:

• Egy magától forgó körhinta (carousel) — lecseréli az üzenetet, mielőtt megragadnád, és kimozdítja a gombot a hüvelykujjad alól. Egy világos üzenet legyőz ötöt, amely elszalad.
• Két vagy három egyenrangú gomb — amikor minden fontos, semmi sem az. Egy elsődleges gomb, a többi halkan.
• Üres szlogen a főcím helyett — a „Együtt előre” nem mondja meg, mit csinálsz. A főcím az a hely, ahol pontosan megnevezed a szakmát.
• Szöveg egy túl zsúfolt fotón — ha telefonon, napsütésben nem olvasható, akkor egyáltalán nem olvasható.
• A gomb a hajtás alatt — ha görgetni kell, hogy lásd, mire kell nyomni, az emberek fele soha nem látja meg.

A hero, szakmákra lefordítva

Ugyanaz a három kérdés, más ruhában:

Figyeld meg: sehol nincs „üdvözlünk”, sehol nincs „minőség és profizmus”. Csak az, hogy mit csinálsz, hol, és mire nyom rá az ember.

A legjobb ellenőrzési módszer: az 5 másodperces teszt

Add oda a telefont a nyitott oldaladdal egy ismerősnek, aki nem tudja, mit csinálsz. Tartsd öt másodpercig a szeme elé, majd takard le. Kérdezd meg: „mit csinálnak ezek az emberek, kinek, és mire nyomnál rá?” Ha bármelyiknél habozik, a hero lyukas. Ingyenes és könyörtelenül őszinte.

Ha mélyebben szeretnéd megérteni, hogy egy teljes oldalnak mennyi szövegre és hány aloldalra van szüksége, van egy külön útmutatónk arról, mennyibe kerül egy weboldal, és egy másik arról, miért van szükséged weboldalra, amelyek túlmutatnak az első szekción.

Mibe kerül jól megcsinálni a herót

A hero nem külön vásárolható meg — ez az első oldal szíve, és a kezdetektől beletervezzük bármelyik csomagba:

• Landing page (egy oldal, minden az első képernyő és a gomb köré építve): €290-490
• Bemutatkozó oldal (több oldal, erős hero mindegyiken): €490-890
• Webshop: €690-től
• Karbantartás (megváltoztatjuk az üzenetet, az ajánlatot, a fotót, amikor szükséged van rá): €29/hónaptól

Az ár attól függ, hány oldalt szeretnél, és mennyi tartalmad van készen. Egy jól átgondolt hero ugyanannyiba kerül, mint egy rossz — a különbség az, hogy az egyik megtölti a naptárat, a másik nem.

Hadd mutassuk meg, ne csak mondjuk

A legegyszerűbb, ha a saját szemeddel látod. Építünk neked egy ingyenes első oldal demót, a vállalkozásodhoz igazított heróval — az üzenettel, az ajánlattal, a gombbal — és a helyszínen eldöntöd, hogy tetszik-e. Írj nekünk WhatsAppON a wa.me/40750257140 címen, és mondd el, mit csinálsz. A többit intézzük mi.