Co má mít vaše úvodní stránka?

Vezměte jakoukoli úvodní stránku, která ztrácí návštěvníky během prvních pár vteřin, a najdete stále stejný problém. Něco o firmě říká, ale nikdy návštěvníkovi neřekne, co má udělat. Tento článek popisuje, jak napsat úvodní stránku od nadpisu dolů, co má splnit každá sekce, čím se text úvodní stránky liší od všech ostatních stránek webu a které konkrétní chyby způsobují, že návštěvníci odejdou dřív, než vůbec rolují.

Vědět, jak napsat úvodní stránku, znamená chápat, k čemu stránka slouží. Úvodní stránka není přehled firmy. Není to prohlášení o poslání. Je to jediná stránka, která musí okamžitě odpovědět na tři otázky, dřív než se návštěvník rozhodne zůstat, nebo odejít. Co děláte? Pro koho to je? Co mají udělat dál? Text úvodní stránky, který na všechny tři otázky neodpoví hned při prvním posunu, nefunguje.

Co má úvodní stránka splnit?

Úvodní stránka má jiný úkol než kterákoli jiná stránka webu. Stránka služby prodává konkrétní službu. Stránka O nás buduje důvěru v lidi za prací. Úvodní stránka dělá něco užšího a naléhavějšího. Musí návštěvníka zorientovat dost rychle na to, aby se rozhodl zůstat a prohlížet dál.

Návštěvníci, kteří přistanou na úvodní stránce, často přicházejí z výsledku vyhledávání, odkazu na sociální síti nebo z doporučení. Nic dalšího na vašem webu nečetli. Nevědí, kdo jste ani co nabízíte. Text úvodní stránky má pár vteřin na to, aby prokázal, že jsou na správném místě pro to, co potřebují. Pokud tuto zkoušku nesplní, odejdou.

Úkolem není vysvětlit všechno. Úkolem je vytvořit dost jasnosti a dost zájmu, aby návštěvník udělal další krok, ať už je to proklik na službu, další rolování nebo vyplnění formuláře. Každé slovo na stránce by mělo s tímto pomáhat, jinak se škrtá.

Jak napsat nadpis úvodní stránky, který návštěvníky udrží

Nadpis je nejdůležitější kus textu na celém vašem webu. Je to první, co návštěvník přečte, často ještě dřív, než vůbec vnímá vizuální design. Nadpis, který je vágní, vtipkující nebo abstraktní, ztratí návštěvníka dřív, než zbytek stránky dostane šanci. Nadpis, který je konkrétní a jasný, udělá pro vaši konverzi víc než téměř jakákoli jiná změna, kterou můžete provést.

Nejspolehlivější vzorec nadpisu vychází z výsledku. Říká, co návštěvník získá nebo čeho dosáhne, a je napsaný pro člověka, pro kterého je web postavený. Ne „Pomáháme firmám růst“, ale „Získejte víc rezervací ze svého okolí bez placené reklamy.“ Ne „Váš důvěryhodný partner pro zdraví“, ale „Lekce jógy v Amsterdamu pro začátečníky i pravidelné cvičence.“

Silný nadpis odpovídá na dvě otázky najednou. Co to je? Je to pro mě? Pokud návštěvník přečte váš nadpis a umí odpovědět na obě, odvedli jste nejdůležitější práci na stránce. Pokud ne, nadpis je třeba přepsat dřív, než se optimalizuje cokoli jiného.

Napište pět až deset verzí, než se rozhodnete. První návrh bývá téměř nikdy ten správný. Vyškrtejte přídavná jména. Odstraňte slova jako „přední“, „inovativní“ a „důvěryhodný“, protože neříkají nic, čemu návštěvník uvěří bez důkazu. Popisy firmy nahraďte popisy toho, co návštěvník získá.

Co přidává podnadpis, čeho nadpis nedosáhne?

Podnadpis stojí přímo pod nadpisem a rozvádí to, co nadpis začal. Jeho úkolem není opakovat nadpis jinými slovy. Přidává jednu vrstvu konkrétní informace, kterou nadpis svou podstatou unést nemůže.

