SEO a LLMO na každý deň -💡TIP 361: Ako optimalizovať obrázky na webových stránkach pre SEO?

Obrázky sú často najväčší „žrút“ rýchlosti webu a zároveň veľká príležitosť pre SEO. Keď ich optimalizujete správne, zrýchlite stránku, zlepšíte používateľský zážitok a zároveň dáte vyhľadávačom aj AI systémom jasné informácie o obsahu (čo je na obrázku a prečo je dôležitý).

Ako na to – praktický postup (HowTo)

1. Zvoľte správny formát (WebP/AVIF). Pre väčšinu webov je ideálne používať WebP (alebo AVIF, ak ho máte pod kontrolou). Znížite veľkosť súboru bez viditeľnej straty kvality.
2. Komprimujte obrázky pred nahraním. Nastavte si proces: každý obrázok prejde kompresiou. Cieľ je udržať typický obrázok na úrovni desiatok až nízkych stoviek KB (podľa typu a rozmeru).
3. Používajte presné rozmery. Nenahrávajte 4000px fotky, ak sa na stránke zobrazujú v šírke 800px. Obrázok má mať rozmer podľa reálneho použitia (a ideálne aj responzívne varianty).
4. Vyplňte zmysluplný ALT text. ALT má popísať, čo je na obrázku a v akom kontexte je to dôležité. Nemá to byť zoznam kľúčových slov. Príklad: „Keramická batéria do kúpeľne v zlatej farbe – detail páky“.
5. Pomenujte súbor čitateľne. Namiesto IMG_3921.jpg použite napr. zlatá-kupelnova-bateria-detail.webp. Názov má pomôcť pochopeniu obsahu aj pri zdieľaní.
6. Zapnite lazy-loading. Obrázky mimo prvého viditeľného obsahu (nad ohybom obrazovky) načítavajte až pri scrollovaní. Zlepší to rýchlosť prvého načítania.
7. Pridajte kontext okolo obrázka. Obrázok by mal mať popis v texte v okolí (odsek, nadpis, odrážky). Vyhľadávač aj AI modely kombinujú „okolie“ + ALT + názov súboru.
8. Nezabudnite na veľké obrázky v hero sekciách. Pri hlavných bannerových obrázkoch riešte kompresiu extra prísne a zvážte aj preload (ak je to kritický prvok), aby sa nenaťahoval LCP.

FAQ – najčastejšie otázky

• Aký formát obrázkov je najlepší pre SEO? Najčastejšie WebP (prípadne AVIF). Ide o moderné formáty s menšou veľkosťou pri zachovaní kvality.
• Koľko má mať obrázok KB? Neexistuje jedno číslo, ale ako pravidlo: bežné produktové a obsahové obrázky držte čo najnižšie (typicky desiatky až nízke stovky KB) bez viditeľnej straty kvality.
• Musí mať každý obrázok ALT? Väčšina áno. Výnimkou sú čisto dekoratívne prvky (napr. pozadia), kde ALT nemusí dávať zmysel.
• Pomáha názov súboru pri SEO? Áno, je to doplnkový signál. Názov má byť zrozumiteľný a opisný, nie umelé „napchávanie“ slov.
• Je lazy-loading vždy dobrý nápad? Pre obrázky mimo prvého zobrazenia áno. Pri obrázkoch nad ohybom môže lazy-loading uškodiť rýchlosti vnímania (LCP), tam ho používajte opatrne.