Přečtěte si, proč jsou alternativní texty přidávané k fotkám a obrázkům na webových stránkách důležité pro SEO. Jak s nimi pracovat, aby jim rozuměli vyhledávací roboti spolupracující s AI, a zlepšit díky tomu viditelnost, dostupnost i zisky webu?
Co je alternativní text?
Alternativní texty nebo také ALT texty najdete v HTML kódu stránky. Jedná se jednoduše o textový popis toho, co fotografie, kresba či grafika zobrazuje. Je to další významný zdroj informací uvádějící publikovaný obsah do kontextu celkového záměru webu.
I když tomu marketingoví pracovníci často nevěnují potřebou pozornost, tak svůj ALT text by měl mít každý obrázek na webových stránkách. Převodem obrazu na text vyhledávačům lépe vysvětlíte, co se na webu odehrává, a co může hledající uživatel čekat, když na stránky zobrazené ve výsledcích klikne.
Použití alternativního textu
V dávných dobách pomalého internetu sloužil alternativní text k popisu obrázku, který byl příliš velký na váš prohlížeč, a ten jej nedokázal načíst a zobrazit.
Místo fotky jste přečetli ALT text a mohli si představit, co byste na snímku zhruba asi viděli. Dnes už k takovým situacím dochází jen zřídka, nicméně mohou nastat a obrázek pořád nahrazuje alternativní text.
Kromě toho, že pomáhá vyhledávacím strojům, je zcela nezbytný pro usnadnění přístupu a pro návštěvníky používající čtečky obrazovky.
- Alternativní text odhaluje obsah fotografií a obrázků lidem se zrakovým i jiným postižením.
Význam ALT textů
Jen těžko najdete nějaký web, který by byl úplně bez obrázků a grafických prvků. Alternativní text překládá obsah obrázku do slov, čímž jej zpřístupní širšímu publiku včetně zrakově postižených uživatelů a vyhledávacích robotů. Ti ještě nejsou dostatečně ”inteligentní” na to, aby rozpoznali každý obrázek a jeho význam či kontext.
Důležitost pro SEO
ALT text je nezanedbatelnou součástí on-page SEO strategie. Díky jeho správnému provedení pomůžete webu k lepšímu zobrazení ve výsledcích vyhledávání obrázků.
Mějte na paměti, že alternativní text patří k hodnotícím faktorům vyhledávání obrázků na Google a jako takový se může v závislosti na zaměření vašeho webu velkou měrou podílet na úspěchu stránek.
Mnoho spotřebitelů před nákupem v některém z e-shopů nejprve hledá zboží v obrázcích namísto standardního vyhledávače. Bez optimalizace ALT textů uvidí hledající méně vašich obrázků, nebo jim je vyhledávače nenabídnou vůbec. Tím můžete přicházet o mnoho potenciálních zákazníků.
Usnadnění přístupu
Kromě zlepšování viditelnosti ve výsledcích vyhledávání mají ALT texty možná ještě důležitější funkci, a tou je přístupnost. Vyhledávací algoritmy dnes hodnotí i to, zda je web přístupný pro všechny, tedy i pro lidi se zrakovým nebo jiným zdravotním postižením, a také pro ty, co používají čtečky obrazovky.
Když alternativní text opravdu popisuje, co se na obrázku děje, a neskládá se jen z klíčových slov, mohou uživatelé s omezením jeho prostřednictvím porozumět také obsahu celé webové stránky.
Budete-li mít na webu například stránku s průvodcem, jak provést SEO audit, určitě doplníte texty několika snímky obrazovky s různými situacemi z nástrojů pro procházení webu. A nepochybně uděláte lépe, když v ALT textu každého snímku popíšete, o čem obrázek je, než když ke všem napíšete pouze SEO audit.
Příklady alternativních textů
Podívejte se na příklady vhodných a nevhodných ALT textů, přičemž zůstaneme u výše zmíněného příkladu průvodce SEO auditem.
Dobré ALT texty
Předpokládejme, že součástí vzorového návodu jsou snímky obrazovky z Google Search Console a Screaming Frog. Kvalitní alternativní texty by pak mohly vypadat nějak takto:
<img src=”google-search-console-coverage-report.jpg” alt=”Přehled pokrytí ve službě Google Search Console zobrazující počet indexovaných a vyloučených stránek”>
<img src=”google-search-console.jpg” alt=”Nástroj Google Search Console od společnosti Google”>
<img src=”screaming-frog-html-pages.jpg” alt=”Seznam HTML stránek ve Screaming Frog”>
<img src=”screaming-frog” alt=”Probíhá procházení Screaming Frog”>
Věnujte čas také konkrétnímu pojmenování každého obrázkového souboru na webu. Popisné názvy obrázků sice nemají vliv na hodnocení stránek, ale jsou přínosné pro jejich optimalizaci.
Špatné ALT texty
Nekvalitní alternativní texty bývají často přeplněné klíčovými slovy nebo spamovými výrazy. Pak mohou mít třeba takovou podobu:
<img src=”google-search-console-coverage-report.jpg”alt=”seo audit zdarma, seo audit levně, seo audit specialista, seo audit, seo audity”>
<img src=”google-search-console.jpg” alt=”google seo ,seo google, google, seo, konzole pro vyhledávání google seo”>
<img src=”screaming-frog-html-pages.jpg” alt=”seo auditor, seo audit, seo audity”>
Všimněte si, že z těchto zápisů vůbec není zřejmé, co na obrázcích skutečně uvidíte.
Další příklady a návody na optimalizaci obrázků najdete v Google Search Central.
Nejčastější chyby v ALT textech
Přecpání alternativního textu klíčovými slovy není jediným pochybením, kterého se můžete dopustit. Další obvyklé chyby bývají:
- Vynechání nebo použití prázdného alternativního textu,
- Stejný ALT text pro několik různých obrázků,
- Příliš obecný ALT text (k fotografii psa napíšete ”pes” bez upřesnění plemene, barvy, činnosti na obrázku apod.),
- Použití názvu souboru jako ALT text (generuje kontraproduktivní alternativní texty jako googlesearchconsole nebo photo2322 podle pojmenování souboru.
Jak správně napsat alternativní text?
- Nevkládejte do ALT textů klíčová slova. Taková ”taktika” nijak nepomůže hodnocení stránek v SERP.
- Buďte konkrétní, ale udržujte popis v kódu stručný, bez dlouhých rozvitých vět a souvětí.
- Cílová klíčová slova používejte přirozeně jako součásti popisů obrázků. Pokud do textu nezapadají, netlačte na pilu a raději je vynechte.
- Nedávejte texty přímo do fotek. Všechny texty popisující obrázky by měly být začleněny do HTML kódu.
- Nepište do kódu ”toto je obrázek”. Vyhledávací nástroje i uživatelé fotku rozpoznají. Soustřeďte se na popis toho, co zobrazuje.
- Vyzkoušejte, jak ALT text funguje. Když si po jeho přečtení dokážete představit, co se na obrázku odehrává, je popis v pořádku.
Průzkum alternativních textů
Jak se dozvíte a prověříte, co se nachází v ALT textu konkrétního obrázku na webové stránce?
Nejjednodušší kontrolu provedete tak, že najedete myší na obrázek, kliknete pravým tlačítkem a z nabídky vyberete Prozkoumat. Zobrazí se vám HTML kód s příslušným řádkem, ve kterém uvidíte, zda a jaký alternativní text je k obrázku přidaný.
Klikání zvlášť na každou fotku a grafiku na webu může být dost úmorné, naštěstí však existují způsoby, jak analýzu ALT textů uděláte hromadně.
Jednou z možností je instalace Web Developer Chrome. Až ji úspěšně provedete, otevřete stránku, na které chcete zkoumat obrázky. Klikněte na Web Developer, vyberte Obrázky a jděte na Zobrazit alternativní atributy. Následně uvidíte obsah ALT textů u všech obrázků na dané stránce.
Nalezení chybějících ALT textů a opravy na webu
Alternativní texty můžete analyzovat také v rámci celého webu, a to pomocí nástrojů Screaming Frog nebo Sitebulb.
V těchto aplikacích procházejících webové stránky se podívejte na sestavu obrázků, ve které zkontrolujete ALT texty všech obrázků na celém webu. Můžete si také vybrat pouze obrázky bez textu a ten k nim pak postupně přidávat.
(Ne)důležitá součást webu?
Přesto, že alternativní texty nejsou pro SEO největší prioritou, jedná se o přínosný a hodnotný zdroj informací o obsahu webu. ALT texty dávají obrázkům kontext, který je zásadní pro uživatele se zrakovým postižením i pro vyhledávací roboty.
Vše, co děláte pro to, aby vyhledávače lépe porozuměli obsahu vašeho webu v příslušných souvislostech, může pomoci k poskytování přesnějších a lepších výsledků. Závazek o přístupnosti webu dnes navíc patří k nezbytným náležitostem moderního digitálního marketingu.
Otázky a odpovědi
Jaký je účel alternativního textu v HTML?
ALT text má v kódu HTML dvě hlavní funkce. Poskytuje textový popis obrázku v případě, že jej prohlížeč nemůže zobrazit kvůli technickým problémům, nebo když návštěvník používá čtečku obrazovky. Dále pomáhá porozumět vyhledávacím robotům, co na obrázku je, což může zlepšit viditelnost webu v SERP. A to je zásadní pro úspěšnou strategii SEO.
Může alternativní text zlepšit dostupnost webu?
Ano, ALT text obrázku je pro snadnější přístupnost webu velmi důležitý. Díky popisnému textu, který mohou uživatelům přečíst čtečky obrazovky, rozumí každý návštěvník obsahu webové stránky a web je tak dostupnější pro všechny.
Zdroj: marketingland.com, facebook.com, cpcstrategy.com
Autor: Martin Kulhánek
Foto zdroj: pixabay.com
