Pomocník a dokumentácia
SEO Stredný dopad Ľahké 1–2 min na obrázok
Obrázky a alt texty
Obrázky potrebujú alt popis, moderný formát a kompresiu.
Čo to je
Atribút alt je textový popis obrázka. Čítajú ho vyhľadávače (nevidia obrázok) aj čítačky pre nevidiacich a zobrazí sa, keď sa obrázok nenačíta.
Prečo to riešiť
Alt texty pomáhajú rankovať v obrázkovom vyhľadávaní a sprístupňujú web. Neoptimalizované obrázky (veľké JPEG/PNG bez kompresie) sú najčastejšia príčina pomalého načítania a horšieho skóre rýchlosti.
Ako na to
- 1Doplň výstižný alt ku každému obsahovému obrázku (dekoratívne môžu mať alt="").
- 2Popisuj, čo je na obrázku, prirodzene a prípadne s kľúčovým slovom — nie „obrazek1.jpg“.
- 3Používaj moderné formáty WebP/AVIF namiesto JPEG/PNG (o 25–50 % menšie).
- 4Komprimuj a zmenši na reálne potrebné rozmery; pridaj lazy loading pre obrázky mimo viditeľnej oblasti.
Príklad
Zle
<img src="DSC_0042.jpg">Správne
<img src="detska-zimni-bunda-modra.webp" alt="Detská zimná bunda v modrej farbe s kapucňou" loading="lazy" width="600" height="800">Záver
Obrázky rieš v dvoch rovinách: alt texty (SEO + prístupnosť) a optimalizácia váhy (rýchlosť). Oboje je jednoduché a prináša dvojaký úžitok. Moderný formát + kompresia + lazy loading často samy o sebe výrazne zvýšia skóre rýchlosti.
Súvisiace témy