A landing oldalak nem brosúrák: Öt mítosz, amit ma el kell felejteni

Összefoglaló

A legtöbb landing page tanács azt mondja, hogy tedd széppé az oldalt. Ez rossz kiindulópont. A landing page-nek egyetlen feladata van: eljuttatni a látogatót egy hirdetésből, e-mailből vagy keresési találatból egy konkrét művelet elvégzéséhez. Egy kis belső csapatban minden irányból nyomás nehezedik rád – és a dekorációt könnyebb megvédeni, mint a fókuszt. Ez a cikk elválasztja a mítoszokat a landing page tervezés valóságától, konkrét példákkal, egy mítosz/valóság összehasonlító táblázattal, és gyakorlati lépésekkel, amelyeket meg tudsz védeni egy nem technikai főnök előtt. Vágd ki a zavaró tényezőket, vezesd előnnyel, tedd lehetetlenné, hogy ne vegyék észre a cselekvésre ösztönző gombot, és egyszerre csak egy változtatást tesztelj. Így tudod valójában növelni a konverziót.

A legtöbb landing page tanács rossz sorrendet követ. Esztétikával kezdi: válassz betűtípust, szerezz fotókat, válassz színpalettát. Az esztétika nem konvertál. A látogató, aki rákattint egy hirdetésre, e-mailre vagy keresési találatra, tranzakció közben van. Már megtette a mikro-elköteleződést a kattintással. Az oldalad vagy viszi ezt a lendületet, vagy megöli. A leggyorsabb módja annak, hogy megöld, ha egyszerre mutatod meg a teljes céget. Ne kezeld a landing oldaladat brosúraként. Kezeld úgy, mint egy útkereszteződést: egy ösvény, egy művelet, nincs rossz kanyar.

Mítosz: A látogatóknak teljes körképre van szükségük

Képzeld el egy átlagos keddet. A főnököd jóváhagy egy kampányt egy új raktárnyilvántartó funkcióhoz. Azt kéri, hogy a landing oldal tartalmazza a teljes navigációt, mind a tizenkét funkciót, egy 'Miért mi' részt, három ügyféllogót, és egy ártáblázatot. 'Adj nekik mindent, hogy megértsék a teljes terméket' – mondja.

Megépíted. Az oldal az egész cég térképévé válik: nyolc linkkel teli navigációs sáv, egy hero carousel, amely egymáshoz nem kapcsolódó előnyöket pörget, egy oldalsáv friss blogbejegyzésekkel, és egy dashboard-képernyőkép, ami nem egyezik a hirdetéssel. A látogató egy Facebook-hirdetésből érkezett, amely 10 perces beállítást ígért egy kiskereskedelmi raktárnak. Nem akarnak térképet. Meg akarnak erősítést, hogy a következő lépés lehetséges. A szemük hat másodpercig ugrál. Aztán rákattintanak a logóra és távoznak.

A kudarc mögött álló elv egyszerű. A landing page egy önálló oldal egy adott kampányhoz, és egyetlen célja, hogy egy műveletre ösztönözzön. Ha hozzáteszed a fő navigációt, minden látogatónak kijáratot adsz. A landing page tervezés jó iránymutatásai ugyanazt a szabályt ismétlik: távolítsd el a fő navigációt, minimalizáld a zavaró tényezőket, és tartsd az oldalt egyetlen célra fókuszálva.

Mit csinálj a körút építése helyett: Minden elemnél tedd fel a kérdést. Segít ez valakinek gyorsabban végrehajtani a kívánt műveletet? Ha nem, vágd ki. Tartsd meg a jogi linkeket, mint az adatvédelmi és a feltételek, sima szöveges linkként a láblécben. Tarts meg egy címsort, egy vizuális elemet, egy CTA-gombot. Az oldal egyetlen feladata, hogy megválaszoljon egyetlen kérdést, majd kérje a műveletet. Amikor a főnököd ellenkezik, mutasd meg neki a hirdetést. 'Ezt ígérte a látogatónak. Ezt szállítja az oldal. Tedd a kettőt egyezővé.' Az üzenet egyezése a hirdetés és a landing oldal között többet tesz a konverzióért, mint bármilyen elrendezési minta.

