slouží jako virtuální přední dveře vaší společnosti, tato stránka je zodpovědná za čerpání většiny provozu vašeho webu. Přesto, navzdory svému významu, mnoho podniků se snaží správně optimalizovat.
vidíte, vaše domovská stránka musí nosit hodně klobouků. Spíše než zacházet s ní jako s vyhrazenou vstupní stránkou postavenou na jedné konkrétní akci, měla by být navržena tak, aby sloužila různým divákům, z různých původů. A aby to bylo možné efektivně, musí být vybudováno účelně. Jinými slovy, budete muset začlenit prvky, které přitahují provoz, vzdělávají návštěvníky a zvou konverze.
Chcete-li zlepšit výkon své domovské stránky, podívejte se na tyto prvky, které musí mít každá domovská stránka.
12 kritické prvky každá webová stránka musí mít
sdílejte tento obrázek na svém webu
co byste měli zahrnout do návrhu domovské stránky webu
titulek
během tří sekund musí web návštěvníkům sdělit, co podnik nabízí. To je místo, kde přijde váš titulek. Může to být jen pár slov, ale je to jedna z nejdůležitějších kopií na vašem webu.
mnoho typů lidí může navštívit vaše webové stránky, a budete těžko najít pár slov, která zasáhla domov pro každého. Místo toho napište svůj nadpis a zaměřte se na třetinu lidí, kteří budou s vaším produktem s největší pravděpodobností spokojeni.
Udržujte samotný Nadpis jasný a jednoduchý. Titulek Dropboxu je skvělým příkladem: „vše, co potřebujete pro práci, vše na jednom místě.“Je to jednoduché, ale výkonné-není třeba dekódovat žargon, abyste zjistili, co Dropbox opravdu dělá.
Sub-headline
váš sub-headline by měl doplnit titulek tím, že nabídne stručný popis toho, co děláte nebo co nabízíte. To lze provést efektivně vynulováním společného bodu bolesti, který váš produkt nebo služba řeší.
zde je příklad skvělého podtitulu z Mirroru: „schovává se na očích.“Zdokonaluje se v primárním prodejním místě zrcadlové tělocvičny: Je to plná domácí posilovna, osobní trenér a tréninkový plán vše v pohodlí vašeho domova, aniž byste zabírali cenné záběry náměstí s vybavením.
Chcete-li optimalizovat své titulky pro mobily, použijte větší písma, aby návštěvníci lepší zážitek. Malá písma by mohla přinutit mobilní návštěvníky, aby sevřeli a přiblížili, aby mohli číst a komunikovat s obsahem na vašem webu. Naše rada? Použijte možnosti nadpisu v editoru stránek. Nadpisy H1 jsou ideální pro názvy stránek — na stránce by měl být pouze jeden H1. Podpoložky by měly následovat pořadí hierarchie, H2, H3 … H6 a tak dále. Můžete mít několik z těchto nadpisů, jen se ujistěte, že jsou v pořádku. Například nebudete chtít skočit z H1 na H3-místo toho vyberte H2 —
primární výzvy k akci
cílem vaší domovské stránky je přimět návštěvníky, aby hlouběji pronikli do vašeho webu a přesunuli je dolů po trychtýři. Zahrňte dvě až tři výzvy k akci nad záhyb, které nasměrují lidi do různých fází nákupního cyklu – a umístěte je na místa, která lze snadno najít.
tyto CTA by měly být vizuálně nápadné, ideálně v barvě, která kontrastuje s barevným schématem vaší domovské stránky a zároveň se hodí k celkovému designu. Udržujte kopii stručnou-ne více než pět slov-a orientovanou na akci, takže nutí návštěvníky kliknout na cokoli, co nabízíte. Příklady kopie CTA jsou „Zaregistrujte se, „“domluvte si schůzku, „nebo“ zkuste to zdarma.“
webová stránka Afterschool HQ obsahuje dvě CTA nad záhybem, obě zaměřené na programové ředitele, kteří mají zájem propagovat své mimoškolní programy rodinám na webu. Poznámka pod delší CTA „Create Your Free Profile“dává návštěvníkům šťouchnutí, které potřebují k vytvoření účtu-první krok k tomu, aby se stali poskytovatelem HQ po škole.
podpora obrazu
většina lidí je vizuální. Nezapomeňte použít obrázek (nebo dokonce krátké video), který jasně ukazuje, co nabízíte. Používejte obrázky, které zachycují emoce, řídí akci a vizuálně vyprávějí příběh, o kterém píšete.
Chcete-li optimalizovat obrázky pro mobilní uživatele, použijte vysoce kvalitní obrázky, které mají zmenšenou velikost souboru. (Zákazníci HubSpot se o to nemusí starat, protože obrázky nahrané do softwaru HubSpot jsou automaticky komprimovány. V opačném případě budou nástroje jako TinyPNG stačit.) Také vždy přidat alt text do obrázků, aby byly přístupnější pro návštěvníky, kteří používají čtečky obrazovky a aby vaše SEO úsilí do zářezu.
domovská stránka 4 Rivers Smokehouse je skvělým příkladem emocionálních snímků: obsahuje řadu krátkých videí s vysokým rozlišením a lákavých videí, která se přehrávají ve smyčce za jednoduchým nadpisem, podtitulem a primárním CTA:
výhody
není jen důležité popsat, co děláte, ale proč to, co děláte, záleží. Vyhlídky chtějí vědět o výhodách nákupu od vás, protože to je to, co bude nutit je držet kolem.
Udržujte kopii lehkou a snadno čitelnou a mluvte jazykem svých zákazníků. Evernote odvádí skvělou práci při vypisování výhod na své domovské stránce způsobem, který je přesvědčivý, vizuálně příjemný a snadno pochopitelný:
sociální důkaz
sociální důkaz je silným ukazatelem důvěry. Váš produkt nebo služba by mohla být nejlepší na světě, a to je v pořádku, aby toto tvrzení-je to jen to, že lidé nemusí věřit, pokud to slyší od jiných lidí, také. A to je přesně to, co sociální důkaz dělá.
uveďte na domovské stránce jen několik svých nejlepších (krátkých) citací a případně odkaz na případové studie. Přidání jména a fotografie dává těmto svědectvím větší důvěryhodnost. Lessonly nehty to na své domovské stránce s zářící posudky od skutečných klientů.
navigace
design a obsah ve vaší domovské navigaci by mohl znamenat rozdíl mezi konverzí webových stránek a odrazem. Chcete-li snížit míru okamžitého opuštění, dejte návštěvníkům jasnou cestu na stránky, které potřebují, přímo z domovské stránky. Zviditelněte navigační nabídku v horní části stránky a uspořádejte odkazy v hierarchické struktuře.
nikdo nezná váš web lépe než ti, kteří jej pomohli navrhnout, takže nezapomeňte provést uživatelské testy, abyste se ujistili, že je pro návštěvníky jednoduché a intuitivní najít na vašem webu to, co hledají. Zahrnout vyhledávací pole, pokud je to možné. (Přečtěte si tento blogový příspěvek, kde najdete další užitečné tipy pro navigaci na webových stránkách.
zde je příklad jasného, dobře strukturovaného navigačního designu z Slim & Homepage Husky ‚ s Pizza Beeria:
nabídka obsahu
Chcete-li generovat ještě více potenciálních zákazníků z vaší domovské stránky, mají opravdu skvělou nabídku obsahu, jako je whitepaper, ebook nebo průvodce. Lidé, kteří nemusí být připraveni koupit, si mohou raději stáhnout nabídku, která jim poskytne více informací o tématu, které je zajímá. Pokud potřebujete inspiraci, zde je několik různých typů obsahu, ze kterých si můžete vybrat.
sekundární výzvy k akci
zahrňte sekundární CTA na své domovské stránce a nabídněte další možnosti konverze pro potenciální zákazníky, kteří nemají zájem o váš primární cíl. Přemýšlejte o nich jako o pohotovostním plánu: nabízejí další cestu pro návštěvníky, kteří ještě nejsou připraveni na něco tak vysokého závazku, jak se ptáte.
zatímco vaše primární CTA by měla být nad záhybem, umístěte sekundární CTA pod záhyb, aby návštěvníci mohli kliknout, když se posouvají dolů. Například pod záhybem na domovské stránce Spanx najdete tři, jasně označené výzvy k akci, které dávají lidem, kteří tak daleko posouvali, několik dalších možností, na které můžete kliknout. Tyto sekundární CTA jsou určeny pro dva různé typy konverzí: jeden zcela vlevo za $ 20 off a další, „nakupujte nyní“ a prozkoumejte online katalog.
funkce
kromě výhod uveďte některé z vašich klíčových funkcí. To dává lidem více pochopení toho, co poskytují Vaše produkty a služby. Opět udržujte kopii lehkou a snadno čitelnou. Dropbox for Business se například nevyhýbá předvádění matice funkcí přímo na své domovské stránce pod záhybem.
zdroje
Opět platí, že většina návštěvníků vašeho webu nebude připravena ke koupi … ještě. Pro lidi, kteří hledají více informací, nabídněte odkaz na Centrum zdrojů, kde mohou procházet relevantní informace. Nejen, že je to udrží na vaší webové stránce déle, ale také vám pomůže vytvořit vaši důvěryhodnost jako vůdce myšlenek ve vašem oboru.
Lovesac přidá odkaz na zdroje do zápatí pod záhybem. Všimněte si, jak každá z těchto sekundárních CTA pokrývají více fází nákupního cyklu: odkaz na kreditní kartu, který zákazníkům pomůže snadno koupit jejich nábytek, průvodce vzorníkem tkanin pro ty, kteří stále hledají perfektní barvu před nákupem, a online katalog pro lidi, kteří jsou na trhu s novým nábytkem, ale ještě nejsou připraveni na nákup.
ukazatele úspěchu
kromě úspěchů zákazníků mohou ocenění i uznání také inspirovat dobrý první dojem. Je vaše společnost kriticky uznávanou restaurací? Byl jste letos zvolen nejlepší novou aplikací? Informujte návštěvníky své domovské stránky o svých úspěších. Jako sociální důkaz, dodá vašemu podnikání větší důvěryhodnost těm, kteří vás neznají.
na domovské stránce Calendly najdete například jména slavných organizací, které je rozpoznaly, jako Gartner a Dropbox.
domovská stránka stojí za návštěvu
domovská stránka Vašeho webu je prvním úvodem každého návštěvníka do vašeho podnikání. Než se rozhodnou stát se zákazníkem, zkontrolují vaši domovskou stránku, aby získali představu o tom, co prodáváte, proč na tom záleží a jak mohou těžit z toho, co nabízíte.
udělejte skvělý první dojem s domovskou stránkou, která obsahuje výše uvedené prvky. A pro více inspirace, podívejte se na ohromující příklady domovských stránek stažením bezplatné knihy lookbook níže.
Poznámka redakce: Tento příspěvek byl původně publikován v lednu 2012 a byl aktualizován pro čerstvost, přesnost a komplexnost.
