Posíláte lidi z reklamy na hlavní stránku webu? Děláte chybu.
Landing page (vstupní stránka) je speciální stránka s jedním jediným cílem - přeměnit návštěvníka na zákazníka. Žádné menu, žádné rozptylování, jen konverze.
V tomto článku vám ukážu:
- Co je landing page a proč funguje
- Kdy ji potřebujete (a kdy ne)
- Anatomie úspěšné landing page
- Jak ji vytvořit krok za krokem
- Nástroje a příklady
Stručně řečeno: Landing page může zdvojnásobit konverze z vaší reklamy. Místo 2% konverzního poměru máte 4-8%. To je rozdíl mezi ztrátovou a ziskovou kampaní.
Obsah
- Co je landing page
- Landing page vs. běžná stránka
- Kdy landing page potřebujete
- Anatomie úspěšné landing page
- Jak vytvořit landing page
- Nástroje pro tvorbu
- Příklady dobrých landing pages
- Nejčastější chyby
Co je landing page {#co-je}
Definice
Landing page (česky vstupní stránka) je samostatná webová stránka vytvořená pro jeden konkrétní účel - typicky pro marketingovou kampaň.
Návštěvník na ni "přistane" (land) z reklamy, emailu, nebo sociálních sítí.
Hlavní charakteristiky
- Jeden cíl: Registrace, nákup, stažení, kontakt
- Žádná navigace: Bez menu které by odvádělo pozornost
- Fokusovaný obsah: Vše směřuje k jedné akci
- Jasná výzva k akci (CTA): Tlačítko které chcete aby klikli
Příklad
Prodáváte online kurz vaření.
Špatně: Reklama → Homepage → Návštěvník hledá kurz → Možná najde → Možná koupí
Dobře: Reklama → Landing page kurzu → Návštěvník vidí kurz + cenu + CTA → Koupí
Landing page vs. běžná stránka {#rozdíl}
| Aspekt | Landing page | Běžná webová stránka |
|---|---|---|
| Cíl | Jeden konkrétní | Více (informovat, navigovat...) |
| Navigace | Žádná nebo minimální | Plné menu |
| Odkazy | Minimum (jen CTA) | Hodně (interní, externí) |
| Obsah | Fokusovaný na akci | Obecný, informační |
| Délka | Jedna stránka | Více stránek |
| Použití | Kampaně, reklamy | Obecná prezentace |
Proč landing page konvertuje lépe
Paradox volby: Čím více možností, tím těžší rozhodnutí.
Běžná stránka: "Můžeš jít sem, nebo sem, nebo sem, nebo..." Landing page: "Udělej tohle."
Statistika: Landing pages mají průměrně 2-5x vyšší konverzní poměr než běžné stránky.
Kdy landing page potřebujete {#kdy-potřebujete}
✅ Ano, použijte landing page
1. PPC reklamy (Google Ads, Facebook Ads)
- Platíte za každý klik
- Potřebujete maximální konverze
- Specifický produkt/nabídka
2. Email marketing
- Propagace konkrétní akce
- Launch produktu
- Speciální nabídka
3. Sběr kontaktů (lead generation)
- E-book ke stažení
- Webinář registrace
- Newsletter přihlášení
4. Produkt launch
- Nový produkt/služba
- Předobjednávky
- Čekací listina
5. Speciální akce
- Black Friday
- Sezónní nabídka
- Limitovaná edice
6. A/B testování
- Testování různých nabídek
- Testování messaging
- Optimalizace konverzí
❌ Ne, landing page nepotřebujete
- Obecná brand awareness kampaň
- Když cílíte na více produktů najednou
- Pro SEO (landing pages většinou nejsou SEO optimalizované)
- Když nemáte jasný cíl konverze
Anatomie úspěšné landing page {#anatomie}
Struktura (shora dolů)
┌─────────────────────────────────────┐
│ HEADLINE (Hlavní nadpis) │
│ Jasná hodnota, max 10 slov │
├─────────────────────────────────────┤
│ SUBHEADLINE (Podnadpis) │
│ Rozšíření headline, 1-2 věty │
├─────────────────────────────────────┤
│ HERO IMAGE/VIDEO │
│ Vizuál produktu/služby │
├─────────────────────────────────────┤
│ CTA BUTTON #1 │
│ První výzva k akci │
├─────────────────────────────────────┤
│ BENEFITS (Výhody) │
│ 3-5 klíčových benefitů │
├─────────────────────────────────────┤
│ SOCIAL PROOF │
│ Reference, loga, čísla │
├─────────────────────────────────────┤
│ FEATURES (Vlastnosti) │
│ Co přesně dostanete │
├─────────────────────────────────────┤
│ TESTIMONIALS │
│ Citace spokojených zákazníků │
├─────────────────────────────────────┤
│ FAQ │
│ Odpovědi na námitky │
├─────────────────────────────────────┤
│ CTA BUTTON #2 │
│ Závěrečná výzva k akci │
├─────────────────────────────────────┤
│ FOOTER │
│ Kontakt, právní info │
└─────────────────────────────────────┘
1. Headline (Nadpis)
Nejdůležitější prvek. Máte 3 sekundy.
Pravidla:
- Jasná hodnota pro zákazníka
- Max 10 slov
- Odpovídá reklamě která sem přivedla
Příklady:
❌ "Vítejte na naší stránce" ✅ "Naučte se Excel za 2 týdny"
❌ "Jsme nejlepší agentura" ✅ "Zdvojnásobíme vaše konverze za 90 dní"
❌ "Kvalitní produkty" ✅ "Ušetřete 5 hodin týdně s naší aplikací"
2. Subheadline (Podnadpis)
Rozšiřuje headline. Přidává detail nebo řeší námitku.
Příklad:
- Headline: "Naučte se Excel za 2 týdny"
- Subheadline: "Online kurz pro úplné začátečníky. 30 video lekcí, certifikát, doživotní přístup."
3. Hero vizuál
Možnosti:
- Obrázek produktu
- Screenshot aplikace
- Video (zvyšuje konverze o 80%)
- Mockup
Pravidla:
- Vysoká kvalita
- Relevantní k nabídce
- Ukazuje výsledek (ne proces)
4. CTA (Call to Action)
Tlačítko které chcete aby klikli.
Pravidla:
- Kontrastní barva
- Akční text (ne "Odeslat")
- Jasná hodnota
Příklady CTA:
❌ "Odeslat" ✅ "Získat e-book zdarma"
❌ "Klikněte zde" ✅ "Začít 14denní trial"
❌ "Registrace" ✅ "Vytvořit účet zdarma"
5. Benefits (Výhody)
Co zákazník získá. Ne co vy děláte.
Špatně (vlastnosti):
- 30 video lekcí
- PDF materiály
- Online platforma
Dobře (výhody):
- Ovládnete Excel za 2 týdny
- Ušetříte 5 hodin práce týdně
- Dostanete certifikát do CV
Formát: 3-5 bodů s ikonami
6. Social Proof
Důkaz že to funguje.
Typy:
- Počet zákazníků: "Již 5.000+ spokojených klientů"
- Loga firem: Kdo vás používá
- Hodnocení: "4.9/5 na Google"
- Média: "Psali o nás v Forbes"
7. Testimonials (Reference)
Citace skutečných zákazníků.
Pravidla:
- Jméno + fotka + firma
- Konkrétní výsledky
- Relevantní k cílové skupině
Příklad:
"Díky kurzu jsem dostal povýšení. Excel používám
denně a práce mi trvá polovinu času."
Jan Novák, finanční analytik
ABC Corporation
8. FAQ (Časté otázky)
Řeší námitky a obavy.
Typické otázky:
- Kolik to stojí?
- Je tam garance vrácení peněz?
- Jak dlouho to trvá?
- Co když mi to nebude vyhovovat?
- Potřebuju nějaké předchozí znalosti?
9. Závěrečné CTA
Poslední šance konvertovat.
Stejné nebo urgentnejší než první CTA.
Příklad: "Začněte ještě dnes - prvních 100 registrací dostane 30% slevu"
Jak vytvořit landing page krok za krokem {#jak-vytvořit}
Krok 1: Definujte cíl
Jeden cíl. Jeden.
- Registrace na webinář?
- Stažení e-booku?
- Nákup produktu?
- Získání kontaktu?
Krok 2: Poznejte cílovou skupinu
Odpovězte si:
- Kdo je váš ideální zákazník?
- Jaký problém řeší?
- Jaké má námitky?
- Co ho motivuje?
Krok 3: Napište copy (texty)
Pořadí psaní:
- Headline - hlavní hodnota
- CTA - co mají udělat
- Benefits - proč to chtějí
- Social proof - proč vám věřit
- FAQ - řešení námitek
Více o copywritingu v článku o textech které prodávají.
Krok 4: Připravte vizuály
- Hero obrázek/video
- Ikony pro benefity
- Fotky pro testimonials
- Screenshots produktu
Krok 5: Vytvořte stránku
Možnosti:
- Landing page builder (Webflow, Unbounce, Leadpages)
- WordPress + Elementor
- Vlastní vývoj
- Carrd (pro jednoduché)
Krok 6: Nastavte tracking
- Google Analytics
- Conversion tracking (Google Ads, Facebook Pixel)
- Heatmapy (Hotjar)
Krok 7: Otestujte
- Formulář funguje?
- Děkovná stránka OK?
- Mobilní verze?
- Rychlost načítání?
Krok 8: Spusťte a optimalizujte
- A/B testujte různé verze
- Sledujte konverzní poměr
- Iterujte
Nástroje pro tvorbu landing pages {#nástroje}
Specializované landing page buildery
| Nástroj | Cena | Výhody | Pro koho |
|---|---|---|---|
| Unbounce | od 2.000 Kč/měs | A/B testy, AI copy | Agentury, velké kampaně |
| Leadpages | od 1.000 Kč/měs | Šablony, popup | SMB |
| Instapage | od 4.000 Kč/měs | Enterprise funkce | Velké firmy |
| Carrd | od 50 Kč/měs | Jednoduché, levné | Začátečníci |
Website buildery s landing page funkcí
| Nástroj | Cena | Výhody |
|---|---|---|
| Webflow | od 300 Kč/měs | Design freedom |
| Wix | od 200 Kč/měs | Jednoduché |
| Squarespace | od 300 Kč/měs | Krásné šablony |
WordPress pluginy
| Plugin | Cena | Poznámka |
|---|---|---|
| Elementor | Zdarma/Pro | Nejpopulárnější |
| Divi | od 2.000 Kč/rok | Vše v jednom |
| Thrive Architect | od 2.500 Kč/rok | Konverzní fokus |
Pro vývojáře
- Next.js + Vercel: Rychlé, moderní
- HTML/CSS šablony: Tailwind UI, ThemeForest
Moje doporučení
| Situace | Doporučení |
|---|---|
| Rychle a levně | Carrd |
| WordPress web | Elementor |
| Design freedom | Webflow |
| Hodně kampaní | Unbounce |
| Maximum výkonu | Custom (Next.js) |
Příklady dobrých landing pages {#příklady}
Příklad 1: SaaS produkt
Struktura:
- Headline: "Spravujte sociální sítě z jednoho místa"
- Subheadline: "Plánování, analytika, tým - vše co potřebujete"
- Video demo produktu
- CTA: "Vyzkoušet 14 dní zdarma"
- Loga firem které to používají
- 3 hlavní benefity s ikonami
- Ceník
- FAQ
- Závěrečné CTA
Příklad 2: E-book / Lead magnet
Struktura:
- Headline: "Zdarma: 50 tipů jak zdvojnásobit prodeje"
- Obrázek e-booku
- Formulář (jméno + email)
- Co se v e-booku dozvíte (3-5 bodů)
- O autorovi
- Testimonials čtenářů
Příklad 3: Webinář registrace
Struktura:
- Headline: "Živý webinář: Jak vydělat první milion na e-shopu"
- Datum a čas
- CTA: "Rezervovat místo zdarma"
- Co se naučíte
- Pro koho je webinář
- O přednášejícím
- Urgence: "Zbývá pouze 47 míst"
Příklad 4: Produkt / E-shop
Struktura:
- Headline: benefit produktu
- Fotky produktu (galerie)
- Cena + CTA "Koupit"
- Klíčové vlastnosti
- Recenze zákazníků
- FAQ (doprava, vrácení)
- Garance
Nejčastější chyby {#chyby}
Chyba #1: Příliš mnoho cílů
Landing page má jeden cíl. NE "registrace NEBO nákup NEBO newsletter".
Řešení: Jeden CTA, jeden cíl.
Chyba #2: Menu a navigace
Menu = úniky. Návštěvník klikne jinam a nevrátí se.
Řešení: Žádné menu. Maximálně logo bez odkazu.
Chyba #3: Slabý headline
"Vítejte" nebo "O nás" jako headline = promarněná šance.
Řešení: Headline = hlavní hodnota pro zákazníka.
Chyba #4: Generické CTA
"Odeslat" nebo "Klikněte zde" nic neříká.
Řešení: Akční, hodnotové CTA: "Získat e-book zdarma"
Chyba #5: Příliš dlouhé formuláře
Každé pole navíc snižuje konverze o 10-25%.
Řešení: Minimum polí. Pro lead gen často stačí email.
Chyba #6: Žádný social proof
"Jsme nejlepší" bez důkazů nikoho nepřesvědčí.
Řešení: Reference, čísla, loga, testimonials.
Chyba #7: Pomalá stránka
Každá sekunda načítání = -7% konverzí.
Řešení: Optimalizujte obrázky, rychlý hosting.
Více o rychlosti v článku o vlivu rychlosti na konverze.
Chyba #8: Nefunkční na mobilu
50%+ traffic je z mobilu.
Řešení: Mobile-first design, testujte na telefonu.
Chyba #9: Nesoulad s reklamou
Reklama slibuje slevu 50%, landing page o ní nemluví.
Řešení: Message match - reklama a landing page musí souhlasit.
Chyba #10: Žádné testování
Spustíte a necháte být.
Řešení: A/B testujte headlines, CTA, obrázky.
Metriky landing page
Klíčové metriky
| Metrika | Co měří | Dobrá hodnota |
|---|---|---|
| Conversion Rate | % návštěvníků co konvertují | 2-5% (průměr), 10%+ (dobrá) |
| Bounce Rate | % kdo hned odejde | Pod 40% |
| Time on Page | Jak dlouho čtou | 2+ minuty |
| Scroll Depth | Jak daleko scrollují | 70%+ |
Jak měřit
- Google Analytics 4: Základní metriky
- Google Tag Manager: Conversion tracking
- Hotjar/Clarity: Heatmapy, nahrávky
- A/B testing tool: Optimizely, VWO, Google Optimize
Checklist pro landing page
Obsah
- Jasný, hodnotový headline
- Relevantní subheadline
- Kvalitní hero vizuál
- Benefits (ne features)
- Social proof
- Testimonials s fotkou a jménem
- FAQ řešící námitky
Design
- Žádné menu/navigace
- Jeden jasný CTA
- Kontrastní barva CTA
- Čistý, přehledný layout
- Responzivní (mobil)
Technické
- Rychlé načítání (<3s)
- Formulář funguje
- Děkovná stránka nastavena
- Tracking (Analytics, Pixel)
- SSL certifikát
Po spuštění
- A/B test naplánovaný
- Conversion tracking ověřený
- Heatmapa nastavená
Závěr
Landing page je nejúčinnější nástroj pro konverze z placené reklamy.
Klíčové principy:
- Jeden cíl, jeden CTA
- Žádné rozptylování (menu, odkazy)
- Jasná hodnota v headline
- Social proof buduje důvěru
- Testujte a optimalizujte
Investice do dobré landing page se vrátí mnohonásobně - rozdíl mezi 2% a 5% konverzním poměrem může znamenat 2.5x více zákazníků ze stejného rozpočtu na reklamu.
Potřebujete landing page která konvertuje?
V Appitect děláme landing pages které přinášejí výsledky. Od návrhu po A/B testování.
Související články:
- 5 chyb které zabíjejí konverze
- Copywriting pro firemní web
- Rychlost webu a konverze
- Kolik stojí vytvoření webu
Článek naposledy aktualizován: Leden 2026