10 rychlých typů pro domovskou stránku

05.01.2018 Tipy a triky #web #optimalizace

Domovská stránka je pro malé a střední firmy výkladní skříní. Přivádí lidi do vašeho obchodu, dává jim představu o tom, co poskytujete, a je to jejich výchozí bod pro prozkoumání zbytku vašeho webu. To také znamená, že jak vypadá vaše domovská stránka webových stránek výrazně ovlivňuje i vaše prodeje. Vylepšení titulní stránky mnohdy nestojí mnoho nákladů a nemusí se čekat na dlouhou dobu na redesign.


Je jasné, že kvalitní fotografie pro prezentaci svých výrobků jsou samozřejmostí. Existuje však důležitý kompromis: obvykle čím větší obrázek nebo jeho vyšší rozlišení, tím déle trvá, než se tyto obrázky vašim návštěvníkům načtou. Čím delší jsou časy načítání, tím je pravděpodobnější, že vaši návštěvníci odejdou.

Podle průzkumu společnosti Google až 53 procent návštěv webových stránek je opouští, pokud se načítá déle jak tři sekundy. Ve skutečnosti jejich model předpovídá, že čím déle trvá načítání stránky, tím vyšší je pravděpodobnost, že vaši ji návštěvníci opustí. Stejný výzkum ukázal, že by je velký rozdíle, kdyby majitelé webových stránek jednoduše své obrázky komprimovali.

Statistika časů načítání stránky
Čím déle trvá, než se načítá webová stránka, tím je pravděpodobnější, že návštěvníci odskočí.

Najděte rovnováhu mezi kvalitními a krásnými obrázky a rychlým načítáním. Pomocí nástroje Google Insights PageSpeed můžete zjistit, zda vaše snímky potřebují další kompresi. Pokud tak učiní, můžete nástroj TinyPNG pro jejich kompresi nebo se dozvědět více o optimalizaci obrazu.

Když návštěvník poprvé přijde na vaši domovskou stránku, neměla by být na ní být žádná nejednoznačnost ohledně toho, jaký by měl být jeho další krok. Je to místo, kde musí přijít výzva k akci (CTA). CTA se obvykle objevuje ve formě velkého tlačítka. Kliknutím na něj byste měli přivést návštěvníky z domovské stránky tam kam potřebujete nebo přímo k prodeji.

Ujistěte se, že výzva k akci je umístěno nad samotným koncem stránky - horní část domovské stránky, která je viditelná bez posouvání. V jedné případové studii byl uveden internetový obchod prodávající trampolíny zvýšil konverzní poměr o 11 procent jen tím, že přidal CTA nad konec stránky. 

Přesto byste se neměli omezovat pouze na tuto oblast. Můžete to implementovat po zbytek své domovské stránky. Například Rumpl, internetový obchod, který prodává specializované přikrývky, zdůrazňuje svůj nadřazený výrobek s výzvou k akci. 

umístění výzvy k akci
Umístěte své CTA nad konec stránky, ale také jej opakujte na celé domovské stránce.

Pokud však posunete domovskou stránku dolů, objeví se další tlačítko CTA a produkt se přidá do košíku. Zatímco Rumpl zobrazuje další položky na domovské stránce svých webových stránek, žádný z nich nemá prominentní CTA s výjimkou doporučeného produktu. Návštěvníci se zaměřují téměř výhradně na nákup doporučeného produktu.

Vyhněte se dalším rušivým prvkům na domovské stránce vašeho webu. Hlavní pozornost by měla být kladena na výzvu k akci. Pokud potřebujete umístit navigační prvky, tlačítka pro sociální média a další prvky na domovské stránce webových stránek, ujistěte se, že neodvádějí oči vašich návštěvníků z hlavních tlačítek CTA.

Pokud na domovské stránce svých webových stránek nemáte silné tlačítko výzvy k akci, podívejte se na některé z těchto šablon pro výběr tlačítek z Graphic River.

Kromě toho, že je jasné, jaké kroky musí návštěvníci podniknout, musíte také jasně vysvětlit, proč má tuto akci provést. Spotřebitelé napříč všemi věkovými skupinami oceňují přehlednost v on-line marketingové komunikaci, což je víc než skvělý design nebo dokonalá gramatika a pravopis. Takže pokud jde o domovskou stránku vašeho webu, zeptejte se sami sebe:

  • Vědí návštěvníci, co za to dostanou za kliknutí na vaše CTA? 
  • Obsahuje váš nadpis, podkapitoly a další stránky informace o službách, které poskytujete?
  • Budou návštěvníci moci snadno zopakovat vaše sdělení ostatním?