Dobrý nadpis je krátký a úderný. Ta stručnost je přednost, ne omezení. V podnadpisu doplníte detail, který musel z nadpisu odpadnout. Pokud nadpis pojmenovává výsledek, podnadpis pojmenovává, jak ho dodáváte. Pokud nadpis pojmenovává, pro koho to je, podnadpis pojmenovává konkrétní výsledek, který získají.

Podnadpis držte nanejvýš na dvou nebo třech větách. Pořád by měl jít přečíst jedním pohledem. Dlouhé podnadpisy, které vysvětlují celý postup nebo vyjmenovávají všechno, co nabízíte, patří do pozdější sekce, ne na začátek stránky, kde se návštěvníci stále rozhodují, zda zůstanou.

Co musí být vidět bez rolování?

Část stránky nad „ohybem“ (above the fold) je to, co návštěvník vidí před rolováním. Název pochází z tisku novin, kde příběhy nad fyzickým ohybem titulní strany byly ty, které prodávaly noviny. Na webu platí stejný princip. To, co se objeví bez rolování, rozhoduje o tom, zda návštěvník vůbec rolovat začne.

Vaše sekce nad ohybem musí obsahovat čtyři věci. Nadpis. Podnadpis. Jasnou výzvu k akci. A dost vizuálního kontextu, aby návštěvník pochopil, o jaký web jde. Všechno ostatní může přijít níž na stránce.

Největší chybou v sekci nad ohybem je naplnit ji něčím krásným, ale nejasným. Obrázek na celou obrazovku bez textu. Video na pozadí s nadpisem ukrytým pod ním. Slogan, který je příliš abstraktní, než aby návštěvníkovi cokoli řekl. Sekce nad ohybem si své místo vydělává jasností, ne estetikou. Obojí může existovat vedle sebe, ale když se střetnou, musí vyhrát jasnost.

Podrobnější pohled na to, jak ohyb ovlivňuje chování uživatelů a čeho si návštěvníci všimnou jako prvního, najdete v článku o tom, co znamená above the fold na webu.

Kam na úvodní stránce patří sociální důkaz?

Sociální důkaz na úvodní stránce snižuje pochybnosti, které nový návštěvník přirozeně cítí vůči firmě, o které nikdy neslyšel. Recenze, reference, loga klientů, úryvky případových studií a uznání od médií fungují jako důkaz, že si tuto firmu vybrali jiní a shledali ji hodnou výběru.

Záleží na umístění. Sociální důkaz na samém konci dlouhé stránky je sociální důkaz, ke kterému se většina návštěvníků nedostane. Umístění řady log klientů nebo krátké recenze hned pod sekci nad ohybem udržuje spád nadpisu. Návštěvník si přečte nadpis, pochopí, k čemu web slouží, a hned vzápětí vidí potvrzení, že této firmě ostatní důvěřují. Toto pořadí buduje věrohodnost v okamžiku, kdy je nejvíc potřeba, dřív než návštěvník přečetl cokoli dalšího.

Recenze nebo reference, kterou uvedete, by měla být konkrétní. „Spolupráce s nimi změnila můj podnik“ je méně užitečná než „Z tří poptávek měsíčně jsme se po přestavbě webu s těmito šablonami dostali na dvacet.“ Konkrétní výsledek je důvěryhodný způsobem, jakým obecné doporučení není.

Úplný rozbor toho, jak sociální důkaz funguje a jaké má podoby, najdete v článku o sociálním důkazu na webu, který rozebírá každý typ a kde je nejúčinnější.

Jak popsat své služby nebo produkty na úvodní stránce?

Úvodní stránka není místo pro úplné popisy služeb. Návštěvníci, kteří přistanou na úvodní stránce, nejsou připraveni na takovou úroveň detailu. Stále se rozhodují, zda jste pro ně relevantní. Úvodní stránka, která začíná dlouhými popisy služeb dřív, než se návštěvník rozhodl zůstat, ho přiměje odejít dřív, než cokoli přečte.

