Alternativní text: Proč popisy obrázků záleží

Před rokem jsem dělala SEO audit pro e-shop s nábytkem. Měli perfektní produkty, profesionální fotografie, dobrý technický základ. Pro "moderní sedačka" ale rankovali mizerně.

Podívala jsem se do kódu. U 90 % obrázků chyběl alt text. Nebo byl naprosto zbytečný: "IMG_2847.jpg", "product-image.png".

Google neviděl, co je na obrázcích. Nevěděl, že prodávají sedačky. Přidali jsme popisné alt texty ("modrá rozkládací sedačka s úložným prostorem L-shape"). Za 3 měsíce začali rankovat v Google Images. Traffic vzrostl o 30 %.

Co je alt text (a proč se mu tak říká)

Alt text (z anglického "alternative text" — alternativní text) je HTML atribut, který popisuje obsah obrázku.

Vypadá takto v kódu:

<img src="sedacka.jpg" alt="Modrá rozkládací sedačka v obývacím pokoji">

Zobrazuje se ve třech situacích:

1. Když se obrázek nenačte (pomalé připojení, chyba serveru)
2. Když ho čte screen reader (program pro nevidomé)
3. Když ho indexuje vyhledávač (Google "vidí" jen text)

Proč alt text záleží

1. Přístupnost (accessibility)

Nevidomí a slabozrací používají screen readery — programy, které čtou obsah stránky nahlas. Bez alt textu neví, co obrázek zobrazuje.

Příklad: Obrázek bez alt = screen reader řekne "obrázek" Obrázek s alt = screen reader řekne "mladá žena pije kávu u okna"

V mnoha zemích (včetně EU) je přístupnost právní požadavek.

2. SEO pro Google Images

Google nemůže "vidět" obrázky jako my. Čte alternativní text, aby pochopil, co obrázek ukazuje. Pak ho může zobrazit v Google Images pro relevantní dotazy.

Podle oficiální dokumentace Google: "Nejdůležitější atribut pro poskytování metadat k obrázku je alt text. Google používá alternativní text spolu s algoritmy počítačového vidění a obsahem stránky k pochopení tématu obrázku."

Kvalitní alternativní text = lepší šance rankovat v obrázcích = víc trafficu. Google Images může tvořit 10–15 % organického trafficu pro vizuálně orientované obory jako móda, recepty nebo e-commerce (Amsive Digital, 2026).

3. Kontext pro hlavní stránku

Alternativní text pomáhá Google pochopit téma celé stránky. Pokud máte článek o běžeckých botách a obrázky mají alternativní text "běžecké boty Nike na asfaltu", je to další signál relevance.

4. Náhrada při chybě

Když se obrázek nenačte (pomalé WiFi, chyba na serveru), návštěvník alespoň vidí alternativní text. Ví, co mělo být zobrazeno.

Jak psát dobrý alt text

Buďte popisní (ale struční)

Dobrý alt text říká, co je na obrázku — jako byste ho popisovali někomu po telefonu.

Dobře: "Zlatý retrívr běhá na louce s míčem v tlamě" Špatně: "Pes" Špatně: "" (prázdný)

Délka: Ideálně 5–15 slov (pod 150 znaků). Technický limit neexistuje — screen readery delší text pouze rozdělí do více částí, ale nezkracují ho (zdroj: Eric Eggert, W3C WAI).

Přidejte kontext, pokud je relevantní

Ne každý obrázek potřebuje detailní popis. Závisí na účelu.

Na produktové stránce: Dobře: "Dámské běžecké boty Nike Air Zoom Pegasus 40 černé – boční pohled"

V blogu o běhání: Dobře: "Běžkyně v startovní pozici před maratonem"

Přirozeně zahrňte klíčová slova

Pokud je obrázek relevantní k vašemu klíčovému slovu, zahrňte ho. Ale přirozeně — ne násilně.

Dobře: "SEO audit checklist vytištěný na papíře s označenými body" Špatně: "SEO audit SEO kontrola SEO optimalizace SEO služby"

Keyword stuffing v alt textech Google penalizuje stejně jako v textu.

Nepište "obrázek", "fotografie", "ilustrace"

Screen reader už řekne "obrázek". Není potřeba opakovat.

Špatně: "Obrázek modrého auta" Dobře: "Modré Tesla Model 3 zaparkované před domem"

Kdy použít prázdný alt text

Dekorativní obrázky

Pokud obrázek nemá informační hodnotu (ozdobné čáry, barevná pozadí, ikony u textu, kde text už všechno říká), použijte prázdný alt:

<img src="dekorace.png" alt="">

