Jak vyhledávač čte odkaz přes obrázek a co je alt text?

Když je odkazem obrázek, vyhledávač použije jako kotevní text jeho alternativní popis, tedy atribut alt. Bez něj nemá o čem odkaz vypovídá. Alt text zároveň slouží čtenářům se zrakovým postižením a zobrazí se, když se obrázek nenačte. Zde jsou základy od vysvětlení pojmů po praktické příklady a chyby, kterým se vyhnout.

Co je alt text

Alt je atribut obrázku, který stručně popisuje jeho obsah. Čtečky obrazovky ho předčítají nevidomým uživatelům. Prohlížeč ho ukáže, když obrázek selže.

Vyhledávač z něj chápe, co obrázek zobrazuje. Používá ho při vyhledávání obrázků i jako kontext stránky. Dobrý popis tedy pomáhá všem třem skupinám.

Nejde o místo pro nahazování klíčových slov. Popis má být přirozený a věcný. Popište, co na obrázku vidíte.

Když je obrázek odkazem

V případě obrázku uvnitř odkazu platí alt jako text odkazu. Pokud tam chybí, odkaz nemá žádné slovní vyjádření. Vyhledávač i čtečka pak nevědí, kam odkaz vede.

Alt by měl říct, kam odkaz míří, ne jen co je na obrázku. U loga ve hlavičce stačí název webu nebo domovská stránka. U bannerů popište cíl.

Pokud je vedle obrázku textový odkaz na stejnou adresu, má obrázek prázdný alt. Čtečka pak nehlásí totéž dvakrát.

Jak napsat dobrý alt

Piš stručně, obvykle do několika slov, nejvýše jedna věta. Neuvádějte slova obrázek nebo fotografie, čtečka to řekne sama. Popište podstatu.

Situace	Slabý alt	Lepší alt
Logo odkazující na úvod	logo	Úvodní stránka magazínu
Produktová fotografie	boty boty levné boty	Červené kožené kotníkové boty
Ozdobný obrázek	krásný obrázek	Prázdný alt

Čistě dekorativní obrázky mají mít prázdný alt, aby je čtečka přeskočila.

Vliv na SEO

Odkaz přes obrázek předává hodnotu stejně jako textový. Alt hraje roli kotvy, takže by měl odpovídat cíli. Nadužívání jedné fráze působí nepřirozeně.

Textový odkaz bývá srozumitelnější, protože ho vidí všichni. U důležitých odkazů, třeba na kategorie, volte raději text. Obrázky nechte jako doplněk.

Vyhledávač si rozumí s pravdivým popisem. Cílené plnění klíčovými slovy je zneužití, které vede k nižší důvěře.

Časté chyby

Chybějící atribut alt je nejčastější. Stránka pak působí nedbale a zhoršuje přístupnost. Prověřte ho prohledávačem webu.

Další chybou je opakování názvu souboru, třeba IMG a číslo. Nic neříká. Dále plnění klíčovými slovy.

Také se stává, že obrázek s textem uvnitř nemá alt s tímto textem. Pak informace pro čtečku i vyhledávač zmizí.

Jak to zkontrolovat

Prohledávač webu vypíše obrázky bez alt. Seřaďte je podle toho, zda jsou v odkazu. Začněte opravou těch, které jsou odkazem.

V prohlížeči zobrazte stránku bez obrázků a podívejte se, co zůstane. Je zřejmé, kam odkazy vedou? Pokud ne, doplňte popis.

Při psaní nového obsahu doplňujte alt hned. Zpětná oprava stovek obrázků je zdlouhavá.

Zdroje

• Dokumentace Google Search Central
• Pravidla přístupnosti webového obsahu WCAG