Alt Text: Co to je a jak ho napsat

Úvodní stránka

V této příručce se dozvíte o alternativním textu (tzv. alt textu): co to je, proč je důležitý pro SEO na stránce, jak ho správně používat a další informace.

Alt text je často opomíjen, ale měl by být uveden na každém obrázku na vašich webových stránkách. Více informací je lepší a překlad vizuálních informací do textu je zásadní pro roboty vyhledávačů a uživatele se čtečkami obrazovky. Alt text je zdrojem informací, které spojují myšlenky a obsah na vašich webových stránkách.

Tento praktický průvodce obsahuje tipy a rady, které můžete okamžitě použít ke zlepšení SEO a přístupnosti vašich webových stránek.

Co je Alt Text?

Alternativní text (nebo alt text) - známý také jako atribut alt nebo značka alt (což není technicky správně, protože se nejedná o značku) - je část textu, která popisuje obrázek v kódu HTML.

Jaké jsou možnosti použití textu Alt?

Původní funkcí textu alt bylo popsat obrázek, který nelze načíst. Před lety, kdy byl internet pomalejší, pomáhal text alt uživatelům pochopit obsah obrázku, který byl příliš těžký na načtení.

Text alt dnes pomáhá robotům vyhledávačů pochopit obsah a kontext obrázku. A co je ještě důležitější, text alt je důležitý pro přístupnost a pro lidi používající čtečky obrazovky:

• Pro přístupnost: Alt text pomáhá lidem se zdravotním postižením (například při používání čteček obrazovky) porozumět obsahu obrázku.

• Pro SEO: Alt text poskytuje vyhledávačům další kontext a pomáhá jim lépe pochopit obsah stránky.

Proč je důležitý Alt Text

Web je vizuální zážitek, a proto je text alt klíčový. Převádí obsah obrázku do slov a zpřístupňuje ho tak širšímu publiku, včetně osob se zdravotním postižením a robotů vyhledávačů, kteří ještě nejsou dostatečně chytří na to, aby plně pochopili každý obrázek, jeho kontext a význam.

Proč je Alt Text důležitý pro SEO

Alt text je základním prvkem optimalizace SEO na stránce. Správná optimalizace textu alt zlepšuje šance webu na umístění ve vyhledávání obrázků na Googlu, což může být významným zdrojem návštěvnosti, zejména pro webové stránky elektronického obchodu, kde uživatelé často začínají vyhledávání produktů vyhledáváním obrázků na Googlu.

Proč je Alt Text důležitý pro přístupnost

Kromě SEO je alt text důležitý pro přístupnost, aby byl web přístupný všem, včetně osob se zdravotním postižením používajících čtečky obrazovky. Popis obsahu obrázku v textu alt pomáhá těmto uživatelům porozumět obrázku a obsahu stránky.

Příklady Alt Textu

Příklady dobrého textu Alt

Zvažte průvodce auditem SEO obsahující snímky obrazovky z nástrojů, jako je Google Search Console a Screaming Frog. Mezi dobré příklady alt textu patří:

<img src="google-search-console-coverage-report.jpg" alt="Zpráva o pokrytí v konzole 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 stránek HTML ve Screaming Frog"> <img src="screaming-frog.jpg" alt="Probíhá procházení Screaming Frog">

Příklady špatného a/nebo spamujícího textu Alt

Příkladem špatného textu alt je například vkládání klíčových slov nebo spamování:

<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, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="seo auditor, seo audit, seo audity"> <img src="screaming-frog.jpg" alt="seo audit">

Nejčastější chyby v textu Alt

• Nepoužití textu alt nebo použití prázdného textu alt.

• Používání stejného textu alt pro různé obrázky.

• Používání velmi obecného textu alt, který nepopisuje obrázek.

• Automatické použití názvu souboru jako textu alt.

Tipy pro psaní textu Alt

• Nevkládejte klíčová slova do textu alt.

• Popište obrázek podrobně, ale poměrně stručně.

• V popisu obrázku přirozeně používejte cílová klíčová slova.

• Nepoužívejte text na obrázcích. Veškerý text přidejte do kódu HTML.

• Nepište "toto je obrázek". Jen popište obsah obrázku.

• Ujistěte se, že si dokážete představit obsah obrázku pouhým přečtením jeho textu.

Jak řešit problémy s textem Alt obrázku

Kontrola prvků

Zkontrolujte prvek (klikněte pravým tlačítkem myši a po najetí na obrázek vyberte možnost Zkontrolovat) a zjistěte, zda má daný obrázek text alt.

Hromadná analýza

Pro hromadnou analýzu použijte nástroje, jako je Screaming Frog nebo Sitebulb, k procházení webu a kontrole textu alt všech obrázků na webu.

Alt text se nemusí zdát jako priorita, ale je důležitý

Každý zdroj informací o vašem obsahu má svou hodnotu. Ať už se jedná o uživatele se zrakovým postižením nebo roboty, text alt pomáhá kontextualizovat obrázky na vašich webových stránkách. Prokázání závazku k přístupnosti je také důležitou součástí moderního digitálního marketingu.

ČASTO KLADENÉ DOTAZY

K čemu slouží text alt v jazyce HTML?

Alt text poskytuje textový popis obrázku, pokud jej nelze zobrazit, a pomáhá tak uživatelům pochopit obsah obrázku a robotům vyhledávačů porozumět tématu obrázku.

Může text alt zlepšit přístupnost webových stránek?

Ano, text alt je pro přístupnost webových stránek zásadní. Převádí vizuální informace do popisného textu, který mohou přečíst čtečky obrazovky používané uživateli se zrakovým postižením, čímž se web stává přístupnějším.

Dodržováním těchto tipů zajistíte, že obrázky na vašich webových stránkách budou přístupné a optimalizované pro SEO, což zvýší uživatelský komfort i výkonnost vyhledávačů.