Úvodní stránka webu: jak ji napsat, aby přesvědčila

Úvodní stránka webu je jako výloha. Člověk jde kolem, letmo se podívá a během pár vteřin se rozhodne, jestli vejde dovnitř. Na webu je to ještě rychlejší – další výloha je o jedno klepnutí vedle. Přesto spousta úvodních stránek začíná větou „Vítejte na našich stránkách“ a velkou fotkou, ze které nikdo nepozná, co firma dělá. V článku ukážeme, co musí úvodní stránka webu říct hned nahoře, jak ji poskládat dál a jak si ověřit, že funguje.

Tři otázky, na které musí úvodní stránka odpovědět

Návštěvník, který přijde na úvodní stránku, si v duchu klade tři otázky. Pokud na ně během pár vteřin nenajde odpověď, odchází:

Co tady dělají? Restaurace, kadeřnictví, instalatér, účetní?
Je to pro mě? Jsou v mém okolí, dělají to, co potřebuji, v ceně, kterou čekám?
Co mám udělat dál? Zavolat, zarezervovat, poslat poptávku, podívat se na menu?

Všechno ostatní – historie firmy, filozofie, certifikáty – přijde na řadu až potom, pokud vůbec.

Horní část: to nejdůležitější, co návštěvník uvidí

Horní část stránky, kterou návštěvník vidí bez posouvání, rozhoduje. Patří do ní:

Nadpis, který říká, co děláte a pro koho. Ne slogan, ne „Vítejte“. Konkrétně a srozumitelně.
Podnadpis s přínosem nebo tím, čím se lišíte. Jedna dvě věty.
Jedno hlavní tlačítko. Tu akci, kterou od návštěvníka chcete nejvíc.
Fotka, která ukazuje skutečnost. Váš podnik, vaše jídlo, vaše práce – ne obecný obrázek z fotobanky.

Jak to vypadá v praxi:

Obor	Slabý nadpis	Silný nadpis
Restaurace	Vítejte v naší restauraci	Steaky z vyzrálého hovězího v centru Brna
Instalatér	Kvalita a spolehlivost	Opravy vody a topení v Plzni do 24 hodin
Kadeřnictví	Váš salon krásy	Dámské i pánské kadeřnictví v Kolíně – objednání online
Účetní	Komplexní služby	Účetnictví pro živnostníky a malé firmy, bez starostí s termíny

Silný nadpis zároveň pomáhá Googlu pochopit, o čem stránka je, a návštěvníkovi z vyhledávání potvrdí, že je na správném místě.

Jak poskládat zbytek úvodní stránky

Pod horní částí pokračuje stránka v logickém pořadí – od toho, co nabízíte, přes důvody, proč zvolit vás, až ke kontaktu:

Nabídka. Hlavní služby nebo produkty, každý s krátkým popisem a odkazem na podrobnější stránku. Tři až šest položek, ne dvacet.
Proč právě vy. Tři čtyři konkrétní důvody. Místo „jsme profesionálové“ napište, co to znamená: „přijedeme do dvou hodin“, „vaříme z lokálních surovin“, „pevná cena předem“.
Důkazy. Hodnocení z Googlu, reference spokojených zákazníků, fotky hotové práce, počet let v oboru. Lidé věří víc ostatním zákazníkům než vám.
Jak to funguje. U služeb pomůže pár jednoduchých kroků: poptáte – přijedeme na prohlídku – dostanete cenu – uděláme. Snižuje to obavu z neznámého.
Aktuality. Denní menu, akce, sezónní nabídka, novinka z blogu. Ukazují, že firma žije.
Časté otázky. Odpovědi na to, na co se lidé ptají nejčastěji – ceny, dostupnost, parkování, platba kartou.
Kontakt a závěrečná výzva. Telefon, adresa, otevírací doba, mapa a ještě jednou hlavní tlačítko.

Nemusíte mít všechno. Malá restaurace vystačí s menu, fotkami, hodnocením a rezervací. Důležité je pořadí: nejdřív to, co návštěvníka zajímá nejvíc.

Výzva k akci: jedna hlavní, jasně pojmenovaná

Každá úvodní stránka by měla mít jednu hlavní akci, ke které návštěvníka vede. U restaurace rezervace stolu, u kadeřnictví objednání termínu, u řemeslníka zavolání nebo poptávka.

Pojmenujte ji konkrétně. „Rezervovat stůl“, „Objednat termín“, „Zavolat technikovi“ místo „Odeslat“ nebo „Více“.
Opakujte ji. Nahoře, uprostřed a na konci stránky. Kdo dočte až dolů, nemá se vracet nahoru.
Ať je vidět. Výrazná barva, dost velké tlačítko pro prst.
Ať vede k cíli. Tlačítko „Rezervovat stůl“ má otevřít rezervaci, ne obecnou stránku s kontakty. Víc o rezervacích v článku Online rezervace pro restauraci.

Úvodní stránka na mobilu

Většina návštěvníků uvidí úvodní stránku na telefonu, kde se vejde mnohem méně. Proto:

