Alt text u obrázku: k čemu doopravdy je

Alt text je krátký popis toho, co je na obrázku, napsaný přímo v kódu stránky. Vy ho normálně nevidíte, protože se nezobrazuje spolu s obrázkem. Uvidí ho tři jiné strany: Google, když obrázek zařazuje do vyhledávání, čtečka obrazovky, kterou používají nevidomí a slabozrací lidé, a prohlížeč ve chvíli, kdy se obrázek z nějakého důvodu nenačte.

Bez popisu neexistuje pro žádnou z těch tří stran nic. Google vidí jen soubor s názvem jako IMG_4271.jpg, čtečka totéž přečte nahlas, a když se obrázek nenačte, zůstane na jeho místě prázdné místo. S popisem má obrázek smysl ve všech třech případech, i když se nikdy nenačte nebo ho člověk nikdy neuvidí.

Tohle je ten dopad, který se v článcích o alt textu obvykle odbyde jednou větou, přitom je nejkonkrétnější ze všech tří. Nevidomý nebo slabozraký člověk prochází web pomocí čtečky obrazovky, programu, který mu nahlas přečte, co je na stránce. Text čte normálně. U obrázku ale nemá co číst, pokud tam není napsaný alt text, a tak přečte jediné, co má k dispozici: název souboru.

Konkrétně to zní takhle. Truhlář má na stránce fotku hotové kuchyně. Bez popisu čtečka řekne „obrázek, I-M-G podtržítko čtyři dva sedm jedna tečka jaypeg". S popisem řekne „obrázek, dubová kuchyňská linka do L se skrytými úchytkami". První verze zákazníkovi neřekne vůbec nic o tom, jak práce vypadá. Druhá mu ji popíše tak, aby si ji dokázal představit.

Tohle není okrajová skupina uživatelů, kterou lze přehlédnout jako „nastane to jednou za čas". Kdokoliv prochází web s vypnutými obrázky, s pomalým připojením, které obrázky nenačte, nebo přes čtečku, dostane přesně tuhle zkušenost. Popis obrázku rozhoduje, jestli z ní pochopí, co na webu je, nebo ne.

Situace druhá: obrázek se nenačte

Pomalé připojení, chyba na serveru, smazaný soubor po přestěhování webu, to všechno může znamenat, že se obrázek na chvíli nebo natrvalo nezobrazí. Bez alt textu zůstane na jeho místě jen prázdný rámeček. S alt textem se místo obrázku ukáže aspoň ta jedna věta, takže návštěvník pořád ví, co tam mělo být, i když to nevidí.

U e-shopu je tenhle rozdíl vidět nejvíc. Fotka produktu se občas nenačte kvůli přetíženému serveru v době slevové akce, právě když je na webu nejvíc lidí. Bez popisu vidí zákazník jen prázdný obdélník a neví, co si vlastně prohlíží. S popisem aspoň přečte název a hlavní vlastnost produktu a může se rozhodnout dál, i bez obrázku.

Situace třetí: vyhledávání obrázků v Googlu

Google zařazuje obrázky do vlastní části výsledků, kterou lidé používají, když hledají vizuální inspiraci, například „kuchyň do L dub". Bez popisu Google neví, co na obrázku je, protože sám o sobě obrázek nepřečte jako text. Ať je fotka sebelepší, do těchhle výsledků se prakticky nedostane. S popisem má aspoň šanci, že se tam ukáže, byť to nikdy není jistota, protože o zařazení rozhoduje víc věcí najednou.

Co nástroj u popisů obrázků nepozná

Kontrola spočítá, kolik obrázků na stránce popis má a kolik ne, a podle podílu z toho vyjde nález. Neposoudí ale, jestli je popis napsaný dobře. Věta „obrázek" nebo „foto1" projde stejně jako smysluplný popis, protože technicky pole vyplněné je. Rozdíl mezi vyplněným a užitečným popisem musí posoudit člověk, stejně jako u ostatních textů na stránce.

Ve WordPressu se popis píše v knihovně médií, u každého obrázku zvlášť v poli „Alternativní text". Když obrázek vkládáte přímo do stránky, pole se nabídne rovnou při nahrávání. V Shoptetu má obrázek u produktu vlastní pole pro popis v administraci karty zboží. U webu na míru je to atribut alt přímo ve značce obrázku ve zdrojovém kódu, k úpravě potřebujete přístup ke správě webu.

Popis obrázků je jedna ze tří věcí, které nástroj kontroluje u médií na stránce. Zbytek se týká technického zpracování obrázků, ne textu kolem nich. Se šesti kontrolami obsahu a textů, tedy titulkem, popiskem, hlavním nadpisem, členěním textu, množstvím textu a odkazy dál, se seznámíte na stránce o on-page SEO.