Alt kód – praktický průvodce pro lepší popisky obrázků

Když na webu vložíte obrázek, nevidí ho jen lidé s očima. Vyhledávače i čtečky obrazovky potřebují vědět, o co jde. To je místo, kde vstupuje alt kód, krátký textový popisek, který říká, co obrázek zobrazuje.

Bez alt kódu riskujete, že část návštěvníků nepochopí obsah stránky a Google vám může odebrat body v hodnocení SEO. Navíc je to jednoduchý způsob, jak být inkluzivní – lidé se zrakovým postižením ocení, když jim čtečka obrazovky popíše, co vidí.

Jak napsat dobrý alt kód?

Pravidlo je jednoduché: buďte stručný a výstižný. Ideálně 5‑10 slov, která přesně popisují hlavní myšlenku obrázku. Pokud jde o dekorativní obrázek (např. oddělovač), můžete použít prázdný alt="" – čtečka ho tak přeskočí.

Příklad špatného alt kódu: Obrázek1.jpg. To nic neříká. Lepší varianta: Čerstvé jahody na dřevěném stole. Vidíte rozdíl? První verze je jen název souboru, druhá popisuje obsah a kontext.

Tipy pro optimalizaci alt kódu

1. Zaměřte se na klíčová slova, ale nepřehánějte. Pokud je obrázek součástí článku o kolagenu, můžete do popisku zakomponovat slovo „kolagen“, ale nevyplňujte celý text klíčovými termíny.

2. Vyhněte se nadbytečným frázím. Slova jako "obrázek", "foto" nebo "grafika" jsou zbytečná – čtenář už ví, že jde o obrázek.

3. Udržujte logiku v kontextu. Pokud je obrázek součástí návodu (např. krok 2), můžete do alt kódu zahrnout i číslo kroku: "Krok 2 – aplikace krému na tvář".

4. Nezapomeňte na jazykovou správnost. Gramatické chyby odvádějí pozornost a snižují důvěryhodnost stránky.

S těmito tipy byste měli zvládnout vytvořit alt kódy, které pomohou návštěvníkům i vyhledávačům pochopit váš obsah. Zkuste se podívat na své nejstarší články a vylepšit jejich popisky – rychle uvidíte rozdíl ve výkonnosti.

Na závěr: alt kód není jen technický detail, je to most mezi vaším obsahem a lidmi, kteří ho chtějí číst. Dodejte svým obrázkům hlas a vaše stránky budou přístupnější i úspěšnější.