Zlepšení dostupnosti a obsahu stránky pomocí Alt Text
Podívejte se téměř na všechny webové stránky na webu dnes a uvidíte, že jedna z věcí, které mají společné, jsou obrazy. Obrázky mohou být použity na webových stránkách pro přidání vizuálního vkusu, pomáhají ilustrovat nápady a přidat k celkovému obsahu stránky. Vedle výběru správných obrázků a jejich správné přípravy na webovou distribuci je důležité, aby všechny obrázky vašeho webu správně používaly text ALT, je velmi důležitou součástí správného používání těchto obrázků pro web.
Co je Alt Text
Alt text je alternativní text, který používají textové prohlížeče a další agenti webových uživatelů, kteří nemohou prohlížet obrázky. Jedná se také o jeden z atributů vyžadovaných značkou obrázku. Psaním efektivního jiného textu zajistíte, že vaše webové stránky budou přístupné osobám, které mohou používat čtečku obrazovky nebo jiné zařízení podporované pro přístup k vašemu webu. Také se ujistěte, že se místo obrázku nezobrazí něco, pokud se z jakéhokoliv důvodu (nesprávná cesta, selhání přenosu apod.) Nezavede. To je skutečný účel Altového textu, ale tento obsah vám může také poskytnout více míst pro přidání textů, které vám vyhledávačům nebudou potrestat (více o tom brzy).
Alt Text by měl opakovat text v obrázku
Každý obrázek, který má text v něm, by měl mít text jako alternativní text. Do alternativního textu můžete umístit další slova, ale přinejmenším by měla říkat totéž jako obrázek. Například pokud máte logo pro vaše obrázky, text Alt by měl zopakovat název firmy napsaný vaším grafickým logem.
Nezapomeňte také, že obrázky, jako jsou loga, mohou také znamenat text - například, když vidíte ikonu červené koule na webu "About.com", znamenají "About.com". Takže alternativní text pro tuto ikonu by mohl říct "About.com" a ne jen "logo společnosti".
Udržujte text krátký
Čím delší je váš alternativní text, tím obtížnější bude přečíst textové prohlížeče. Může být lákavé psát dlouhé věty alternativního textu (obvykle se to dělá, protože se někdo pokouší doplnit značku klíčovými slovy), ale zachování značek Alt udržuje vaše stránky menší a menší.
Dobrým pravidlem pro alternativní text je udržet jej mezi 5 a 15 slovy celkem.
Použití klíčových slov SEO ve značkách Alt
Lidé si často mylně myslí, že cílem alternativního textu je dát klíčová slova vyhledávače. Ano, to je výhoda, kterou můžete použít, ale pouze v případě, že text, který přidáváte, má smysl pro skutečný účel značky alt - zobrazovat inteligentní text, který vysvětluje, co je obraz, pokud by někdo neviděl!
Nyní, že to bylo řečeno, Alt text není míněn jako SEO nástroj neznamená, že nemůžete používat klíčová slova v tomto textu. Vzhledem k tomu, že je důležitý a požadovaný alternativní text na obrázcích, je nepravděpodobné, že by vyhledávací nástroje penalizovaly vás, když jste přidali klíčová slova, pokud obsah, který přidáte, má smysl. Nezapomeňte, že vaší první prioritou jsou vaše čtenáři. Klíčové slovo spam v alternativním textu může být zjištěno a vyhledávače měnit jejich pravidla po celou dobu, aby se zabránilo spammery.
Dobrým pravidlem je použití klíčových slov pro vyhledávače tam, kde odpovídají popisu obrázku, a ve svém alternativním textu nepoužívejte více než jedno klíčové slovo.
Udržujte svůj text smysluplný
Nezapomeňte, že cílem jiného textu je definovat obrázky pro vaše čtenáře. Mnoho webových vývojářů používá pro sebe alternativní text, včetně věcí, jako je velikost obrázku, názvy obrazových souborů atd. Zatímco to může být pro vás užitečné, pro vaše čtenáře nic neudělá a mělo by proto být z těchto značek vynecháno.
Použijte prázdný text Alt pouze pro ikony a odrážky
Pravidelně použijete obrázky, které nemají žádný užitečný popisný text, například odrážky nebo jednoduché ikony. Nejlepší způsob, jak tyto obrázky použít, je v CSS, kde nepotřebujete alternativní text. Ale pokud je absolutně musíte mít ve vašem HTML, použijte prázdný atribut alt, než abyste ho úplně opustili.
Může být lákavé dát znak jako hvězdičku (*), aby reprezentoval kulku, ale to může být více matoucí, že prostě necháte prázdné. A uvedení textu "kulička" bude ještě více podivné v textovém prohlížeči.
Původní článek Jennifer Krynin. Editoval Jeremy Girard 3. 3. 17