Proč? Screen reader ho přeskočí. Ne každý vizuální prvek potřebuje být nahlas přečten.

Příklady dekorativních obrázků:

• Ozdobná čára mezi sekcemi
• Barevné pozadí za textem
• Ikona vedle nadpisu, kde nadpis už vše říká

Alt text na různých platformách

WordPress

V editoru médií je pole "Alt text". Vyplňte vždy.

Shopify / Shoptet

V nastavení produktového obrázku najdete pole pro alt text.

HTML (manuálně)

<img src="produkt.jpg" alt="Popis produktu">

Časté chyby s alt texty

Chyba 1: Prázdné alt texty

Špatně: <img src="product.jpg" alt=""> Dobře: <img src="product.jpg" alt="Černý batoh 30L s laptop kapsou">

Chyba 2: Název souboru jako alt

Špatně: alt="IMG_3847.jpg" Špatně: alt="product-image-final-v2.png"

Chyba 3: Keyword stuffing

Špatně: alt="běžecké boty Nike boty běhání sportovní obuv běžecká obuv Nike Air"

Chyba 4: Příliš dlouhé

Špatně: alt="Toto je fotografie mladé ženy ve věku přibližně 25 let, která sedí u okna v kavárně a pije cappuccino zatímco se dívá ven na ulici kde prší..." (200+ znaků)

Jak zkontrolovat alt texty na webu

Chrome Lighthouse (zdarma)

1. Otevřete stránku v Chrome
2. F12 → záložka Lighthouse
3. Spusťte Accessibility audit
4. Uvidíte chybějící/špatné alt texty

Screaming Frog SEO Spider

Nástroj Screaming Frog prohledá celý web a ukáže:

• Obrázky bez alt
• Prázdné alt texty
• Duplicitní alt texty

WAVE Web Accessibility Tool

WAVE extension pro Chrome/Firefox vizuálně zvýrazní problémy s přístupností včetně alt textů.

Shrnutí

Alt text je popis obrázku v HTML kódu. Zobrazuje se při nenačtení obrázku, čte ho screen reader, indexuje Google.

Důležitý pro přístupnost (nevidomí uživatelé), SEO (Google Images + kontext stránky) a UX (náhrada při chybě).

Jak psát: popisně ale stručně (5–15 slov), přirozeně zahrňte klíčová slova, nepište "obrázek".

Prázdný alt použijte jen u dekorativních obrázků bez informační hodnoty.

Časté chyby: prázdný alt, název souboru jako alt, keyword stuffing.

Chcete audit alt textů na vašem webu?

Nabízím kontrolu a optimalizaci alt textů — pomůžu vám získat více trafficu z Google Images a zlepšit přístupnost webu.

Objednejte si audit →

Související články

• Optimalizace obrázků pro SEO — kompletní návod
• Vizuální vyhledávání a SEO — jak rankovat v obrázcích
• UX a UI design — přístupnost webu

Často kladené otázky

Musí mít každý obrázek alternativní text?

Ano, ale dekorativní obrázky mají prázdný alt (alt=""). Toto je standard podle W3C WAI.

Jak dlouhý může být alternativní text?

Technicky neomezený. Screen readery delší text rozdělí do více částí, ale nezkracují ho. Ideálně 5–15 slov (pod 150 znaků) pro lepší uživatelský zážitek (zdroj).

Mohu do alternativního textu dát klíčová slova?

Ano, pokud přirozeně popisují obrázek. Keyword stuffing (přehušťování klíčovými slovy) Google trestá. Podle Google: "Vyhněte se vyplňování alt atributů klíčovými slovy — vede to k negativní uživatelské zkušenosti a může způsobit, že váš web bude považován za spam."

Je alternativní text ranking faktor?

Alternativní text je ranking faktor pro Google Images, ale nikoliv přímo pro hlavní vyhledávání. Pomáhá však Google lépe pochopit kontext stránky (Search Engine Journal, 2026).

Co když nemám čas psát alternativní text pro stovky obrázků?

Prioritizujte: nejdřív produktové obrázky a hlavní fotky v článcích. Dekorace neřešte.

Autorka: SEO specialistka s roky zkušeností. Pomáhám firmám vytvářet přístupný web a získávat traffic z Google Images.

Vyzkoušejte kvalitu mé práce Získejte 1 článek ZDARMA na obsahovém webu s DA50+.

O autorce

SEO specialistka s roky zkušeností v oboru. Pomohla jsem firmám zlepšit jejich viditelnost v Google. Specializuji se na technické SEO, obsahový marketing a budování odkazů.

Kontaktujte nás | Další články