2025-06-18 · Redakce Baduno · 6 blog.readMin · Blog a znalosti
SEO obrázků: WebP, alt texty a konec výmluv na dobu načítání
Obrázky jsou na většině stránek nejtěžší zátěž a zároveň nejhůře využitá SEO plocha. Obojí lze změnit za jedno odpoledne.
Otázka formátu vyřešena
WebP (nebo AVIF) místo JPEG/PNG typicky ušetří 30–70 % hmotnosti při stejném účinku. Pro staré formáty už téměř neexistují důvody – každá obrazová pipeline by měla automaticky konvertovat, stejně jako ta naše.
Rozměry a načítání
Atributy width a height zabraňují skokům v rozvržení, loading=lazy odkládá neviditelné, hero obrázek má prioritu. Tři atributy, znatelný vliv na všechny Core Web Vitals.
Alt texty: pro lidi, pak stroje
Dobrý alt text popisuje, co je vidět a k čemu – nejprve pro uživatele čteček, poté pro vyhledávání obrázků. Vkládání klíčových slov škodí oběma cílovým skupinám. Vícejazyčně platí: Alt texty se překládají spolu s obsahem, nezapomíná se na ně.
Vlastní obrázky vítězí
Stock fotografie pozná každý a vyhledávání obrázků je jich plné. Vlastní, konzistentní obrazové světy – dnes již i podporované AI – posilují značku a odlišitelnost. Každý obrázek na těchto stránkách je vlastní výroba; o to právě jde.
Efektivita díky optimalizaci obrazu pomocí umělé inteligence
Umělá inteligence může automaticky zvolit optimální formát a nejlepší kompresi. Nástroje analyzují motiv obrazu a přizpůsobují parametry, aniž byste museli každý obrázek kontrolovat ručně. Typicky je dosaženo snížení velikosti souboru o 40–60 % při zachování kvality. Výsledky by však měly být namátkově kontrolovány člověkem, protože AI někdy přehlédne detaily. V praxi mnoho systémů pro správu obsahu integruje takové optimalizace pomocí pluginů. Příklad: Cestovní portál automaticky konvertoval tisíce obrázků, ušetřil 55 % šířky pásma a zlepšil dobu načítání o 1,2 sekundy, aniž by se zaměstnanec musel dotknout každého obrázku.
Mapa webu pro obrázky: Strukturovaná data a indexování
Obrázky jsou nalezeny pouze tehdy, pokud je vyhledávač může procházet. Použijte mapu webu obrázků k nahlášení všech URL i u dynamicky generovaných obrázků. Doplňte strukturovaná data (breadcrumb, produkt, video) o URL obrázků, aby Google zobrazoval obrázky v Rich Results. Dbejte na to, aby URL obrázků odkazovaly přímo na originál a ne přes skriptový parametr. Příklad: Online obchod s nábytkem zahrnuje všechny produktové obrázky do XML mapy webu a používá schema produktu s vlastností image. Díky tomu se obrázky zobrazují prominentně ve vyhledávání obrázků Google a jsou častěji klikány.
Responzivní obrázky a art direction
S atributy srcset a sizes dodáte prohlížeči podle viewportu vhodný obrázek. Na mobilních zařízeních to výrazně šetří data. Art direction (prvek picture) umožňuje dokonce různé výřezy – např. na smartphonu zaměření na produkt, na desktopu celou scénu. Implementace vyžaduje několik variant obrázků, ale moderní CMS to dokážou automatizovat. Cestovatelský blog používá pro každou destinaci hero obrázek; na mobilních zařízeních se načte oříznutý výřez, který váží o 70 % méně. Míra prokliku u obrázku vzrostla o 15 %, protože na všech zařízeních působí optimálně.
Obrázky jsou na většině stránek nejtěžší zátěž a zároveň nejhůře využitá SEO plocha. Obojí lze změnit za jedno odpoledne.
Monitorování a oprava chyb u obrázků
I optimalizované obrázky mohou způsobit problémy: 404 chyby, nesprávné rozměry, chybějící alt texty. Pravidelné procházení obrazové zásoby pomáhá tyto chyby identifikovat. Nástroje jako Screaming Frog nebo integrované SEO pluginy ukazují, které obrázky nemají alt texty nebo jsou příliš velké. Zavedte workflow: po aktualizaci nebo nové sérii obrázků automatická kontrola, pak ruční vzorek. Příklad: Zpravodajský web zjistí, že 20 % obrázků ve starších článcích není převedeno na WebP. Skript je dodatečně převede, doba načítání se zlepší o 0,8 sekundy.
Obrázková CDN a caching: Kde pixely bydlí
Poskytování obrázků prostřednictvím sítě pro doručování obsahu (CDN) odlehčuje váš server a urychluje zobrazení na všech kontinentech. CDN ukládá optimalizované kopie vašich obrázků na okrajových serverech blízko uživatele. V kombinaci s inteligentním ukládáním do mezipaměti – např. dlouhá doba ukládání pro nezměněné obrázky a krátká pro dynamické – snižujete počet požadavků na váš zdrojový server. Dbejte na správné nastavení hlaviček cache: Cache-Control: public, max-age=31536000, immutable pro statické verze obrázků. Při aktualizaci změňte název souboru nebo použijte cache-buster. Moderní služby CDN pro obrázky mohou automaticky doručovat WebP nebo AVIF podle možností prohlížeče. Nastavení se obvykle provádí pomocí subdomény (např. media.vasweb.cz) a záznamu CNAME. V praxi po migraci na CDN zaznamenáte snížení doby načítání obrázků o 40–60 % u mezinárodních návštěvníků. Důležité: Sledujte HTTP stavové kódy – 304 Not Modified je žádoucí, 503 nebo 403 signalizují chybnou konfiguraci. Po přechodu proveďte crawlový audit, abyste se ujistili, že všechny URL obrázků jsou správně vyřešeny a nevznikají duplicitní nebo chybné položky.
Licence k obrázkům a právní úskalí v SEO
SEO účinek obrázků může být zmařen autorskoprávními problémy. Vyhledávače při hodnocení zohledňují také zákonnost obsahu. Používejte výhradně licencované nebo vlastní obrázky. U stock fotografií dbejte na licenční podmínky: mnohé povolují jen omezený počet zobrazení nebo vylučují komerční využití. Správně uvádějte autora, neboť chybějící uvedení autora může být i přes licenci postižitelné. U obrázků Creative Commons rozlišujte varianty: CC0 umožňuje vše bez uvedení autora, CC BY vyžaduje uvedení autora. Zaveďte workflow: každý obrázek před zveřejněním získá licenční poznámku v metadatech (např. EXIF-XMP) a na stránce viditelný nebo jako strukturovaná data uložený odkaz. Použijte vlastnost og:image se správným licenčním údajem, abyste zajistili transparentnost i v sociálních sítích. Právní čistota posiluje důvěryhodnost, což se dlouhodobě může pozitivně projevit v rankingu. Pravidelně kontrolujte, zda nejsou vloženy obrázky bez platné licence – automatizované nástroje odhalí chybějící metadata. Příklad: Jeden blog odstranil neúmyslně použité, nesvobodné obrázky a nahradil je snímky CC0; míra okamžitého opuštění klesla, protože uživatele již neodrazovaly právní varovné výstrahy.
CDN a caching obrázků: Globální optimalizace doby načítání
Síť pro doručování obsahu (CDN) je pro doručování obrázků téměř nepostradatelná, jakmile má vaše webová stránka mezinárodní návštěvníky. CDN ukládá vaše obrázky na serverech v různých regionech a doručuje je z geograficky nejbližšího místa. Tím se výrazně zkracuje latence. Klíčové je správné nastavení hlaviček cache. Pro statické verze obrázků nastavte dlouhou dobu ukládání (např. jeden rok) a použijte cache-buster (např. hash v URL souboru), aby se při aktualizacích ihned doručovala nová verze. Bez tohoto mechanismu může dojít k tomu, že návštěvníci uvidí zastaralé nebo chybné obrázky. Mnohá CDN navíc nabízejí automatickou optimalizaci obrázků: převádějí je podle podpory klienta do WebP nebo AVIF, přizpůsobují rozlišení zařízení a bezztrátově komprimují. Tyto funkce odlehčují váš server a zlepšují dobu načítání o měřitelné zlomky sekund. Zkontrolujte však, zda optimalizace CDN nepřepisuje vaše vlastní nastavení – chcete mít kontrolu nad alt texty a metadaty. Příklad: Evropský e-shop využívá CDN s optimalizací obrázků a zkracuje dobu načítání pro asijské zákazníky z 5 na méně než 2 sekundy. Změna vyžadovala pouze úpravu strategie ukládání do mezipaměti a aktivaci pravidel optimalizace. Dbejte na to, aby URL vašich obrázků byly kompatibilní s CDN a všechny obrázky byly doručovány přes stejné CDN, aby se předešlo varováním o smíšeném obsahu.
Obrázkové licence a právní zajištění
Při používání obrázků na vašem webu je třeba dbát na právní úskalí, která mohou ohrozit jak výkon SEO, tak vaši reputaci. Každý obrázek, který jste sami nevytvořili, vyžaduje platnou licenci – to platí i pro obrázky generované umělou inteligencí, jejichž právní status není dosud definitivně vyjasněn. Používejte výhradně licencované obrázky z renomovaných zdrojů nebo vlastní snímky. Dokumentujte licenci pro každý obrázek ve svém CMS, ideálně s odkazem na zdroj. Chybějící nebo nesprávné údaje o licenci mohou vést k varováním, která jsou nákladná a časově náročná. U alt textů a popisků obrázků byste také neměli používat názvy značek nebo chráněné výrazy bez povolení. Dalším aspektem: Obrázky zobrazující osoby vyžadují v mnoha zemích souhlas (Model Release). Bez toho nesmíte obrázky komerčně používat. Proto u stock fotografií zkontrolujte, zda jsou uvolněny i pro reklamní účely. Například jeden cestovní portál převzal obrázky z volné databáze, které však byly licencovány pouze pro redakční účely – to vedlo k žalobě na zdržení se jednání. Zařaďte proto do svého workflow kontrolní krok: Před nahráním externího obrázku se zaznamená licence a potvrdí se podmínky použití. Tato disciplína vás dlouhodobě chrání a buduje důvěru návštěvníků, protože můžete prokázat, že veškerý obsah používáte legálně.
blog.faqT
Mám opravdu každý obrázek ručně kontrolovat na alt texty?
Ideálně ano, ale při velkém množství obrázků můžete využít nástroje AI pro návrhy. Výsledky však musíte namátkově kontrolovat, protože AI často přehlíží kontextové nuance. Osvědčený postup: Nechte automaticky generované alt texty zkontrolovat rodilým mluvčím – zejména u vícejazyčných projektů.
Jak zjistím, zda jsou mé obrázky již optimálně komprimovány?
Použijte nástroj jako PageSpeed Insights nebo Lighthouse v Chrome DevTools. Ty ukazují potenciální úspory díky optimalizovaným obrázkům. Projděte celý web pomocí SEO nástroje, který zobrazuje velikost souboru pro každý obrázek. Pokud má obrázek více než 200 KB, měli byste jej optimalizovat nebo převést.