studie o srozumitelnosti komunikace společností
Spotřebitelé hodnotí jasnost zprávy vzhledem k návrhu, délce a gramatické správnosti.

Chcete-li objasnit svoji cenovou nabídku na kopii domovské stránky vašeho webu, vyzkoušejte techniky v následujících příkladech:

Pro celou strukturu vaší domovské stránky zopakujte výhody, které vaši návštěvníci získají po kliknutí na vaše CTA. K opakování těchto výhod můžete použít různé slova a vizuální prvky. V níže uvedeném příkladu je Gossamer Gear, internetový obchod, který prodává lehkou cestovní výstroj, v jejich titulku je výslovně uvedena jejich hodnota "ultralight gear". To je také zmíněno ve firemním logu ("Vezměte méně, dělejte více.") A bannerová fotka ukazuje dva turisty, kteří nesou batohy, které jsou menší než obvykle.

Vyčistěte příklad hodnotové nabídky pro webovou stránku
Opakujte svou cenovou nabídku na několika místech domovské stránky vašeho webu, včetně vizuálních stránek.

Můžete říci, že vaše firma dělá vysoce kvalitní výrobky, má dobré zákaznické služby nebo je společensky zodpovědná. Můžete to, ale pro své návštěvníky ještě jasněji specifikovat tím, proč. Na domovské stránce svých webových stránek, prodejce oblečení United By Blue zdůrazňuje svou společenskou zodpovědnost jak v jejich tagline ("Zodpovědné zboží dlouhodobé spotřeby"), tak i v jejich obsahu (odkazy na jejich blogy o čištění veřejných prostorů a jejich odpovědně postavených prodejnách). Ale jejich kopie domovské stránky na webových stránkách přináší další možnosti tím, že specifikuje úsilí společnosti podle čísel. 

Příklad specifičnosti kopie domovské stránky
Být přesvědčivý o tom, jak dodáváte svou hodnotovou nabídku.

Přemýšlejte o tom, jakým způsobem budete moci konkrétněji vyjádřit svou hodnotovu nabídky. Pokud je vaší jedinečnou hodnotou, že pomáháte zákazníkům šetřit peníze, všimněte si, kolik by mohli ušetřit. Pokud je vaše firma pyšná při výrobě na trvanlivost výrobků, specifikujte, kolik let mají výrobky tendenci vydržet, nebo vystavte výrobky různým testům a ukažte své výsledky.

Ať už máte domovskou stránku webových stránek dlouhou nebo krátkou, je důležité, aby byl text snadno čitelný. Studie od skupiny Nielsen Norman  ukazuje, že jen 16 procent lidí čte online textové slovo, zbytek jej tzv skenuje. V nedávné studii zjistili, že lidé mají tendenci skenovat těžký text ve tvaru písmene F, což vede k tomu, že se ztrácí základní informace.

Formát ve tvaru písmene F pro čtení textu online
Velké bloky textu na domovské stránce mohou lidi vést k jejich skenování ve tvaru F.

Pokud nechcete, aby návštěvníci vynechali vaše přesvědčivá slova nebo nejdůležitější funkce vašeho produktu, ujistěte se, že text na domovské stránce vašeho webu je snadno čitelný. Zde je několik tipů, které můžete aplikovat:

  • Rozdělte obsah své domovské stránky na podkapitoly.
  • Použijte seznamy, abyste podrobněji popsali podrobnosti, než abyste je popsali v odstavcích.
  • Přidejte do obrázků titulky.
  • Použijte krátké věty.
  • Pokud můžete tyto informace rychleji předvést prostřednictvím grafických vizuálů, udělejte to spíše než se spoléhat pouze na text.
  • Vyhněte se malým velikostem písma.

Dobrým příkladem tohoto principu je Barebones Living, který prodává venkovní vybavení. Spíše než výpis seznamu všech kategorií produktů s dlouhými popisy, stránka pouze uvádí "Jak trávíte čas venku?" Dokonce aniž byste si přečetli slova, můžete zjistit, na které odkazy byste měli kliknout. Podívejme se na příklad domovské stránky webových stránek:

Kategorie produktů ke skenování
Doplňte jednoduchý jazyk se silnou vizuální stránkou pro snadno čitelnou domovskou stránku.

