Alt text není ozdoba. Je to struktura. Když alt text u obrázků berete jako obchodní dovednost, děláte méně drahých odhadů a vytváříte stránky, které lidi vedou k akci.
Alt text u obrázků popisuje obsah a účel obrázku, pokud možno zhruba na sto dvacet pět znaků. Tato kapitola jednoduše vysvětluje, co to znamená, proč to ovlivňuje váš web i marketing a jak to uplatnit bez zbytečného žargonu. Uvidíte také, jak do stejného obrazu zapadají příklady alt textu. Projděme si to krok za krokem.
Co alt text u obrázků znamená v praxi
Alt text u obrázků popisuje obsah a účel obrázku, pokud možno zhruba na sto dvacet pět znaků.
Funkční obrázky, třeba tlačítka, potřebují popis zaměřený na akci.
Příklady alt textu ve vašem stylovém průvodci drží tým jednotný.
Jak alt text u obrázků použít na webu
Po každé větší změně designu zkontrolujte alt text na nejdůležitějších vstupních stránkách.
Začněte jednou stránkou, třeba úvodní nebo hlavní vstupní. Nejdřív opravte největší problém a stejný postup pak přeneste na další stránky.
Tuto kapitolu spojte s kapitolami kvalita obrázků pro značku jako základem a co je hero obrázek jako dalším krokem v tomto modulu.
Praktický seznam, který můžete použít hned dnes
Po každé větší změně designu zkontrolujte alt text na nejdůležitějších vstupních stránkách.
Když kontrolujete jakoukoli stránku, ptejte se, zda je alt text promyšlený už u obrázků, které se zobrazí při prvním posunu na mobilu. Pokud ne, přeskládejte sekce dřív, než začnete ladit detaily.
Ukládejte si snímky obrazovky před změnou a po ní, abyste poznali, co u alt textu u obrázků na vašem webu skutečně zabralo.
Sdílejte tento seznam s každým, kdo váš web upravuje, aby příklady alt textu zůstaly jednotné i na nových stránkách.
Vyberte si na tento měsíc jedno číslo ke sledování, třeba čas na stránce nebo počet zahájených formulářů, aby změny designu souvisely 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 žijí jen na jedné stránce. Příklady alt textu ve vašem stylovém průvodci drží tým jednotný.
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ály značky rozcházejí, zákazníci cítí nepatrný nesoulad, i když ho neumějí vysvětlit.
Podívejte se na co je hero obrázek a porovnejte si poznatky se související kapitolou tohoto modulu.
Funkční obrázky, třeba tlačítka, potřebují popis zaměřený na akci.
Časté otázky, které lidé přehlížejí
Související pojmy jako příklady alt textu a obrázky a SEO vám pomohou najít další příklady a porovnat vaši práci s běžnými standardy.
Příklady alt textu ve vašem stylovém průvodci drží tým jednotný.
Zapište si jednu změnu, kterou tento týden otestujete na ostré stránce, včetně stavu před a po. Malé změřené úpravy porazí vágní plány.
Společná slovní zásoba týmu kolem alt textu u obrázků zkracuje kola úprav s designéry a agenturami.
Nástroje, které usnadní vizuální úpravy
Na zlepšení rozvržení a stylu často nepotřebujete vlastní kód. Vizuální editor vám umožní upravit mezery, barvy a písmo a zároveň si prohlédnout náhled na mobilu i na počítači.
WEMASY obsahuje tvůrce webů s vizuálními úpravami, takže změny můžete publikovat, aniž byste kvůli každé drobnosti čekali na vývojáře. Otevřete tvůrce webů, až budete chtít použít, co jste se naučili.
Když zveřejníte úpravy, znovu zkontrolujte kvalita obrázků pro značku a hero obrázek, aby si modul v hlavě držel pohromadě.
Teď už máte pro alt text u obrázků funkční pohled. Použijte ho při kontrole webu, schvalování marketingových materiálů nebo zadání pro designéra. Pokračujte kapitolami hero obrázek a co je hero obrázek a udržte v tomto modulu tempo.
Často kladené otázky
Jak dlouho trvá zlepšit alt text u obrázků?
Většina malých firem má přehlednější stránky už po několika soustředěných sezeních, když použije základy z této kapitoly. Začněte úvodní stránkou a stejná pravidla pak přeneste na stránky služeb a kontaktu.
Potřebujete designéra na alt text u obrázků?
Designér pomůže u složitého rebrandingu, ale řadu oprav kolem alt textu u obrázků zvládnete sami, jakmile víte, na co se dívat. Souvisejícím tématem je kvalita obrázků pro značku.
Může WEMASY pomoci s alt textem u obrázků na vašem webu?
WEMASY má 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 prohlédněte si náhled na mobilu.
Jaká je nejčastější chyba u alt textu u obrázků?
Lidé se snaží opravit všechno najednou místo jedné stránky po druhé. Vyberte jednu prioritu, třeba čitelnost nebo kontrast, a pak se podívejte na hero obrázek, co zlepšit dál.
Jak souvisí alt text u obrázků se 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í. Opravy designu spojte s promyšlenou strukturou obsahu a výsledek bude nejlepší.
Co se učit dál po alt textu u obrázků?
Pokračujte v této knize kapitolami kvalita obrázků pro značku a hero obrázek a vybudujte kompletní vizuální systém své značky online.