Mítosz: A hosszú szöveg komoly terméket jelent

Egy projektmenedzsment eszköz termékmenedzsere egy 3000 szavas oldalt ír. Lefedi a teljes terméktörténetet, minden háttérfunkciót, minden munkafolyamat képernyőképét, és egy GYIK-et tizennégy válasszal. A logikája egyszerű: több részlet egyenlő nagyobb bizalommal. A látogató logikája más. A szemük egy szövegfalba ütközik, elkapnak egy 150 szavas bekezdést az időkövetésről, és megnyomják a vissza gombot. Nem azért olvastak kevesebbet, mert lusták. Azért olvastak kevesebbet, mert a szöveg a céggel vezetett, nem azzal az eredménnyel, amiért jöttek.

Az igazi elv: a jó landing szöveg előnyvezérelt és pásztázható. Egy tiszta címsor megnevezi az eredményt. Egy rövid alcím megmondja, kinek szól. Három-öt felsorolás leírja, mi változik a cselekvés után. Egy CTA kéri a következő lépést. A fehér tér nem pazarlás. Az a keret, amely láthatóvá teszi a fontos elemeket. Az az oldal, amely tiszteletben tartja a látogató figyelmét, meg is kapja a látogató figyelmét.

Az átírási gyakorlat, amely működik: vegyél minden mondatot, és írd át úgy, hogy 'te'-vel kezdődjön a 'mi' helyett. 'Részletes időkövetésünk van' legyen 'Kövesd nyomon csapatod minden óráját, ügyfél és projekt szerint.' '40 eszközzel integrálunk' legyen 'Csatlakoztasd a már használt eszközöket, beállítás nélkül.' Aztán törölj minden mondatot, ami még mindig funkciólistának hangzik. Ez a leggyorsabb szövegvágás, amit megtehetsz. Az új verzió fele olyan hosszú lesz, és kétszer akkora erővel bír. És a főnöködnek egy egyszerű, látható különbséget ad, amit jóváhagyhat.

Mítosz: Az újradizájn megjavítja a konverziót

A főnököd hazajön egy konferenciáról egy versenytárs landing oldalának képernyőképével. A hero hatalmas animált háttérrel rendelkezik. A fejléc borotvavékony. Ugyanazt az energiát akarja az új márkakampányban, így a csapat egy hónapot tölt egy teljes újradizájnnal: új hero, új tipográfia, új paletta. Az oldal szebb. A konverziós arány nagyjából ugyanakkora.

Miért? A probléma soha nem a festék volt. A CTA kicsi volt, a görgetési vonal alatt, és versengett három másik gombbal. A címsor funkciókat írt le, nem eredményeket. A űrlap telefonszámot kért, mielőtt a látogató értéket látott volna. Az újradizájn megváltoztatta a ruhát, de nem a csontvázat.

Az elv: a landing oldal optimalizálása a cselekvést vezérlő elemek szisztematikus javítása: címsor, vizuális elemek, bizonyíték, és cselekvésre ösztönzés. A vizuális hierarchia az a mechanizmus, amely a szemet vezeti. A CTA-nak a legkiemelkedőbb elemnek kell lennie az oldalon. Ha a szem egy logóra, fotóra vagy navigációs elemre esik, mielőtt a gombra, a hierarchia rossz.

