Technické SEO · 25. 10. 2026
Obrázky bez alternatívneho textu: čo na vašom webe zostáva nevysvetlené?
Fotografia produktu ukáže jeho farbu, materiál aj detaily. Záber z realizácie zase zákazníkovi priblíži výsledok vašej práce.
Čo sa však o týchto obrázkoch dozvie človek, ktorý ich nevidí a web používa cez čítačku obrazovky?
Ak dôležité informácie zostanú iba vo fotografii, nemusí sa k nim dostať. Práve tu pomáha alternatívny text.
Dobrý alternatívny text sprostredkuje to podstatné, čo obrázok na danej stránke vysvetľuje.
Čo je alternatívny text obrázka
Alternatívny text, často označovaný ako „alt text“, je textová náhrada obrázka. V kóde stránky sa zapisuje do atribútu alt.
Pri bežnom prezeraní ho spravidla nevidíte. Využiť ho však môže čítačka obrazovky, ktorá obsah webu sprístupňuje hlasom alebo Braillovým písmom.
Jeho úlohou je vystihnúť informáciu, ktorú obrázok prináša v konkrétnom kontexte. Pri produktovej fotografii môže ísť o vzhľad výrobku, pri návode o dôležitý krok.
Samotný názov „IMG_4821“ alebo všeobecné slovo „obrázok“ návštevníkovi veľa nevysvetlí.
Čo môže zákazníkovi chýbať
Predstavte si e-shop s nábytkom. Pri produkte máte viacero fotografií: celkový pohľad, detail povrchu a rozkladací mechanizmus.
Ak majú všetky rovnaký popis „stôl“, nevyjadrujú rozdiel medzi jednotlivými zábermi. Užitočnejšie alternatívne texty môžu vyzerať napríklad takto:
| Čo fotografia ukazuje | Príklad alternatívneho textu |
|---|---|
| Celý výrobok | Dubový jedálenský stôl s čiernymi kovovými nohami |
| Detail materiálu | Detail prirodzenej kresby dreva na doske stola |
| Spôsob rozkladania | Prídavná doska vložená medzi dve polovice stolovej dosky |
Podobne môže fotografia na firemnom webe ukazovať bezbariérový vstup do prevádzky alebo konkrétny detail dokončenej realizácie.
Pri písaní si položte otázku: Ak človek tento obrázok neuvidí, akú dôležitú informáciu stratí?
Nie každý obrázok potrebuje vyplnený popis
Ozdobná vlna, farebný predel alebo dekoratívny tvar môžu slúžiť iba na vzhľad stránky. Ich opisovanie by používateľa čítačky obrazovky zbytočne zdržiavalo.
Pri takýchto obrázkoch môže byť správnym riešením zámerne prázdny alternatívny text, zapísaný ako alt="". Čítačka ich potom môže preskočiť.
To je odlišná situácia od úplne chýbajúceho atribútu alt. Pri jeho vynechaní môže čítačka namiesto užitočnej informácie prečítať napríklad názov súboru.
O vhodnom riešení rozhoduje úloha obrázka na stránke. Aj fotografia môže byť dekoratívna, ak neprináša ďalšiu informáciu a všetko podstatné už vysvetľuje okolitý text.
Keď obrázok funguje ako tlačidlo alebo odkaz
Niektoré obrázky slúžia na vykonanie akcie. Vtedy musí byť zrozumiteľné aj to, čo sa po kliknutí stane.
Ak je napríklad obrázok tlačiarne jediným obsahom tlačidla a tlačidlo nemá iné textové označenie, vhodný alternatívny text je „Vytlačiť stránku“. Samotné „Ikona tlačiarne“ nevysvetľuje účel tak jasne.
Pri kontrole preto treba zohľadniť aj odkazy a ovládacie prvky, nielen produktové fotografie.
Pomáha alternatívny text aj SEO?
Áno. Google používa alternatívny text spolu s obsahom stránky a ďalšími signálmi na pochopenie obrázka.
Má preto zmysel napísať výstižný popis, ktorý súvisí so skutočným obsahom fotografie. Nevhodné je vypĺňať toto pole zoznamom výrazov ako „lacný stôl, najlepší stôl, stoly Bratislava, stoly predaj“.
Popis má pomôcť pochopiť obrázok. Opakovanie kľúčových slov túto úlohu nenahradí.
Doplnenie alternatívnych textov je jednou zo súčastí starostlivosti o obsah. Samo osebe nezaručuje lepšie pozície ani vyšší predaj.
Čo preveriť na vašom WordPresse
Začnite obrázkami, ktoré zákazníkovi pomáhajú pri rozhodovaní: produktovými fotografiami, realizáciami, návodmi a dôležitými informáciami o prevádzke.
Pri kontrole sa oplatí zistiť:
- či dôležité obrázky majú zmysluplnú textovú alternatívu,
- či sa pri rôznych fotografiách mechanicky neopakuje rovnaký popis,
- či dekoratívne obrázky zbytočne nezaťažujú čítanie stránky,
- či je jasný účel obrázkov použitých ako odkazy alebo tlačidlá.
Rozhodujúca je výsledná stránka, na ktorej obrázok návštevník používa. Rovnaká fotografia môže mať v rôznych kontextoch odlišnú úlohu.
Čo vám ukáže WP Doktor
Bezplatná diagnostika WP Doktor vie upozorniť na chýbajúce alternatívne texty obrázkov na kontrolovanej stránke.
Nález je podnetom na kontrolu. Automatické zistenie samo osebe neurčuje, aký popis je vhodný alebo či má konkrétny obrázok zostať dekoratívny.
Časté otázky
Aký dlhý má byť alternatívny text?
Taký, aby vystihol podstatnú informáciu obrázka. Zvyčajne stačí niekoľko slov alebo krátka veta. Netreba začínať slovami obrázok či fotografia, čítačka obrazovky návštevníkovi oznámi, že ide o obrázok.
Kde vo WordPresse doplním alternatívny text?
V knižnici médií po kliknutí na obrázok vyplníte pole Alternatívny text. V editore blokov ho nájdete aj v nastaveniach bloku Obrázok, kde môže mať na konkrétnej stránke vlastné znenie.
Kedy nechať alternatívny text prázdny?
Pri čisto ozdobných obrázkoch, ktoré neprinášajú žiadnu informáciu, napríklad pri dekoratívnych tvaroch alebo predeloch. Prázdny alt="" čítačke povie, že obrázok môže preskočiť. Pri úplne chýbajúcom atribúte alt to nevie.
Pomáha alternatívny text pri vyhľadávaní obrázkov v Google?
Áno. Google ho používa spolu s obsahom stránky na pochopenie obrázka. Má byť výstižný a súvisieť s fotografiou. Zoznam kľúčových slov môže Google považovať za spam.
Hlási vám diagnostika obrázky bez alternatívneho textu?
Posúdime obsah a použitie obrázkov, doplníme potrebné texty a overíme ich na výslednej stránke.
Zdroje: W3C WAI (obrázky a textové alternatívy, obrázky nesúce informáciu, dekoratívne obrázky a prázdny alt, obrázky vo funkcii tlačidiel a odkazov), Google Search Central (odporúčania pre obrázky a alternatívne texty)
Ďalšie články v Poradni
Technické SEO
H1 nadpisy vo WordPresse: čo ak chýbajú alebo ich je priveľa?
Chýba na vašom WordPresse H1 alebo ich máte na stránke priveľa? Zistite, čo nález znamená a ako majú nadpisy tvoriť zrozumiteľnú štruktúru.
Technické SEO
Prečo sa váš WordPress nezobrazuje v Google?
Web je spustený, no v Google sa nezobrazuje. Prečo stránka nemusí byť v indexe, čo jej môže brániť vo WordPresse a ako to overiť v Search Console.