Na domovské stránce se také používají podkapitoly. Na níže uvedeném snímku najdete podtitul "Proč Barebones?", které je následováno menšími podtexty jako "Zemědělci v Africe", "Poskytování přístřeší v Nepálu" a "Poskytování jídla v Utahu". S podtexty, jako jsou tyto, to znamená, že návštěvníci budou mít konkrétní představu o projektech společnosti, i když nebudou číst text. 

Použití podpoložek ve skenovatelném textu
Použijte podkapitoly tak, aby návštěvníci mohli získat obsah vašeho obsahu, i když přeskočí odstavce.

Dokonce i když prodáváte ten nejvíce fotogenický produkt, je nejlepší mít na fotografiích vašeho produktu lidi - zejména na domovské stránce. Testy z nástroje Visual Website Optimizer ukazují, že použití lidských fotografií namísto ilustrací nebo ikon může zvýšit míru konverze. 

Ještě důležitější je použití skutečných fotek vašich zákazníků nebo vašich zaměstnanců. Návštěvníci webových stránek mají tendenci ignorovat fotografie bez lidí, podle průzkumu The Nielsen Norman Group .

Dobrým příkladem je web online zahrady na osivo Renee's Garden. Na jejich domovské stránce je několik fotografií lidí na farmě, fotky lidí, kterým se prodali semena, a fotografie majitele. Kromě těchto fotografií, které vedou oči, vytvářejí také důvěru, protože vidíte lidi, kteří za sebou stojí. Takto budovaná okamžitá důvěra je zásadní pro malé a střední podniky, které nemají tak široké povědomí, jako více zavedené značky.

Příklad skutečných lidí na fotografiích
Použití fotografií skutečných zákazníků a zaměstnanců vám pomůže vybudovat důvěru a zvýšit počet konverzí.

Vzhledem k tomu, že on-line malé firmy nejsou tak známé jako větší značky, mohou se spotřebitelé obávat, že zde existuje riziko nákupu ve srovnání s nákupy z internetových obchodů Amazon nebo Walmart. Z tohoto důvodu je nutné eliminovat jakékoli potenciální riziko pro vašeho zákazníka. 

W & P Design, designový obchod z Brooklynu, jasně ukazuje ve své kopii nad koncem stránky, že nabízejí bezplatné vrácení. Pokud zákazník váhá koupit, protože by mohl nakonec získat nechtěný produkt, vědí předem, že ho mohou vrátit bez jakýchkoli potíží a bez zaplacení dodatečných poplatků. Zde je náhled na domovskou stránku:

Návratová politika na domovské stránce webových stránek s cílem snížit riziko
Zobrazení zásad pro vrácení na domovské stránce snižuje nedůvěru zákazníků.

Ruku v ruce s upozorněním na snižování rizika zákazníků jdou důkazy, že plníte své sliby prostřednictvím sociálních sítí, jako například recenze, případové studie a posudky. Zobrazte je na domovské stránce vašeho webu, pokud chcete, aby zákazníci důvěřovali vaší firmě.

Společnost Wynd, která prodává inteligentní čističe vzduchu, toho dosáhne tím, že na své domovské stránce umístí kartu "Hodnocení" nad koncem stránky. Po klepnutí na kartu se zobrazí seznam produktů. Tyto recenze se opět objevují v samostatné sekci na domovské stránce.

Recenze zákazníků na domovské stránce webových stránek
Přidání recenzí na domovskou stránku, pomáhá minimalizovat riziko pro potenciální zákazníky.

Podrobné rady ohledně shromažďování a používání zpětné vazby na vašich webových stránkách naleznete v následujících pokynech:

Zatímco se zdá být elegantní a moderní skrýt navigaci vaší webové stránky do rozbalovací nabídky nebo pod ikonou hamburgeru, je méně pravděpodobné, že uživatelé projdou  zbytek vašeho webu. Výzkum od společnosti Nielsen Norman Group zjistil, že objevitelnost stránek je snížena na polovinu při skrytí navigačních panelů. Návštěvníkům bude trvat déle, než naleznou další klíčové stránky na vašem webu. 

Čas do navigačního grafu
Jak dlouho návštěvníci potřebují pro procházení webem se skrytou navigací.