Nadpis a hlavní tlačítko musí být vidět hned, bez posouvání.
Telefon musí jít vytočit klepnutím a adresa otevřít v navigaci.
Méně textu. Co je na počítači jeden odstavec, je na mobilu celá obrazovka.
Rychlé načtení. Velké fotky a video na pozadí zdržují. Viz články Responzivní web a Rychlost webu.

Jednotný vzhled: méně je víc

Úvodní stránka je první dojem a ten tvoří i vzhled. Nemusí být okázalý, ale měl by být jednotný:

Jedno až dvě písma. Jedno na nadpisy, jedno na text. Víc písem působí neuspořádaně.
Barvy podle loga. Web má ladit s vizitkou, výlohou i jídelním lístkem, aby vás lidé poznali.
Jedna výrazná barva jen pro tlačítka. Když ji nepoužijete nikde jinde, výzva k akci vždycky vyčnívá.
Sekce odlišené pozadím. Střídání světlejšího a tmavšího pozadí oddělí jednotlivé části, aby stránka nesplývala v jeden dlouhý blok.

Jak sladit web s logem, barvami a dalšími materiály firmy, rozebíráme v článku Vizuální identita firmy.

Nejčastější chyby na úvodní stránce

„Vítejte na našich stránkách.“ Zabírá nejcennější místo a neříká nic.
Prázdné fráze. „Kvalitně, spolehlivě, za rozumné ceny“ napíše o sobě každý. Konkrétní fakta přesvědčí víc.
Kolotoč fotek nahoře. Většina lidí vidí jen první snímek, ostatní jen zpomalují načítání.
Žádná výzva k akci – nebo naopak deset tlačítek, z nichž žádné nevyčnívá.
Zastaralé aktuality. Novinka z předloňska působí hůř než žádná.
Kontakt schovaný na samostatné stránce. Telefon a adresa patří i na úvodní stránku.
Zeď textu. Nikdo nečte dlouhé odstavce o historii firmy. Krátké bloky, nadpisy, odrážky.

Pětivteřinový test

Než web spustíte, nebo kdykoli chcete zjistit, jestli úvodní stránka funguje, udělejte jednoduchý test:

Ukažte úvodní stránku na telefonu někomu, kdo vaši firmu nezná.
Po pěti vteřinách mu telefon vezměte.
Zeptejte se: Co ta firma dělá? Pro koho? Co bys udělal dál?

Pokud odpoví správně, stránka funguje. Pokud váhá nebo odpovídá jinak, než byste chtěli, upravte hlavně nadpis a horní část.

Tip: Zeptejte se i zákazníků, proč si vás vybrali. Jejich odpovědi bývají ten nejlepší materiál pro nadpis a sekci „Proč právě vy“ – jsou konkrétní a vystihují to, na čem jim opravdu záleželo.

Úvodní stránka, která zůstane aktuální

Úvodní stránka se nepíše jednou provždy. Mění se nabídka, přibývají hodnocení, sezóna střídá sezónu. U webů od Puretech se o aktuálnost postaráte sami:

Denní menu, akce a upozornění si spravujete v Puretech CMS. Na úvodní stránce se zobrazí ve správný den a po skončení samy zmizí. Jak mít menu vždy aktuální, popisujeme v článku Denní menu na webu.
Celé sekce můžete jedním přepínačem skrýt nebo zobrazit – třeba sezónní nabídku nebo zahrádku.
Nadpisy a texty úvodní stránky změníte přes změnový požadavek přímo v náhledu webu: klepnete na text, napíšete novou verzi a pošlete nám ji. Víc v článku Správa obsahu webu, kterou zvládne každý.

Při tvorbě webu s vámi nejdřív projdeme, co má úvodní stránka říct a komu, a teprve potom řešíme design. Jak takový web vypadá v praxi, si prohlédněte na ukázkovém webu restaurace Tornado House.

Časté otázky

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

Tak dlouhá, aby odpověděla na hlavní otázky návštěvníka a dovedla ho k akci. U malé firmy to bývá pět až osm sekcí. Důležitější než délka je pořadí – to podstatné nahoře.

Patří na úvodní stránku ceny?

Pokud to jde, alespoň orientační – „od 490 Kč“, „polední menu od 159 Kč“. Lidé ceny hledají, a když je nenajdou, často odejdou ke konkurenci, která je uvádí.

Mám dát na úvodní stránku video?

Krátké video může fungovat, ale nemělo by být na pozadí celé horní části, kde zdržuje načítání, hlavně na mobilu. Lepší je video níž na stránce, které se spustí, až na něj návštěvník klepne.

Jak často úvodní stránku měnit?

Aktuality, menu a akce průběžně. Nadpisy a strukturu jen tehdy, když se změní nabídka nebo když pětivteřinový test ukáže, že stránka nefunguje.

Shrnutí

Úvodní stránka webu má během pár vteřin říct, co děláte, pro koho a co má návštěvník udělat dál. Nahoře konkrétní nadpis, jedno výrazné tlačítko a skutečná fotka, pod tím nabídka, důvody, důkazy a kontakt. Vyhněte se prázdným frázím a kolotočům fotek, myslete na mobil a stránku si ověřte pětivteřinovým testem. A pak ji udržujte aktuální – i to rozhoduje, jestli návštěvník zůstane.

Chci web, který přesvědčí→