Landing page, ktorá premení návštevníkov na zákazníkov: anatómia v 9 blokoch

Jedna stránka, jeden cieľ

Úvodná stránka webu musí obslúžiť každého — zákazníka, uchádzača o prácu, dodávateľa aj zvedavca. Landing page (vstupná stránka) slúži jednej skupine ľudí s jednou potrebou. Preto konvertuje lepšie: nič neodvádza pozornosť od kroku, ktorý chcete, aby človek urobil.

Skôr než začnete navrhovať, odpovedzte si na tri otázky: Kto na stránku príde? Čo práve rieši? Čo má urobiť ako ďalší krok? Ak odpoveď na tretiu otázku obsahuje slovo „alebo“, stránka má pravdepodobne priveľa cieľov.

Súlad so zdrojom: čo reklama sľúbi, stránka splní

Človek klikol na reklamu „Klimatizácia s montážou do 7 dní“. Ak na stránke uvidí nadpis „Vitajte na našej stránke“, musí premýšľať, či je na správnom mieste. A to je moment, keď odchádza.

• Rovnaké slová. Hlavný sľub z reklamy, e-mailu či príspevku zopakujte v nadpise stránky.
• Rovnaká ponuka. Ak reklama hovorí o zľave, zľava musí byť na stránke viditeľná hneď, nie v tretej obrazovke.
• Samostatná stránka pre každú ponuku. Kampaň na montáž klimatizácie a kampaň na servis nemajú viesť na tú istú stránku.
• Označte zdroje. Každý odkaz na landing page doplňte o UTM parametre, aby ste vedeli, ktorý zdroj prináša dopyty. Postup je v článku o meraní konverzií v GA4.

Anatómia v 9 blokoch

Toto je kostra, ktorá funguje pre väčšinu služieb aj produktov. Poradie môžete prispôsobiť, no žiadny blok by nemal chýbať bez dôvodu.

1. Nadpis s prínosom. Čo človek získa a pre koho to je. „Klimatizácia do bytu s montážou do 7 dní — Bratislava a okolie“. Nie „Vitajte“, nie názov firmy.
2. Podnadpis a hlavná výzva. Jedna veta, ktorá rozvinie sľub, a tlačidlo hneď viditeľné bez posúvania. Text tlačidla hovorí, čo sa stane: „Chcem cenovú ponuku“, nie „Odoslať“.
3. Vizuál, ktorý ukazuje výsledok. Reálne fotky vašej práce či produktu pri používaní. Fotobankové usmiate tváre dôveru nebudujú.
4. Dôkaz hneď pod hlavičkou. Hodnotenie na Google, počet realizácií, logá klientov, certifikáty. Len skutočné čísla.
5. Problém a riešenie. Tri až štyri prínosy, nie technické parametre. „Ticho v spálni aj pri plnom výkone“ predáva lepšie než „22 dB“ — parameter môže byť hneď vedľa.
6. Ako to prebieha. Tri jednoduché kroky od dopytu po výsledok. Znižujú neistotu a ukazujú, že to nie je zložité.
7. Referencie s tvárou. Meno, mesto, fotka alebo krátka prípadová štúdia. Anonymné „Jana: super!“ nepresvedčí nikoho.
8. Odpovede na námietky. Cena, termín, záruka, čo ak sa niečo pokazí. Každá nezodpovedaná pochybnosť je dôvod odísť a „ešte si to premyslieť“.
9. Záverečná výzva. Zopakujte ponuku a formulár alebo tlačidlo. Pridajte telefón ako klikateľný odkaz — časť ľudí radšej zavolá.

Formulár, ktorý ľudia dokončia

Formulár je posledná prekážka medzi záujmom a dopytom. Každé pole navyše je dôvod prestať.

• Len nevyhnutné polia. Meno, kontakt a krátka správa. Adresu, rozpočet či termín zistíte pri prvom telefonáte.
• Správny typ poľa. Pole pre telefón otvorí na mobile číselnú klávesnicu, pole pre e-mail klávesnicu so zavináčom. Prehliadač vám navyše údaje vyplní sám.
• Chyby priamo pri poli. Nie červený text hore „formulár obsahuje chyby“, ale konkrétne „Telefón má mať 10 číslic“ pri danom poli.
• Čo bude nasledovať. Pod tlačidlom jedna veta: „Ozvem sa do 24 hodín, nezáväzne.“ Odstráni strach z dotieravého predajcu.
• Dvojkrokový formulár. Pri dlhších formulároch začnite ľahkou otázkou s výberom (napríklad typ nehnuteľnosti) a kontakt pýtajte až v druhom kroku. Kto začal, rád dokončí.

<input type="text"  name="meno"    autocomplete="name"  required>
<input type="tel"   name="telefon" autocomplete="tel"   required>
<input type="email" name="email"   autocomplete="email">
<button type="submit">Chcem cenovú ponuku</button>
<!-- Ozvem sa do 24 hodín, nezáväzne. -->

A ešte jedna vec, na ktorú sa zabúda: dopyt z formulára musí naozaj doraziť. Ak e-maily z webu končia v spame, najlepšia landing page vám nepomôže — riešenie je v článku o e-mailoch z webu v spame.

Rýchlosť a mobil rozhodujú

Väčšina návštev z reklám na sociálnych sieťach a vo vyhľadávaní prichádza z mobilu, často na pomalšom pripojení. Každá sekunda načítania navyše stojí časť ľudí, za ktorých kliknutie ste už zaplatili.

• Ľahká stránka. Optimalizované obrázky, minimum skriptov, žiadne ťažké slidery. Postup je v článku o Core Web Vitals.
• Prilepené tlačidlo na mobile. Výzva alebo telefón stále viditeľné v spodnej časti obrazovky, v dosahu palca.
• Telefón ako odkaz. Číslo vložené ako tel: odkaz — jedným ťuknutím volá.

Testujte, netipujte

Názor šéfa, grafika aj môj je len hypotéza. Rozhodnúť majú dáta. Ak máte dosť návštev, testujte A/B: polovica ľudí uvidí verziu A, polovica verziu B, a porovnáte, ktorá prináša viac dopytov. Testujte vždy jednu zmenu naraz.

Ak máte návštev málo, A/B test by trval mesiace. Vtedy použite bezplatný Microsoft Clarity — ukáže mapy klikov a nahrávky relácií, na ktorých uvidíte, kde ľudia váhajú a kde odchádzajú. Alebo jednoducho ukážte stránku piatim ľuďom z cieľovej skupiny a nechajte ich nahlas komentovať, čo vidia.

Ľudia na landing page nečítajú, ale hľadajú dôvod zostať. Ak ho nenájdu do pár sekúnd, odídu — a zaplatený klik odíde s nimi. Zásada vstupných stránok

Časté otázky

Potrebujem samostatnú landing page pre každú kampaň?

Ideálne pre každú ponuku alebo cieľovú skupinu. Ak robíte montáž aj servis, sú to dve stránky. Nemusí ísť o úplne odlišný dizajn — často stačí zmeniť nadpis, ponuku a referencie.

Môže landing page byť aj vo výsledkoch Google?

Áno, ak má unikátny a užitočný obsah. Ak máte viac takmer rovnakých variantov len pre reklamy, označte ich značkou noindex, aby nevytvárali duplicitu s hlavnou stránkou služby.

Má mať landing page menu?

Pri platených kampaniach odporúčam menu zjednodušiť alebo úplne vynechať, aby človeka nič neodvádzalo od cieľa. Logo a kontakt nech ostanú, aby stránka pôsobila dôveryhodne.