Tvorba landing page s jedním jasným cílem
Landing page je samostatná stránka s jedním cílem, třeba získat poptávky z reklamní kampaně. webrocks ji navrhne a postaví na míru, s kontaktním formulářem, analytikou a rychlým načítáním, od 8 000 Kč. Dál zjistíte, kdy landing page stačí a kdy už potřebujete celý web.
Text vznikl s pomocí umělé inteligence. Tvrzení o platformách vycházejí z oficiální dokumentace, na kterou článek odkazuje. Za obsah odpovídá Tomáš Hanus, webrocks.cz@gmail.com.
- Pro koho
- Pro firmy a živnostníky, kteří propagují jednu nabídku, akci nebo kampaň a potřebují stránku, která návštěvníka dovede k jednomu kroku.
- Co dostanete
- Hotovou responzivní landing page s kontaktním formulářem a napojenou analytikou, připravenou na rychlé načítání na mobilu i počítači.
- Cena
-
- Landing page: od 8 000 Kč
Orientačně podle ceníku. Cena závisí na rozsahu, konkrétní nabídku webrocks připraví podle zadání.
Co je landing page a kdy dává smysl
Landing page (vstupní stránka) je samostatná webová stránka postavená kolem jednoho cíle: aby návštěvník vyplnil formulář, zavolal, zaregistroval se nebo si něco objednal. Na rozdíl od běžného webu vede k jedné akci.
Dává smysl tam, kde návštěvníky přivádíte cíleně: z reklamy, newsletteru nebo QR kódu na letáku. Člověk přichází s konkrétním očekáváním a stránka mu má odpovědět hned.
Typické použití:
- nová služba nebo produkt, který chcete ověřit dřív, než kvůli němu předěláte celý web,
- sezónní akce, kurz, webinář nebo událost,
- kampaň, u které potřebujete změřit, kolik poptávek přinesla.
Pro koho se landing page hodí a pro koho ne
Hodí se, pokud:
- máte jednu jasnou nabídku a víte, co má návštěvník udělat,
- plánujete placenou kampaň a chcete, aby reklama vedla na stránku se stejným sdělením,
- teprve začínáte a potřebujete se rychle ukázat.
Nehodí se, pokud:
- nabízíte víc služeb, z nichž každá má jiné publikum. Na jedné stránce obvykle žádná nevynikne.
- chcete, aby vás lidé našli ve vyhledávání na různé dotazy. Na to je potřeba víc stránek.
- potřebujete e-shop. Ten webrocks od nuly nestaví.
Landing page, nebo celý web?
Landing page odpovídá na jednu otázku a vede k jedné akci. Firemní web představuje firmu jako celek. Nejde o lepší a horší variantu, jen o jiný úkol.
Pokud potřebujete stránku ke konkrétní kampani, stačí landing page. Pokud chcete stálou prezentaci dohledatelnou ve vyhledávání, hodí se spíš tvorba firemního webu. Landing page může běžet i vedle stávajícího webu a po kampani se vypnout.
Jak tvorba landing page probíhá
- Cíl a podklady. Nejdřív se ujasní, co má návštěvník udělat, odkud přijde a podle čeho se pozná úspěch. Pak se projdou podklady: texty, fotky, logo.
- Struktura. Z cíle vychází pořadí obsahu: co ukáže první obrazovka, jaké pochybnosti je potřeba zodpovědět a kde bude formulář.
- Design a vývoj. Stránka se navrhne pro mobil i počítač a postaví tak, aby se rychle načetla. Před spuštěním ji uvidíte a připomínkujete.
- Měření. Napojí se analytika a záznam odeslání formuláře.
- Spuštění a kontrola. Ověří se formulář, zobrazení na telefonech a zápis konverzí.
Co dostanete
- hotovou landing page, která se přizpůsobí telefonu, tabletu i počítači (responzivní design),
- kontaktní formulář pro poptávky,
- napojenou analytiku pro sledování návštěvnosti a odeslaných formulářů,
- stránku připravenou na rychlé načítání: obrázky ve správné velikosti, bez zbytečných skriptů.
Co rozhoduje o tom, jestli landing page funguje
Jeden cíl. Každý další odkaz nebo nabídka je cesta pryč od formuláře. Jedna z heuristik použitelnosti Jakoba Nielsena se jmenuje estetický a minimalistický design: co nepomáhá k cíli, odvádí od něj pozornost.
Obsah nad zlomem. První obrazovka bez posouvání má říct, co nabízíte, komu a co má udělat dál. Ve studii NN/g z roku 2018 lidé strávili nad zlomem zhruba 57 % času, kdy si stránku prohlíželi.
Rychlost. Google hodnotí načítání a odezvu stránky metrikami Core Web Vitals: LCP (zobrazení hlavního obsahu), INP (odezva na kliknutí) a CLS (poskakování obsahu při načítání). U LCP se za dobrou hodnotu považuje nejvýš 2,5 sekundy. Když je hlavním obsahem velký úvodní obrázek, má se podle doporučení web.dev načíst přednostně, ne líně, a ve správné velikosti.
Měření konverzí. Bez měření nevíte, jestli stránka funguje. Základem je zaznamenat odeslání formuláře jako konverzi v analytice, a pokud stránka slouží kampani, i v reklamním systému. Podle nápovědy Google Ads na načtení děkovací stránky stačí konverze podle adresy URL, kliknutí na tlačítka se nastavují kódem.
Na co si dát pozor
- Reklama slibuje něco jiného než stránka. Návštěvník pak neví, jestli je na správném místě.
- Formulář s příliš mnoha poli. Ptejte se jen na to, co pro první kontakt opravdu potřebujete. Chybová hláška má říct, co opravit, ne jen „chyba“.
- Cookie lišta a dodatečně vložené prvky. Pokud se objeví až po načtení a odsunou obsah, zhoršují podle web.dev vizuální stabilitu (CLS). Místo pro ně je potřeba počítat předem.
- Kampaň spuštěná bez ověřeného měření. Automatické nabízení v Google Ads se podle nápovědy řídí primárními konverzními akcemi, takže bez zapsaných konverzí nemá podle čeho optimalizovat. Formulář je potřeba zkušebně odeslat a zkontrolovat, že se konverze objevila.
- Rychlost změřená jen v testovacím nástroji. Skóre v Lighthouse nebo PageSpeed Insights je podle dokumentace PageSpeed Insights laboratorní test se simulovaným načtením. Polní data skutečných uživatelů Chromu ale Google zveřejňuje jen u dostatečně navštěvovaných stránek, takže je malé a nové stránky nemusí mít. Laboratorní test je kontrola, ne konečný verdikt.
- Šablona, která táhne zbytečný kód. Hotové šablony a vizuální editory jsou rychlé na start, ale mohou načítat skripty a styly pro funkce, které stránka nepoužívá.
Pokud už landing page máte a je pomalá, pomůže audit rychlosti webu. Pokud se načítá rychle, ale poptávky nechodí, UX audit ukáže, kde návštěvníci váhají.
Kolik stojí landing page
Landing page stojí od 8 000 Kč a v ceně je responzivní design, kontaktní formulář, analytika a rychlé načítání. Orientační hodinová sazba podle ceníku je od 500 Kč/hod.
Cena závisí na rozsahu a složitosti. Zvyšuje ji:
- víc sekcí a vlastních prvků, například kalkulačka, rezervace nebo víc formulářů,
- další jazykové verze,
- napojení formuláře na další systémy, třeba CRM nebo tabulku,
- chybějící podklady, kdy se texty a fotky teprve dotvářejí.
Snižují ji hotové texty, fotky a jasný cíl. Přesnou cenu dostanete po krátkém popisu zadání přes kontaktní formulář, odpověď přijde do 24 hodin.
Časté otázky
Kolik stojí landing page?
Od 8 000 Kč, konečná cena závisí na rozsahu.
Stačí šablona, nebo je lepší landing page na míru?
Šablona stačí, pokud chcete rychle a levně ověřit nápad a nevadí vám kompromisy ve vzhledu a rychlosti. Na míru se vyplatí, když stránka ponese placenou kampaň a má odpovídat vaší značce.
Co je v ceně landing page?
Responzivní design, kontaktní formulář, analytika a rychlé načítání. Co dalšího stránka potřebuje, například doménu, hosting nebo další jazyk, se ujasní v nabídce.
Jak poznám, jestli landing page funguje?
Podle konverzí, tedy odeslaných formulářů v poměru k návštěvnosti. U reklamních kampaní se konverze musí zapisovat i do reklamního systému, viz článek o měření konverzí v Google Ads.
Jak dlouho trvá tvorba landing page?
Záleží na tom, jestli jsou hotové podklady, kolik má stránka sekcí a jak rychle se zpracují připomínky. Termín se proto domluví podle konkrétního zadání.
Zdroje
- Nielsen Norman Group: 10 Usability Heuristics for User Interface Design
- Nielsen Norman Group: Scrolling and Attention
- web.dev: Web Vitals
- web.dev: Optimize Largest Contentful Paint
- Google Ads Help: Set up your web conversions
- web.dev: Optimize Cumulative Layout Shift
- Google Ads Help: About primary and secondary conversion actions
- Google for Developers: About PageSpeed Insights
- Chrome for Developers: CrUX methodology