Správným přístupem je krátká přehledová sekce. Pojmenujte každou službu nebo kategorii produktů. Přidejte jednu větu, která popisuje, co dělá nebo pro koho je. Odkažte na samostatnou stránku, kde návštěvník získá úplný obraz. Tato struktura dělá dvě věci. Rychle říká návštěvníkovi, co nabízíte. A také ho posouvá ke správné stránce pro jeho konkrétní potřebu, kde ke konverzi skutečně dochází.

V této fázi se vyhněte výčtu funkcí. Funkce patří na stránku služby nebo produktu, kde už má návštěvník zájem a posuzuje. Na úvodní stránce uvádějte, co návštěvník získá, ne co služba zahrnuje. „Weby, které se umísťují na Googlu“ je pro váhajícího návštěvníka relevantnější než „Vlastní HTML, SEO metadata a responzivní design v ceně.“

Co má říkat výzva k akci na úvodní stránce a kam má vést?

Každá úvodní stránka potřebuje hlavní výzvu k akci. Je to jedna akce, kterou chcete, aby návštěvník po příchodu na stránku udělal nejvíc. Domluvit hovor. Spustit zkušební verzi zdarma. Prohlédnout šablony. Získat cenovou nabídku. Hlavní CTA by mělo být jedno, ne čtyři soupeřící, které tříští pozornost návštěvníka různými směry.

CTA musí být vidět nad ohybem jako součást sekce s nadpisem. Mělo by se objevit i znovu v polovině stránky a ještě jednou poblíž konce. Návštěvník, který přečte stránku za ohybem a dojde na konec bez dalšího CTA, musí rolovat zpátky nahoru, aby mohl jednat. Tato překážka ztrácí konverze.

Tlačítko CTA pište aktivním a konkrétním jazykem. „Začít“ a „Zjistit víc“ jsou slabé, protože nepopisují nic. „Vyzkoušet zdarma“, „Domluvit hovor zdarma“ a „Zobrazit ceník“ jsou lepší, protože pojmenovávají přesně, co se po kliknutí stane. Čím konkrétnější text tlačítka, tím vyšší míra prokliku obvykle bývá, protože návštěvník ví, co čekat.

Úplné vysvětlení toho, jak CTA fungují a jak je psát pro různé stránky a kontexty, najdete v článku co je výzva k akci na webu.

Co by úvodní stránka obsahovat neměla?

Vezměte jakoukoli úvodní stránku, která se čte jako brožura, a najdete stejné čtyři věci, které tam nepatří. Historie firmy. Obecné prohlášení o poslání. Zeď textu o příběhu založení. Sekce přeplněné navigací, které se snaží z úvodní stránky odkazovat na všechny stránky webu.

Historie firmy patří na stránku O nás, kde ji najde návštěvník, kterého zajímá vaše zázemí. Prohlášení o poslání napsané abstraktním jazykem („Věříme v posilování komunit prostřednictvím inovativních řešení“) neříká nic návštěvníkovi, který přišel hledat konkrétní službu. Příběh založení má význam pro investory a novináře, ne pro návštěvníka, který poprvé během deseti vteřin rozhoduje, zda zůstane.

Příliš mnoho textu je nejčastější problém úvodních stránek. Dlouhé odstavce návštěvníka zpomalují a signalizují, že pochopení stránky bude vyžadovat úsilí. Úvodní stránky by měly používat krátké věty, dost volného místa a vizuální přestávky mezi sekcemi. Potřebné množství textu je minimum nutné k posunu návštěvníka dál, ne maximum, které grafik vměstná.

Čím se text úvodní stránky liší od stránky služby nebo stránky O nás?

Každá stránka webu má konkrétní úkol a text by ho měl odrážet. Text úvodní stránky je široký a rychlý. Odpoví kdo, co a proč na pár řádcích a pošle návštěvníka na správné místo. Stránka služby je soustředěná a podrobná. Odpovídá na všechny otázky, které má návštěvník o jedné konkrétní službě, řeší námitky a vede ke konverzi. Stránka O nás buduje vztah mezi návštěvníkem a lidmi za firmou.