Tehát mielőtt újjáépítést javasolnál, először auditáld a meglévő oldalad. Hova esik először a szem? Látható a CTA görgetés nélkül? Egyezik a címsor azzal a hirdetéssel, amely idehozta a látogatót? Olyan rövid a űrlap, amilyen rövid lehet? Aztán tesztelj egyszerre egy változtatást. Változtasd a címsort, mozgasd a gombot, távolíts el egy űrlapmezőt. Kis célzott változtatások jobban növelhetik a konverziót, mint egy teljes újradizájn, ezért egy tesztelés alatt álló oldal ver egy megbeszéléseken vitatott oldalt. Tanuld meg szeretni a csúnya, de konvertáló oldalt. A jó vizuális hierarchia az a kéz, amely a kattintás felé vezeti a látogatót.

Mítosz: Több logó nagyobb bizalmat jelent

Egy kiberbiztonsági startup húsz logóval tölti meg a landing oldalát. 'Az év cége', 'Az év partnere', 'Látható itt...'. A logók egy szürke sávban ülnek a lábléc felett. A látogató soha nem hallott róluk. Nem érzik megnyugtatva magukat. Figyelmen kívül hagyva érzik magukat.

A bizalom nem szám. A bizalom egy igen egy konkrét kérdésre, amelyet a látogató közvetlenül a döntés előtt tesz fel: 'Ez olyasvalaki számára van, mint én? Működni fog itt? Biztonságos?' Ez a kérdés a CTA előtti két másodpercben történik. Ha a válaszod erre a kérdésre nincs azon a helyen, a bizalom nem érkezik meg.

Mi működik helyette: válassz egy bizonyítékelem, amely illeszkedik a látogató kételyének pillanatához. Egy ajánlás egy hasonló cégnél dolgozó, azonos munkakörű személytől, aki ugyanazt a problémát írja le, felülmúlja a díjlogók sorát. Egyetlen képernyőkép a termékről működés közben felülmúlja a logófalat. Egy rövid mondat a biztonsági tanúsítványodról felülmúl három bekezdésnyi zsargont. Helyezd ezt a bizonyítékot közvetlenül a CTA mellé, ahol a kétely valójában kialakul. Egy erős idézet egy eredményről többet ér, mint egy általános dicséreteket pörgető csúszka. Ha az elhelyezés mechanikájára kíváncsi, tanulmányozd, hogyan használja a bizalomépítés az elrendezéssel a közelséget és a konkrétságot, hogy helyben megválaszolja a kételyt.

Mítosz: A bevált gyakorlatok mindenhol működnek

Két csapat ugyanazt a forgatókönyvet követi. Az A csapat egy alacsony árú PDF-eszközt árul. Eltávolítja a navigációt, egy hatalmas címsort használ, és beilleszt egyetlen e-mailgyűjtő űrlapot. A konverzió javul. A B csapat szabályozott pénzügyi szoftvert árul hat számjegyű szerződéssel. Lemásolja pontosan ugyanazt a mintát, és törli a 'Tudj meg többet' linkeket a megfelelőségi dokumentációhoz. A híváscentrum forgalma megduplázódik, mert az érdeklődők nem találják a jogi szöveget, ami biztonságérzetet ad nekik. Mindkét csapat bevált gyakorlatok szerint járt el. Közülük csak az egyiknek van joga hibáztatni a tanácsot.

A bevált gyakorlatok minták, nem törvények. A kontextus dönt. A közönség megfontolási szintje, a vásárlás kockázata, a szabályozási korlátok, és a látogató előzetes tudása mind formálják azt, hogy mi működik. Egy alacsony megfontolást igénylő fogyasztói letöltés súrlódásmentes űrlapot akar. Egy magas megfontolást igénylő vállalati vásárlás bizonyítékot, részleteket, és egy egyértelmű biztonsági hálót akar.

Ez a 'távolíts el minden navigációt' szabály határa is. Az adatvédelmi, a feltételek és a biztonsági oldalaknak elérhetőknek kell maradniuk. A láblécben lévő sima szöveges linkek teljesítik a követelményt menü felépítése nélkül. Eltávolíthatod a körutat a vészkijárat eltávolítása nélkül. Magyarázd el ezt az alkut a főnöködnek egyszerűen: az átláthatóság nem ugyanaz, mint a titkolózás.

