Obrázky nejsou dekorace. Jsou to faktory pořadí. Optimalizované obrázky zrychlují stránku, pomáhají vyhledávačům rozumět vašemu obsahu a zlepšují přístupnost pro všechny uživatele. Většina webů optimalizaci obrázků úplně ignoruje. Nahrávají obrovské nekomprimované soubory s nic neříkajícími názvy a bez alt textu. Je to nejsnazší SEO výhra, kterou většina webů nechává ležet. Zjistěte, jak obrázky optimalizovat, aby pracovaly pro vás, a ne proti vám.
Obrázky na webové stránce slouží několika účelům. Rozdělují text. Ilustrují myšlenky. Zaujmou čtenáře. Mnoho webů ale optimalizaci obrázků ignoruje. Nahrávají velké, nekomprimované soubory. Používají nic neříkající názvy souborů. Vynechávají alt text. Výsledkem jsou pomalé stránky, kterým vyhledávače těžko rozumějí.
Optimalizace obrázků je jednoduchá. Zahrnuje tři prvky. Názvy souborů. Alt text. Kompresi souborů. Každý z nich je pro SEO důležitý. Společně z obrázků udělají místo zátěže pro pořadí přínos.
Názvy souborů obrázků by měly být popisné
Vyhledávače čtou názvy souborů vašich obrázků. Název souboru jim řekne, co obrázek obsahuje, ještě dřív, než obrázek samotný zpracují.
Špatný název souboru: "DSC_4829.jpg" nebo "image-2026-03-19.jpg"
Dobrý název souboru: "website-builder-dashboard-screenshot.jpg"
Dobrý název souboru říká vyhledávačům, co obrázek ukazuje. Špatný název jim neříká nic. Používejte popisné názvy souborů, které odpovídají obsahu obrázku. Slova oddělujte pomlčkami, ne podtržítky. Názvy držte stručné, ale konkrétní.
Pokud máte na stránce 10 snímků obrazovky, pojmenujte je jedinečně. "website-builder-step-1.jpg," "website-builder-step-2.jpg," "website-builder-step-3.jpg." Jedinečné názvy pomáhají vyhledávačům pochopit, že jde o různé obrázky s různým obsahem.
Alt text pomáhá vyhledávačům rozumět obrázkům
Alt text je text, který se zobrazí, když se obrázek nenačte. Čtou ho také čtečky obrazovky pro zrakově postižené uživatele. Vyhledávače podle alt textu poznají, o čem obrázky jsou.
Špatný alt text: "image" nebo "photo" nebo ponechaný prázdný
Dobrý alt text: "Administrace tvůrce webů s výběrem šablony s modrou hlavičkou a mřížkou možností šablon"
Dobrý alt text je popisný. Říká čtenářům i vyhledávačům, co obrázek ukazuje. Je konkrétní. Místo "web" napište "administrace tvůrce webů". Místo "snímek obrazovky" napište "snímek obrazovky s rozhraním pro výběr šablony".
Alt text držte pod 125 znaky. Čtečky obrazovky delší alt text zkracují. Buďte popisní, ale struční. Nemusíte psát "obrázek" ani "fotografie". To se předpokládá.
Klíčová slova do alt textu dávejte, když se přirozeně hodí
Pokud vaše stránka cílí na "administrace tvůrce webů" a máte snímek obrazovky administrace tvůrce webů, váš alt text by to měl odrážet. "Administrace tvůrce webů s výběrem šablony" obsahuje klíčové slovo přirozeně.
Klíčová slova ale nenuťte. Nikdy nepište "administrace tvůrce webů šablona tvůrce webů výběr tvůrce webů rozhraní tvůrce webů". To je napěchování klíčových slov a škodí SEO. Pište alt text, který obrázek popisuje lidskému čtenáři. Klíčová slova jsou až na druhém místě.
Pokud se vaše cílové klíčové slovo do alt textu přirozeně nehodí, vynechte ho. Použijte místo něj významová klíčová slova. "Rozhraní administrace s dostupnými šablonami" je užitečné i bez přesného klíčového slova.
Obrázky komprimujte, aby se stránka zrychlila
Velké soubory obrázků stránky zpomalují. Vyhledávače řadí rychlejší stránky výš. Rychlost stránky je potvrzený faktor pořadí. Komprimace obrázků zlepšuje rychlost i pozice.
Moderní formáty obrázků jako WebP a AVIF komprimují o 25-50% lépe než JPEG při zachování kvality. Pokud používáte JPEG nebo PNG, před nahráním je zkomprimujte nástroji pro kompresi obrázků.
Zkomprimovaný obrázek může mít 80KB místo 500KB. Menší soubor se načte rychleji. Vaše stránka se načte rychleji. Vyhledávače vás řadí výš. Uživatelé mají lepší zážitek. Komprese obrázků vyhrává ve všem.
Používejte responzivní obrázky, které se přizpůsobí velikosti obrazovky
Mobilní uživatelé si web prohlížejí na menších obrazovkách. Posílat obrázek široký 2000 pixelů do telefonu, který ho zobrazí v šířce 400 pixelů, je plýtvání. Telefon stáhne obrovský soubor a pak ho zmenší. Responzivní obrázky posílají různým zařízením různé velikosti.
Uživatel na počítači dostane velký, kvalitní obrázek. Uživatel na mobilu dostane menší obrázek optimalizovaný pro mobilní obrazovky. Tento přístup zrychluje stránku na mobilu, což je zásadní, protože většina hledání probíhá v telefonech.
Přidávejte popisky, když se hodí
Popisky jsou text, který se zobrazuje pod obrázky nebo vedle nich. Dodávají kontext. Vyhledávače čtou popisky spolu s alt textem, aby obrázkům rozuměly hlouběji. Popisky také pomáhají čtenářům pochopit, co vidí.
Ne každý obrázek popisek potřebuje. Důležité obrázky, které ilustrují klíčové pojmy, ale z popisků těží. Snímek obrazovky softwaru potřebuje popisek, který vysvětlí, co snímek ukazuje. Diagram potřebuje popisek, který vysvětlí daný pojem.
U důležitých obrázků používejte sitemapu obrázků
Sitemapa obrázků říká vyhledávačům o obrázcích na vašem webu. Pomáhá vyhledávačům objevit a zaindexovat obrázky, které by jinak mohly přehlédnout. Pokud máte mnoho obrázků, sitemapa obrázků zajistí, že je vyhledávače najdou všechny.
U většiny webů je to volitelné. Pokud ale jsou obrázky pro váš obsah klíčové, třeba na webech s recepty, produktových stránkách nebo fotografických webech, sitemapa obrázků SEO obrázků výrazně zlepší.
Často kladené otázky
Mohu použít stejný alt text u všech obrázků?
Ne. Každý obrázek by měl mít jedinečný alt text, který popisuje právě ten obrázek. Pokud použijete stejný alt text u 10 různých obrázků, vyhledávače je od sebe nerozliší. Jedinečný alt text vyhledávačům pomáhá pochopit, že každý obrázek má jiný obsah a význam. S Tvůrcem webů od WEMASY to můžete nastavit přímo na svém webu.
Mám klíčové slovo dávat do alt textu každého obrázku?
Ne. Klíčové slovo do alt textu dejte, když se přirozeně hodí a obrázek přesně popisuje. Pokud klíčové slovo s obrázkem nesouvisí, je lepší ho vynechat, než ho nutit. Alt text pište nejdřív tak, aby popisoval obrázek. Klíčová slova jsou vedlejší přínos, který přijde sám, když obrázky dobře popíšete.
Jaký formát obrázků je pro SEO nejlepší?
WebP a AVIF jsou nejlepší moderní formáty. AVIF nabízí nejvyšší kompresi a zmenšuje velikost souboru o 50% oproti JPEG. WebP nabízí kompresi 25-35% s širší podporou prohlížečů. Pokud váš web musí podporovat starší prohlížeče, použijte WebP. JPEG nebo PNG používejte jen tehdy, když nemáte jinou možnost, protože jsou to větší soubory.
Ovlivňuje alt text obrázků přímo pozice stránky?
Alt text není pro vaši stránku přímým faktorem pořadí. Pomáhá ale vyhledávačům lépe rozumět vaší stránce, což nepřímo pomáhá pozicím. A hlavně alt text pomáhá obrázkům umístit se ve vyhledávání obrázků na Googlu, což přivádí návštěvnost. Zlepšuje také přístupnost pro uživatele se zrakovým postižením, a tím uživatelský zážitek a zapojení.
Kolik komprese je bezpečné, než obrázky ztratí kvalitu?
Moderní nástroje komprese zachovávají kvalitu a přitom výrazně zmenšují soubory. Obvykle lze komprimovat o 50-70% bez znatelné ztráty kvality. Vyzkoušejte různé úrovně komprese ve svých nástrojích a porovnejte je očima. Pro většinu použití neuvidíte zhoršení kvality, dokud nepřekročíte kompresi 80-90%. Používejte nástroje a testujte, nehádejte.
Je alt text důležitý, pokud je obrázek čistě dekorativní?
U čistě dekorativních obrázků bez informační hodnoty můžete alt text nechat prázdný nebo použít prázdný alt (alt=""). Čtečkám obrazovky to říká, aby obrázek přeskočily, což zlepšuje zážitek zrakově postižených uživatelů. Pokud ale obrázek jakoukoli informaci sděluje, i dekorativní obrázky používané s textem, uveďte popisný alt text.