Zpět na seznam článků

Jak udělat optimální vstupní stránku (landing page)

Vstupní stránky jsou pro optimalizátora jako imodium pro astronauta. Nepostradatelné.

Lpo-example

Pokud je vaše homepage švýcarský nůž, tak vstupní stránka je struhadlo. Struhadlo nebudete potřebovat každý den, ale švýcarákem se struhá dost blbě.

Na jednu věc

Představte si vstupní stránku jako specializovaný nástroj, který umí jen jednu věc. Zato dobře.

Kdy budete vstupní stránku potřebovat? Pokud:

  • vám běží PPC nebo bannerová kampaň,
  • uvádíte na trh nový produkt nebo službu,
  • chcete získat co nejvíce odběratelů newsletteru,
  • máte různé nabídky,
  • nebo různé publikum.

Co nedělat

Neposílejte E.T. domů

Nikdy, opakuji, NIKDY neposílejte návštěvníky na domovskou stránku. A to ani na brandovou kampaň, i tam se vám vyplatí mít svou vlastní vstupní stránku.

Na domovské stránce je totiž příliš mnoho věcí, odpoutávající pozornost.

Oli Gardner tomu říká Attention Ratio (poměr pozornosti), fakticky se jedná o poměr všeho, na co může uživatel kliknout oproti tomu, na co chcete, aby kliknul. Tenhle poměr by měl být 1 : 1.

poměr pozornosti

Nesnažte se být chytří

Základní pravidlo každé vstupní stránky je maximální přesvědčivost a pochopitelnost. Máte jen pár sekund na to, abyste lidi přesvědčili, že:

  • jsou na správném místě,
  • má cenu to číst dál,
  • je to důvěryhodné,
  • má význam kliknout na to tlačítko.

Stripe platební brána

Tady to funguje i na domovské stránce: Web and mobile payments, built for developers. Jasné, přehledné, stručné.

Nepouštějte k tomu grafika

Keep It Simple, Stupid. Co se designu týče, v naprosté většině případů si vystačíte s jedním sloupcem. Není tam kde uhnout, takže prostě čtete směrem dolů.

Pokud máte umělecké ambice, jděte se hrabat v hlíně. Tohle je čisté řemeslo.

Propojení a kontext

Uživatel musí mít pocit, že je s každým krokem blíž k cíli. Brian Eisenberg tomu říká Information Scent (Informační čich). Představte si psa, co honí lišku. Není důležité, kolik kroků udělá, ale že je blíž k cíli.

S tím souvisí druhá věc, a to Message Match (Párování sdělení). Stránka, na kterou se dostanu, by měla mít stejný text a stejnou grafiku, jako inzerát.

message match

Správná struktura vstupní stránky

Nadpis s výhodou pro uživatele

Nadpis si přečte 80 % lidí. Snažte se, aby byl:

  • pochopitelný,
  • zajímavý,
  • cílený na uživatele,
  • stejný, jako v reklamě.

Na mé poslední přednášce jsem uváděl příklad účetního a jeho nadpisu:
Jak legálně odrbat berňák

Textový obsah

Nadpis je součástí vaší výhody oproti konkurenci. Další části jsou podnadpis a jednotlivé výhody. Výhody dejte do odrážek, ideální počet odrážek z hlediska konverze je 3-4.

Platí pravidlo, že čím jednodušší a levnější produkt, tím kratší bude stránka a naopak.
Jsou 3 faktory ovlivňující délku stránky:

  1. motivace uživatele
  2. obavy uživatele
  3. cena (ať už jsou to peníze, čas, …)

Conversion rate expert takhle vydělali SEOMozu (nynější Moz) jedinou stránkou milion dolarů. Tohle je specifický případ tzv. long-form sales page, o té zas příště.

Milionová stránka SEOMozu od Conversion Rate Experts

Co se samotného textu týče, tak pište jasně, stručně a v obrácené pyramidě.

Obrázky, fotky a videa

Poslední dobou se hrozně rozmáhá použití obrázků s nulovou přidanou hodnotou. To už je lepší tam žádný nedávat.

Naopak dobré (explainer) video má cenu zlata.

dollar shave club

Žádné odvádění pozornosti

Vyhoďte:

  • odkaz z loga
  • navigaci
  • přihlášení
  • přepínání jazyků
  • sociální média
  • pravý sloupeček
  • komplet patičku
  • prostě to osekejte na dřeň

Jediná cílová akce

Vzpomeňte si na struhadlo. Jeden cíl, jedna akce, jedno tlačítko. Před tím, než stránku vůbec začnete vyrábět, tak si řekněte: Co po uživateli chci, aby udělal a jak/čím ho přesvědčím?

CTA s šipkou a logy zákazníků

V tomhle buďte neúprosní. Takže…

Formulář

Formulář by měl být vidět. To znamená u jednodušších stránek jej dát nad ohyb, zvolit dostatečný kontrast oproti okolí a dát tam pole, které uživatel očekává.

Formulář by také měl dávat smysl sám o sobě. To znamená mít tam nadpis, popis, klidně i pár výhod a ideálně 1-3 pole.

Obecně čím méně polí, tím více vyplnění formuláře. Někdy na úkor kvality získaného kontaktu, to musíte posoudit sami.

Neplatí to vždy. Michael Aagaard zmiňoval na CTAConf případ, kdy více polí mělo lepší efekt. Bylo to dané tím, že se ve formuláři ptali na věci, které tam uživatelé očekávali a majitel stránky se tak vlastně kvalifikoval jako důvěryhodný.

Tlačítko

Tlačítko by z toho mělo lézt, jak Zeman na srazu feministek. To znamená smysluplný text, dostatečný kontrast a další věci, které udělají tlačítko „unmisable“.

Progress bar na Amazonu

Doporučení, ohlasy a certifikace

Pokud máte reference ve smyslu klientů, ohlasů, referencí, počtu lidí, co už koupili, byli spokojení atd., tak to tam vrzněte. Ideální je tzv. Reverse testimonial – nápad Seana deSouzy.

Jde o to, že zákazník popíše stav před, stav po a pocit. Ohlas se tak stává daleko důvěryhodnější.

recenze na Amazonu vč. hlasování o užitečnosti

Rychlost stránek

Obsah nad ohybem by se vám měl nahrát do dvou sekund. Pokud tomu tak není, tak stránky zrychlete, zjednodušte a zoptimalizujte. Jinak každou sekundu přicházíte o 7 % obratu. Zkontrolovat si to můžete na Google Page SpeedWebsite Speed Test – Pingdom.

A/B testování

Vstupní stránky jsou ideální prostor pro A/B testování. Máte přesně definované publikum, a zároveň pokud něco po-kazíte, tak to není konec světa.

Začněte testovat:

  • hlavní nadpis a podnadpis
  • fotku produktu
  • výhody
  • text a barvu tlačítka (sic)
  • ohlasy

Hlavní je začít. Jak by řekl Seth Godin: Just fucking ship it!

P.S.: Nezapomeňte nastavit správně Google Analytics vč. konverzí, Hotjar vč. videí a analýzy formulářů.

P.P.S.: Takhle nějak by mohla vypadat vstupní stránka:

hezký příklad vstupní stránky

Související články

Takeru

Jak souvisí pojídání hot-dogů s vaším e-shopem

Navy-seals-1

UX průzkum bojem a vybuchující netopýři

Red-blue-pill

A/B testování

Otto-thumb

Efektivnější přihlášení do newsletteru – content upgrade a lead magnet

Smysluplná debata