Psát úvodní stránku tak, jak byste psali stránku služby, je častá chyba. Stránka služby může být dlouhá, protože návštěvník, který ji čte, už má zájem. Prokliknul se z úvodní stránky, což znamená, že už se rozhodl, že jste relevantní. Úvodní stránka tento luxus nemá. Návštěvník se stále rozhoduje, takže text musí fungovat rychleji a zůstat úspornější.

Psát úvodní stránku tak, jak byste psali stránku O nás, je druhá častá chyba. Stránka O nás je o vás. Úvodní stránka je o tom, co návštěvník získá. V okamžiku, kdy se text úvodní stránky začne soustředit na historii firmy, hodnoty nebo vnitřní postup, přestal dělat práci, kvůli které úvodní stránka existuje.

Podrobný postup, jak napsat stránku služby poté, co návštěvník přešel za úvodní stránku, najdete v článku o tom, jak napsat stránku služby, který popisuje celou strukturu.

Jak dlouhá má úvodní stránka být?

Délku úvodní stránky určuje váš prodejní proces, ne cílový počet slov. Jednoduchý produkt s jasným publikem může mít krátkou úvodní stránku. Firma poskytující služby s více nabídkami a delším rozhodovacím cyklem může mít delší. Správná délka je ta, kterou typický návštěvník potřebuje, aby získal dost informací k dalšímu kroku.

Užitečným testem je podívat se do analytiky. Pokud průměrný návštěvník odchází, aniž by posunul stránku za ohyb, problémem není delší stránka. Problémem je nadpis nebo CTA. Pokud návštěvníci rolují skoro dolů a pak odejdou bez akce, může být stránka příliš dlouhá, nebo CTA poblíž konce není dost jasné.

Prakticky úvodní stránka firmy poskytující služby obvykle potřebuje sekci s nadpisem, krátký přehled služeb, sekci se sociálním důkazem a jednu jasnou sekci CTA. To lze udělat dobře na 300 až 500 slovech viditelného textu rozloženého do dobře navržených sekcí. Některé firmy potřebují víc. Zkouškou je vždy, zda si každá sekce své místo zaslouží tím, že posouvá návštěvníka k dalšímu kroku.

Porozumění vizuální hierarchii pomáhá při rozhodování o rozvržení stejně jako při rozhodování o textu. Článek o tom, co je vizuální hierarchie, vysvětluje, jak struktura stránky vede oko a pozornost návštěvníka.

Jak uživatelský zážitek ovlivňuje rozhodování o textu úvodní stránky?

Text a design na úvodní stránce spolupracují. To, jak jsou sekce uspořádané, kolik volného místa obklopuje text a v jakém pořadí návštěvník jednotlivé informace potkává, ovlivňuje, zda text zabere. Napsat silný text a umístit ho do rozvržení, které proti němu pracuje, přinese stále špatné výsledky.

Úvodní stránka, která předsadí příliš mnoho textu dřív, než návštěvník získá kontext, odežene lidi dřív, než se dostanou k obsahu, který by je udržel. Úvodní stránka se silným textem ukrytým v husté mřížce nebo v barevném schématu s nízkým kontrastem ztrácí návštěvníky, kteří by konvertovali, kdyby se informace snáz prohlížely. Rozhodnutí o textu a rozhodnutí o rozvržení nelze dělat nezávisle na sobě.

Článek o tom, co je UX design, popisuje, jak se zásady uživatelského zážitku uplatňují na celém webu, včetně toho, jak návštěvníci čtou stránky a pohybují se po nich.

Jak WEMASY řeší text úvodní stránky

Tvůrce webů WEMASY obsahuje šablony úvodní stránky postavené kolem prvků popsaných v tomto článku. Každá šablona obsahuje sekci s nadpisem, oblast s přehledem služeb, sekci se sociálním důkazem a umístění CTA nad ohybem i na konci stránky. Nastavení stránky zahrnuje pole SEO pro meta titulek a meta popis úvodní stránky, která lze upravovat nezávisle na obsahu stránky. Všechny stránky včetně úvodní jsou ve výchozím stavu responzivní na počítači, tabletu i mobilu.

Co všechno je součástí, uvidíte na stránce tvůrce webů WEMASY, nebo si prohlédněte tarify na stránce ceníku.

Často kladené otázky