Obrázkové SEO: alt texty, WebP a rychlost

Obrázky tvoří často většinu váhy stránky a zároveň jsou příležitostí získat návštěvníky z vyhledávání obrázků. Dobré obrázkové SEO má dvě roviny: pomoct Googlu pochopit, co je na obrázku, a zároveň zajistit, aby obrázky web nezpomalovaly. Obojí jde řešit jednoduchými pravidly.

Alt text: popište, co je na obrázku

Atribut alt je textový popis obrázku. Čtou ho vyhledávače i čtečky pro nevidomé a zobrazí se, když se obrázek nenačte. Dobrý alt text stručně a věcně popisuje obsah obrázku — třeba „dřevěná kostka s nápisem SEO na modrém pozadí“, ne jen „obrázek“ nebo nacpaná klíčová slova. U čistě dekorativních obrázků nechte alt prázdný (alt="").

Používejte moderní formát WebP

Klasické JPG a PNG jsou často zbytečně velké. Formát WebP nabízí při srovnatelné kvalitě výrazně menší soubory — úspora bývá 25–80 %. Převod fotek z JPG do WebP je jeden z nejlevnějších způsobů, jak zrychlit web a zlepšit Core Web Vitals, hlavně metriku LCP.

Zmenšete obrázky na reálnou velikost

Nahrávat fotku 4000 px širokou, když se zobrazuje na 800 px, je plýtvání. Zmenšete obrázky na rozměry, v jakých se reálně zobrazují, a komprimujte je. U responzivního webu pomůže atribut srcset, který nabídne menší variantu na mobilu.

Lazy loading a stabilní layout

Obrázky pod ohybem (mimo první obrazovku) načítejte líně přes loading="lazy" — prohlížeč je stáhne, až když se k nim uživatel doroluje. Naopak hlavní obrázek nad ohybem nechte načíst přednostně. Vždy uvádějte width a height (nebo aspect-ratio), aby stránka při načítání neposkakovala — to je klíčové pro metriku CLS popsanou v článku o Core Web Vitals.

Nezapomeňte na drobnosti

Pojmenujte soubory popisně (seo-checklist.webp, ne IMG_0834.webp), nechte obrázky přístupné v robots.txt a zařaďte důležité obrázky do sitemapy. Obrázkové SEO je součást celkového stavu webu — viz checklist technického SEO.