Vaše domovská stránka je první stránka, kterou většina návštěvníků uvidí, když se rozhodují dozvědět se o vaší firmě víc. Proto je to stránka, na které záleží nejvíc, a přesto často dostává nejméně soustředěné pozornosti při návrhu. Většina domovských stránek se snaží říct všechno. Ty, které fungují, říkají jednu věc jasně.
Design domovské stránky rozhoduje o tom, zda váš web funguje, nebo plýtvá návštěvností, kterou dostává. Domovská stránka, která se čistě načte a jasně ukáže další krok, udržuje návštěvníky v pohybu. Ta, která je přeplněná, pomalá nebo nejasná, je ztratí dřív, než se dostanou k vašemu nejlepšímu obsahu.
Tento článek popisuje, co musí domovská stránka dělat, jak strukturovat obsah a jaká konkrétní rozhodnutí oddělují domovskou stránku, která konvertuje, od té, která jen existuje.
Co musí domovská stránka dělat?
Domovská stránka má jediný úkol: pomoci správnému návštěvníkovi pochopit, že je na správném místě, a ukázat mu, kam jít dál. Zní to jednoduše. Většina domovských stránek v tom selhává, protože se snaží dělat příliš mnoho věcí najednou.
Návštěvníci přicházejí na domovskou stránku z různých míst a s různou mírou povědomí. Někteří hledali přesně to, co nabízíte, a jsou připraveni jednat. Někteří o vás slyšeli od někoho a chtějí si ověřit, že jste důvěryhodní. Někteří si jen prohlížejí a ještě nevědí, zda něco potřebují. Dobrý design domovské stránky slouží všem třem, aniž by se stal obecnou brožurou.
Nejjasnější způsob, jak domovskou stránku posoudit, je zeptat se, zda dokáže nový návštěvník do pěti vteřin po příchodu odpovědět na tři otázky: co je to za firmu, pro koho je a co mám udělat dál? Pokud je odpověď na kteroukoli z nich nejasná, domovská stránka nefunguje.
Co patří do viditelné části domovské stránky?
Viditelná část domovské stránky (above the fold) má největší váhu, protože je to to, co každý návštěvník uvidí dřív, než se rozhodne rolovat, nebo odejít. Musí co nejpřímočařeji odpovědět na tři výše uvedené otázky.
Nadpis, který říká, co děláte a pro koho. Ne slogan ani poslání firmy. Prostý, přímý popis hodnoty, kterou poskytujete. Doplňující věta, která přidá konkrétnost nebo řeší hlavní obavu návštěvníka, na kterém vám nejvíc záleží. Výzva k akci, která dává připraveným návštěvníkům jasný další krok a nevyvíjí tlak na ty, kteří připraveni nejsou.
Vizuál, který sdělení posiluje, a ne nahrazuje. Abstraktní obrázky nebo čistě dekorativní pozadí přidávají atmosféru, ale ubírají na přehlednosti. Nejsilnější vizuály ve viditelné části ukazují produkt, výsledek nebo člověka, který z něj těží.
Navigace patří do této části. Návštěvníci, kteří chtějí zkoumat dál, potřebují způsob, jak to udělat, aniž by ho museli hledat. Článek o tom, co je above the fold, podrobně popisuje, čím je první zobrazená část účinná a jak se na mobilu chová jinak než na počítači.
Jak strukturovat obsah pod viditelnou částí?
Pod viditelnou částí má domovská stránka prostor vybudovat argumentaci pro návštěvníka, který nejednal okamžitě. Nejlépe funguje struktura, která postupuje logicky: co děláte, důkaz, že to funguje, pro koho to je a co udělat dál.
Stručné vysvětlení hlavní nabídky, dost konkrétní, aby odfiltrovalo návštěvníky, kteří nejsou vhodní, a uklidnilo ty, kteří ano. Sociální důkaz v takové podobě, která je pro vaši firmu nejdůvěryhodnější: citace zákazníků, výsledky, loga známých klientů nebo číslo, které dokládá rozsah. Sekce, která oslovuje hlavní obavy nebo situace, ze kterých pocházejí vaši nejlepší zákazníci. Druhá výzva k akci pro návštěvníky, kteří se dostali až sem a jsou nyní připraveni.
Navigace v patičce na konci domovské stránky dává návštěvníkům, kteří přečetli všechno, způsob, jak se dostat k vedlejším stránkám. Slouží také návštěvníkům, kteří sjedou rovnou dolů a hledají kontaktní údaje, právní odkazy nebo jiné stránky, které potřebují. Článek o tom, co je navigace webu, podrobně popisuje návrh hlavní navigace i navigace v patičce.
Čím funguje text na domovské stránce?
Text na domovské stránce selhává dvěma předvídatelnými způsoby. Buď je příliš vágní na to, aby cokoli znamenal, nebo říká tolik, že se nic nezapamatuje.
Vágní verze používá formulace jako „Pomáháme firmám růst“ nebo „Měníme způsob, jakým pracujete“. Tato tvrzení jsou technicky pravdivá o téměř jakékoli firmě, a proto o žádné nejsou pravdivá užitečným způsobem. Návštěvník z nich nepozná, zda je vaše firma relevantní pro jeho situaci.
Přeplněná verze se snaží vysvětlit každou funkci, zmínit každý případ použití a zodpovědět každou možnou otázku na jedné stránce. Výsledkem je stránka, která se čte jako brožura a také tak konvertuje.
Text, který funguje, je konkrétní, přímý a napsaný pro jeden typ návštěvníka. Pojmenuje problém nebo situaci, popíše výsledek a učiní další krok zřejmým. Nejlepší text domovské stránky se čte, jako by ho napsal někdo, kdo vaši firmu dobře zná, pro někoho, kdo se rozhoduje, zda vám důvěřovat.
Jak by měla domovská stránka fungovat na mobilu?
Domovská stránka navržená jen pro počítač přijde o většinu návštěvníků. Více než 60 procent webového provozu pochází z mobilních zařízení a domovská stránka je často první stránka, kterou tito návštěvníci vidí.
Na mobilu se sloupce rozvržení sbalují, písma musí být větší a cíle pro klepnutí na tlačítka dost velké pro prst. Viditelná část je menší, takže nadpis a výzva k akci musí fungovat v užším okně. Velké dekorativní obrázky, které fungují na počítači, často vyplní celou mobilní obrazovku, aniž by nabídly něco užitečného.
Otestovat domovskou stránku na skutečném telefonu, než ji prohlásíte za hotovou, není volitelné. Náhledy v prohlížeči jsou užitečné při vývoji, ale zážitek na dotykovém zařízení nenahradí. Článek o tom, jak udělat web vhodný pro mobily, popisuje celou sadu změn, díky kterým je web skutečně použitelný na telefonu.
Ovlivňuje design domovské stránky SEO?
Domovská stránka je obvykle nejvíc odkazovanou stránkou webu a má nejvyšší autoritu. To, jak je strukturovaná, ovlivňuje, jak vyhledávače web chápou i jak se tato autorita přenáší na další stránky.
Jasná struktura nadpisů, s jedním H1, který říká, o čem web je, a sekcemi H2 pokrývajícími související témata, pomáhá vyhledávačům stránku pochopit. Interní odkazy z domovské stránky na klíčové stránky produktů, služeb nebo obsahu předávají autoritu těmto stránkám a signalizují jejich důležitost.
Rychlost domovské stránky má nepřiměřeně velký význam, protože je to nejnavštěvovanější stránka. Domovská stránka, která se na mobilu načítá pomalu, stahuje dolů výkon celého webu ve vyhledávání. Článek o tom, co je webdesign, vysvětluje, jak rozvržení a strukturální rozhodnutí souvisejí s výkonem ve vyhledávání. Úplný obrázek o pozicích ve vyhledávání podává článek co je SEO, který popisuje technické i obsahové faktory ovlivňující řazení stránek.
Jak design domovské stránky řeší WEMASY
Tvůrce webů WEMASY obsahuje šablony domovské stránky rozdělené podle typu firmy, z nichž každá je postavená na jasné viditelné části, logickém toku obsahu a rozvržení vhodném pro mobily. Vizuální editor umožňuje upravit obsah, barvy a sekce bez zásahu do kódu. Mobilní náhled ukazuje, jak domovská stránka vypadá na telefonu, už při tvorbě, takže po zveřejnění nečekají žádná překvapení.
Co je zahrnuto, zjistíte na stránce tvůrce webů WEMASY, a balíčky najdete na stránce s ceníkem.
Často kladené otázky
Jak dlouhá by měla být domovská stránka?
Dost dlouhá na to, aby odpověděla na otázky, které potřebuje nový návštěvník zodpovědět, než začne jednat, a ne delší. U jednoduché firmy poskytující služby to mohou být tři až pět sekcí. U produktu se složitější nabídkou nebo delším rozhodovacím cyklem sedm nebo osm. Cílem není délka. Cílem je pokrýt správný obsah ve správném pořadí. Příliš krátká domovská stránka nechá návštěvníky bez dostatku informací k jednání. Příliš dlouhá je ztratí dřív, než se dostanou k výzvě k akci. S tvůrcem webů WEMASY si to můžete nastavit přímo na svém webu.
Kolik výzev k akci by měla mít domovská stránka?
Jednu hlavní výzvu k akci, opakovanou na logických místech, jak návštěvník roluje. Jedna jasná hlavní akce, ať jde o rezervaci hovoru, spuštění zkušební verze zdarma nebo získání nabídky, brání tomu, aby si návštěvník musel vybírat mezi několika konkurujícími možnostmi. Vedlejší akce jako „Zjistit více“ nebo „Podívejte se, jak to funguje“ mohou existovat vedle hlavní, ale měly by působit jasně druhotně, aby nejdůležitější akce vynikla.
Má mít domovská stránka video?
Video může na domovské stránce fungovat dobře, pokud ukazuje něco, co je opravdu těžké sdělit textem a obrázky, například ukázku produktu nebo postup. Rizika jsou doba načítání a automatické přehrávání. Video na domovské stránce, které se automaticky spustí se zvukem, okamžitě naštve většinu návštěvníků, zvlášť na mobilu. Video, které prodlouží načítání stránky o několik vteřin, než se objeví něco užitečného, poškodí míru opuštění. Pokud video použijete, zajistěte, aby bylo volitelné, ve výchozím stavu ztlumené a neblokovalo načítání zbytku stránky.
Jaká je největší chyba, které se firmy na domovské stránce dopouštějí?
Navrhují ji pro sebe, a ne pro nového návštěvníka. Majitelé firem znají svůj produkt, své odlišnosti a svůj příběh. Noví návštěvníci nevědí nic z toho a během vteřin se rozhodují, zda investují pozornost. Nejběžnějším výsledkem je domovská stránka, která začíná interní řečí, používá vágní nadpisy, které uvnitř firmy dávají smysl, ale cizímu člověku neříkají nic, a skutečnou nabídku schovává za dlouhým vysvětlováním hodnot firmy. Řešením je psát domovskou stránku, jako byste vysvětlovali, co děláte, někomu, kdo o vás nikdy neslyšel a je mírně skeptický.
Jak často by se měla domovská stránka předělávat?
Když přestane fungovat, ne podle pevného plánu. Signály, že domovská stránka potřebuje pozornost, zahrnují vysokou míru opuštění u nových návštěvníků, nízkou konverzi na hlavní výzvu k akci nebo zpětnou vazbu, že návštěvníci nechápou, co firma dělá. Menší úpravy textu, obrázků a výzev k akci většinu problémů vyřeší bez úplného redesignu. Úplný redesign dává smysl, když se firma výrazně změnila, současný design už neodráží, kým firma je, nebo je technický základ natolik zastaralý, že je snazší ho postavit znovu než záplatovat.