Nápověda a dokumentace
SEO Střední dopad Snadné 1–2 min na obrázek
Obrázky a alt texty
Obrázky potřebují alt popis, moderní formát a kompresi.
Co to je
Atribut alt je textový popis obrázku. Čtou ho vyhledávače (nevidí obrázek) i čtečky pro nevidomé a zobrazí se, když se obrázek nenačte.
Proč to řešit
Alt texty pomáhají rankovat v obrázkovém vyhledávání a zpřístupňují web. Neoptimalizované obrázky (velké JPEG/PNG bez komprese) jsou nejčastější příčina pomalého načítání a horšího skóre rychlosti.
Jak na to
- 1Doplň výstižný alt ke každému obsahovému obrázku (dekorativní mohou mít alt="").
- 2Popisuj, co je na obrázku, přirozeně a případně s klíčovým slovem, ne „obrazek1.jpg".
- 3Používej moderní formáty WebP/AVIF místo JPEG/PNG (o 25–50 % menší).
- 4Komprimuj a zmenši na reálně potřebné rozměry; přidej lazy loading pro obrázky mimo viditelnou oblast.
Příklad
Špatně
<img src="DSC_0042.jpg">Správně
<img src="detska-zimni-bunda-modra.webp" alt="Dětská zimní bunda v modré barvě s kapucí" loading="lazy" width="600" height="800">Závěr
Obrázky řeš ve dvou rovinách: alt texty (SEO + přístupnost) a optimalizace váhy (rychlost). Obojí je snadné a přináší dvojí užitek. Moderní formát + komprese + lazy loading často samy o sobě výrazně zvednou skóre rychlosti.
Související témata