V úterý pozdě večer obnovíte svou úvodní stránku. Nadpis je v pořádku, fotky jsou v pořádku, a přesto návštěvníci během pár vteřin odejdou. Začnete přemýšlet, jestli obrázky na webu nejsou to, co jste přehlíželi. Často jsou. Drobná vizuální rozhodnutí utvářejí první dojem rychleji, než většina podnikatelů čeká.
Obrázky na webu by měly podporovat vaše sdělení, ladit s tónem značky a působit autenticky. Tato kapitola srozumitelně vysvětluje, co to znamená, proč to ovlivňuje váš web i marketing a jak to uplatnit, aniž byste se ztratili v odborných výrazech. Uvidíte také, jak do stejného obrazu zapadá hero obrázek. Projděme si to krok za krokem.
Co obrázky na webu znamenají v praxi
Obrázky na webu by měly podporovat vaše sdělení, ladit s tónem značky a působit autenticky.
Generické stock fotky mohou poškodit důvěru, pokud je vidět, že jsou nafingované.
Obrázky na pozadí webu musí zůstat nenápadné, aby byl text čitelný.
Jak obrázky na webu uplatnit na svém webu
Pokud to jde, dávejte přednost skutečným fotkám týmu nebo produktů před abstraktními stock fotkami.
Začněte jednou stránkou, třeba úvodní nebo hlavní vstupní stránkou (landing page). Nejdřív opravte největší problém a stejný postup pak přeneste na další šablony.
Tuto kapitolu spojte s fotografií s negativním prostorem jako základem a s stock fotografiemi pro weby jako dalším krokem v tomto modulu.
Praktický kontrolní seznam na dnešek
Pokud to jde, dávejte přednost skutečným fotkám týmu nebo produktů před abstraktními stock fotkami.
Když procházíte jakoukoli stránku, ptejte se, zda jsou obrázky na webu na mobilu vidět hned při prvním posunu. Pokud ne, přeskupte sekce dřív, než začnete ladit detaily.
Uložte si snímky obrazovky před změnami a po nich, abyste poznali, co na vašem webu skutečně pohnulo výsledky u obrázků na webu.
Sdílejte tento kontrolní seznam s každým, kdo váš web upravuje, aby hero obrázky zůstaly jednotné i na nových stránkách.
Vyberte si jedno číslo, které budete tento měsíc sledovat, například čas na stránce nebo zahájená vyplnění formuláře. Změny designu pak svážete s výsledky podnikání, a ne jen s vkusem.
Jak toto téma souvisí s celou vaší značkou
Vizuální rozhodnutí málokdy platí jen pro jednu stránku. Obrázky na pozadí webu musí zůstat nenápadné, aby byl text čitelný.
Vaše příspěvky na sociálních sítích, e-maily i tištěné materiály by měly opakovat stejnou hierarchii, barvy a pravidla písma jako váš web.
Když se vizuální podoba značky rozchází, zákazníci cítí nenápadný nesoulad, i když nedokážou říct proč.
Použijte stock fotografie pro weby a porovnejte poznatky s příbuznou kapitolou v tomto modulu.
Generické stock fotky mohou poškodit důvěru, pokud je vidět, že jsou nafingované.
Časté otázky, které lidé přehlížejí
Vedlejší pojmy jako hero image a obrázky na pozadí webu vám pomohou najít hlubší příklady a porovnat svou práci s běžnými standardy.
Obrázky na pozadí webu musí zůstat nenápadné, aby byl text čitelný.
Zapište si jednu změnu před a po, kterou tento týden otestujete na živé stránce. Malé změřené úpravy porazí vágní plány.
Když váš tým používá společnou slovní zásobu o obrázcích na webu, ubude kol úprav s designéry a agenturami.
Nástroje, které usnadní vizuální úpravy
K řadě úprav rozvržení a stylu nepotřebujete vlastní kód. Vizuální editor vám umožní upravit mezery, barvy a písmo a přitom si prohlížet náhled pro mobil i počítač.
WEMASY obsahuje Tvůrce webů s vizuální úpravou, takže změny zveřejníte, aniž byste u každé drobnosti čekali na vývojáře. Až budete chtít využít, co jste se naučili, otevřete Tvůrce webů.
Až změny zveřejníte, znovu si projděte fotografii s negativním prostorem a obrázky na pozadí webu, ať si celý modul drží pohromadě.
Teď máte k obrázkům na webu funkční optiku. Použijte ji, když kontrolujete web, schvalujete marketingové podklady nebo zadáváte práci designérovi. Pokračujte kapitolami obrázky na pozadí webu a stock fotografie pro weby, ať v tomto modulu neztratíte tempo.
Učit se práci s obrázky na webu je postupná dovednost. Vraťte se k této kapitole poté, co nasadíte jedno vylepšení, aby se poznatky z čtení proměnily ve zvyk. Malé opakované kontroly porazí snahu nacpat si všechna pravidla najednou. Pište si poznámky, co zabralo u vašeho publika, aby další úprava šla rychleji.
Často kladené otázky
Jak dlouho trvá zlepšit obrázky na webu?
Většina malých firem uvidí jasnější stránky během několika soustředěných sezení, jakmile uplatní základy z této kapitoly. Začněte úvodní stránkou a stejná pravidla pak přeneste na stránky služeb a kontaktů.
Potřebujete designéra pro obrázky na webu?
Designér pomůže u složitých rebrandingů, ale řadu úprav kolem obrázků na webu zvládnete sami, jakmile víte, na co se dívat. Pro související rady použijte vedle této kapitoly fotografii s negativním prostorem.
Může vám WEMASY pomoci s obrázky na vašem webu?
WEMASY obsahuje v Tvůrci webů vizuální editor, takže rozvržení, barvy a písmo upravíte bez kódu. Otevřete Tvůrce webů, upravte šablony a zkontrolujte změny na mobilu.
Jaká je nejčastější chyba u obrázků na webu?
Lidé se snaží opravit všechno najednou místo jedné stránky po druhé. Vyberte si jednu prioritu, například čitelnost nebo kontrast, a pak se podívejte na obrázky na pozadí webu pro další zlepšení.
Jak souvisí obrázky na webu s SEO?
Jasná vizuální hierarchie a čitelné písmo udrží návštěvníky na stránce déle, což podporuje signály zapojení, které vyhledávače sledují. Nejlepších výsledků dosáhnete, když úpravy designu spojíte s dobrou strukturou obsahu.
Co se učit dál po obrázcích na webu?
Pokračujte kapitolami fotografie s negativním prostorem a obrázky na pozadí webu v této knize, abyste pro svou značku online vybudovali ucelený vizuální systém.