Amikor a főnököd a 'formulát' kéri, ne adj neki egyet. Adj neki egy hipotézist mérési tervvel. 'El fogjuk távolítani a navigációt, előnnyel vezetünk, és feljebb mozgatjuk a CTA-t. Íme, mit fogunk mérni előtte és utána. Ha működik, megtartjuk. Ha nem, mást változtatunk.' Ez a keret megvéd, amikor egy bevált gyakorlat kudarcot vall, és hozzászoktatja a nem technikai főnököt az iterációhoz, nem a tökéletességhez. Marketingesként hangzol, aki kísérleteket futtat, nem pedig designerként, aki ízlést hajszol.

Mítosz és valóság: a teljes térkép

Íme, hogyan néz ki minden mítosz, ha összeveted a bizonyítékokkal:

Mítosz	Valóság
A látogatóknak teljes körképre van szükségük a vállalatodról.	A látogatóknak egyetlen egyértelmű műveletre és kijáratok nélküli útra van szükségük.
A hosszú szöveg bizonyítja, hogy alaposak vagyunk.	Az előnyvezérelt, pásztázható szöveg tiszteletben tartja a figyelmet.
Az újradizájn megjavítja a konverziót.	Az iteratív finomhangolás a címsorban, hierarchiában és CTA-ban viszi előre a mutatót.
Minden logó növeli a bizalmat.	A releváns bizonyíték a CTA mellett felülmúlja az általános jelvényeket.
A bevált gyakorlatok mindenhol működnek.	A kontextus és a tesztelés az egyetlen univerzális szabály.

Amit most tenned kell

Beszéljétek meg azt, amit meg tudsz védeni. 'Ennek az oldalnak egyetlen feladata van: rávenni a látogatót, hogy demót kérjen. Eltávolítottam a navigációt, a címsort az ügyfél kimenetele köré írtam, és a gombot oda tettem, ahol görgetés nélkül látható. Következő lépésként teszteljük, hogy egy rövidebb űrlap növeli-e a beküldéseket. Egyszerre egy változtatás, előtte és utána mérve.' Egy nem technikai főnök ezt jóváhagyhatja. Nem hagyhatja jóvá azt az érvelést, hogy a hero sötétszürke vagy világosszürke legyen.

Aztán hajtsd végre ebben a sorrendben.

Határozd meg az egyetlen műveletet. Nem 'tudj meg többet'. Egy ige: letöltés, vásárlás, foglalás, kérés.

Csupaszítsd le az oldalt a lényegre: címsor, alcím, előnyök felsorolva, egy vizuális elem, egy CTA, minimális űrlap. Ha egy elem nem a műveletet szolgálja, töröld.

Állítsd be a hierarchiát. A CTA-nak meg kell nyernie a szem figyelmét méretével, kontrasztjával vagy elhelyezésével. Ha nem ez a legkiemelkedőbb elem, akkor nem igazi CTA.

Írj a látogatónak, nem a terméknek. Minden 'mi' legyen 'te'. Minden funkció legyen eredmény.

Adj bizonyítékot a CTA mellé. Egy releváns idézet, egy eredmény, egy logó, amely megválaszolja a kételyt.

Tesztelj egyszerre egy változtatást. Mutasd a főnöködnek a számokat, ne a képernyőképeket. Hagyd, hogy az adatok magyarázzák el, miért kellett a régi navigációnak mennie.

Állj ellen az újradizájnnak. Auditálj, mielőtt újjáépítesz. A legtöbb esetben a megoldás egy új címsor és egy látható gomb, nem egy új oldal.

A landing oldal megkeresi a második kattintást – azt, amelyik számít. Minden, ami előtte van, keretezés. Építs egy oldalt, közvetíts egy üzenetet, kérj egy műveletet. Vágd ki a felesleget, mérd meg, mi történik, és hagyd, hogy az eredmények megvédjék az oldalt helyetted.