Optimalizácia obrázkov pre SEO je dôležitá pre zlepšenie rýchlosti načítania stránky, používateľského zážitku a vyhľadateľnosti obrázkov na vyhľadávačoch. Tu je niekoľko krokov a tipov, ktoré vám pomôžu optimalizovať obrázky pre SEO:
1. Výber správneho formátu
JPEG: Ideálny pre fotografie a obrázky s mnohými farbami.
PNG: Vhodný pre obrázky, ktoré potrebujú priehľadnosť, a pre grafiku s ostrými líniami.
WebP: Moderný formát s lepšou kompresiou, ktorý poskytuje menšie súbory pri rovnakej kvalite.
2. Veľkosť obrázkov
Zmenšenie veľkosti súborov: Použite nástroje ako TinyPNG, ImageOptim alebo Photoshop na zmenšenie veľkosti obrázkov bez straty kvality.
Responzívne obrázky: Využite HTML atribúty srcset a sizes, aby sa načítali správne veľkosti obrázkov podľa zariadenia používateľa.
3. Názov súboru
Používajte popisné názvy: Názov súboru by mal jasne popisovať, čo je na obrázku. Použite kľúčové slová, ktoré sú relevantné pre obsah stránky.
Príklad: namiesto IMG1234.jpg použite cierna-macicka.jpg.
4. Alt text (alternatívny text)
Popisný alt text: Alt text by mal stručne a jasne popisovať obsah obrázka. Tento text je dôležitý pre vyhľadávače a tiež pre prístupnosť pre zrakovo postihnutých používateľov.
Príklad: Alt="Čierna mačka ležiaca na modrom koberci"
5. Titulok obrázka a okolitý text
Titulok: Ak je to vhodné, použite titulok obrázka (<figcaption> alebo v okolí obrázka). Pomáha to používateľom a vyhľadávačom pochopiť kontext obrázka.
Okolitý text: Uistite sa, že text okolo obrázka je relevantný a podporuje význam obrázka.
6. Lazy loading
Lazy loading: Implementujte lazy loading, aby sa obrázky načítavali len vtedy, keď sa dostanú do zorného poľa používateľa. To môže výrazne zlepšiť rýchlosť načítania stránky.
Príklad: Použitie atribútu loading="lazy" v HTML tagu obrázka.
7. Strukturované dáta (schema markup)
Schema.org: Použitie strukturovaných dát na označenie obrázkov môže pomôcť vyhľadávačom lepšie pochopiť a indexovať váš obsah.
Príklad: Použitie ImageObject schémy pre označenie obrázkov.
8. Kvalita obrázkov
Kompromis medzi kvalitou a veľkosťou: Udržujte vysokú vizuálnu kvalitu, ale zároveň minimalizujte veľkosť súboru.
9. Testovanie rýchlosti načítania
Nástroje na testovanie rýchlosti: Použite nástroje ako Google PageSpeed Insights, GTmetrix alebo Lighthouse na testovanie rýchlosti načítania stránky a identifikáciu obrázkov, ktoré potrebujú optimalizáciu.
10. Sitemap pre obrázky
Sitemap pre obrázky: Vytvorte a odovzdajte Google sitemap pre obrázky, aby ste vyhľadávačom uľahčili indexovanie vašich obrázkov.
Príklad optimalizovaného HTML tagu obrázka:
html
<img src="/cierna-macicka.jpg" alt="Čierna mačka ležiaca na modrom koberci" width="600" height="400" loading="lazy">
Ďalšie zdroje:
Google Developers - Image SEO
Moz - Image Optimization
Optimalizácia obrázkov je dôležitou súčasťou celkovej SEO stratégie, ktorá môže výrazne prispieť k lepšiemu umiestneniu vo vyhľadávačoch a k lepšiemu používateľskému zážitku.