Pokud je na vašem webu příliš mnoho stránek a nemůžete všechny odkazy vložit do své domovské stránky, můžete se rozhodnout pro "navigaci pomocí combo". V tomto formátu jsou odkazy na důležité stránky vašeho webu, ostatní se však zobrazují v rozbalovací nabídce. To byl přístup, který používal Johnny's Selected Seeds, online obchodník se semeny. Vzhledem k tomu, že mají v online obchodě desítky semen, hlavní navigace uvádí pouze hlavní kategorie. Ostatní podkategorie jsou zobrazeny v rozbalovací nabídce.

Příklad navigačního menu
Pokud máte ve svém online obchodě příliš mnoho položek, seznamte se pouze s hlavními kategoriemi v nabídce. Důležité je, že je viditelné menu.

Jedna věc, se kterou můžete experimentovat, je použití živého chatu na vašich webových stránkách. Live chat je funkce, která umožňuje návštěvníkům webových stránek chatovat v reálném čase s vámi nebo s vašimi zaměstnanci. Pomocí živého rozhovoru můžete odpovědět na předběžné otázky, pomoci jim navigovat se na svých webových stránkách nebo přímo uskutečnit prodej. Pro zákazníky je to jednodušší než telefonování nebo zasílání e-mailů, protože s vámi mohou při chatování přímo na webu. 

JSI Signs, online obchod s podpisovými značkami, používá živý chat, aby  snížil objem hovorů, které přijímá ve svém obchodě. To také pomáhá vlastníkovi provádět multitasking, protože může odpovědět na otázky potenciálních zákazníků, přestože dělá další úkoly. Podívejme se na chat na příkladu této webové stránky:

Příklad živého rozhovoru na webových stránkách pro malé firmy
Živý rozhovor na domovské stránce vám pomůže vysvětlit produkty návštěvníkům vašich webových stránek a zvýší vaše konverze.

Existují však další důležité výhody pro přidání živého rozhovoru na domovskou stránku. Živý rozhovor může zvýšit počet konverzí až o 40 procent, podle studie Apex Chat. Poskytuje také nejvyšší úroveň spokojenosti zákazníků, přičemž 73 procent spotřebitelů je spokojeno se službou, kterou získávají od live chatu. Email je na druhém místě se spokojeností 61 procent.

úrovně spokojenosti s živým chatováním
Zákazníci jsou spokojeni s podporou live chatu, což je víc než e-mail, telefon nebo sociální média.

Máte-li zájem o živý rozhovor, podívejte se na několik live chatových služeb, které můžete použít:

Přidání videa na domovskou stránku může zvýšit počet konverzí. To platí u několika kategorií výrobků podle studie Treepodia. Z tohoto důvodu vám může pomoci, pokud na domovské stránce přidáte videoklip. Měl by být krátký, protože když je video příliš dlouhé, klesá pozornost. Nejlepší je, aby vaše video bylo kratší než dvě minuty, podle statistik Wistie.

Zvýšení rychlosti konverze videa
U výše uvedených typů produktů se zvýšily konverzní poměry elektronického obchodu přidáním videa.

Co se týče obsahu videa, mohlo by to být, svědectví zákazníků, demo produktu nebo dokonce i rychlá prohlídka vašeho obchodu. Může to být živá akce nebo animace, ať už pracuje s vašimi potřebami a rozpočtem. V níže uvedeném příkladu společnost Four Sigmatic, houbová káva, má video na své domovské stránce, kde zakladatel demonstruje, jak používat svůj produkt. Video je zvláště důležité pro neobvyklé výrobky, jako je houbová káva, kterou většina lidí nemusí znát. 

Vložené video na domovské stránce webových stránek
Přidání ukázkového video produktu může být užitečné při prodeji neobvyklého produktu.

Pokud si myslíte, že výše uvedený seznam, povede ke zlepšení domovské stránky tím, že přidáte další prvky, nemusí tomu tak být nutně. Každá nová položka, kterou přidáte, by mohla odvádět pozornost od hlavní zprávy a výzvy k akci. Může také zanechat u návštěvníka špatný dojem.

Výzkum od společnosti Google ukazuje, že vysoká vizuální složitost - přítomnost mnoha prvků - může ovlivnit atraktivitu vašeho webu. Místa s nízkou vizuální složitostí byly považovány za nejvíce přitažlivé, i když lidé byli vystaveni pouze těmto místům po dobu 17 milisekund. Jinými slovy, první dojem z domovské stránky vašeho webu se počítá a tento dojem by měl být co nejjednodušší. Mějte to na paměti při dodržování výše uvedených doporučení. Vyměňte zbytečné nebo neúčinné prvky, a nepřidávejte nové věci, které by je kompenzovaly.