Každý web vypadá líp s pěknými fotkami.
Jenže většina lidí zapomíná, že obrázky nejsou jen dekorace — jsou to i data, která Google čte. Nebo se aspoň snaží.
Pokud chcete, aby se vaše fotky objevovaly i ve výsledcích vyhledávání, musíte mu trochu pomoct. A ne, nemusí to být žádná věda. Stačí pár jednoduchých návyků.
🖋️ Alt text – drobný detail, který mluví za vás
Alt text je popis obrázku, který čte Google i čtečky pro nevidomé.
V praxi to znamená, že když se fotka nenačte, alt řekne, co na ní bylo.
Jenže většina webů tam má „image123.jpg“ nebo „banner-homepage“. To nepomáhá nikomu.
Jak to dělat líp:
- napište to, co na obrázku opravdu vidíte, ne marketingový slogan.
- pište přirozeně, jako byste to vysvětlovali člověku.
- necpěte do toho pět klíčových slov, stačí jedno, maximálně dvě.
- ideálně jedna věta, krátká, jasná.
Příklad: místo obrazek1.jpg napište: minimalisticky-webdesign-s-tmavym-pozadim.jpg
Malá změna, ale Google ji ocení.
Názvy souborů – co se navenek nevidí, ale hodně pomáhá
Když nahráváte fotky s názvem DSC_0023_final.jpg, říkáte tím Googlu: „Nevím, co tady je.“ A on to skutečně neví.
Stačí obrázek pojmenovat podle obsahu.
- Například: portfolio-webdesign-dark-mode.jpg nebo detail-galerie-fotografii.jpg.
Bez diakritiky, s pomlčkami, bez mezer. Nic složitého, ale dělá to rozdíl mezi „hezkým webem“ a „hezkým webem, který někdo najde“.
Strukturovaná data (schema): říkejte Googlu, co přesně ukazujete
Chcete, aby se u vašich obrázků ve výsledcích objevilo jméno autora, licence nebo popisek? Použijte structured data.
Pro obrázky a galerie existuje typ ImageObject nebo ImageGallery.
Zní to technicky, ale v praxi to znamená pár řádků kódu, které přidáte do stránky.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ImageObject",
"contentUrl": "https://skvelestranky.cz/uploads/moderni-webdesign-darkmode.jpg",
"creator": {
"@type": "Person",
"name": "David Novák"
},
"license": "https://creativecommons.org/licenses/by-nc/4.0/",
"caption": "Moderní webdesign s tmavým režimem a jemnou animací"
}
</script>
A to je celé. Vyhledávač pak snáz pochopí, že obrázek patří k vašemu článku a není jen výplň.
Optimalizace obrázků – SEO i rychlost v jednom
Každý kilobajt navíc zpomaluje načítání. A pomalý web prostě Google nemá rád.
Na co si dát pozor:
- používejte WebP nebo AVIF, klasické JPG jsou minulost.
- komprimujte obrázky, ideálně pod 200 KB.
- přidejte loading=”lazy”.
- neukládejte fotky v rozlišení 4000 px, když se zobrazují na 800.
Když se web načítá rychle, zlepšuje se i vaše Core Web Vitals a tím i SEO skóre.
Obrázky jako součást příběhu
Google dnes nerozlišuje „obrázky“ a „text“ tak, jako dřív.
Hodnotí obsah celkově jestli dává smysl, jestli je autentický a relevantní. Proto používejte fotky, které k textu opravdu patří.
Mějte k nim alt text, smysluplný název a klidně i krátký popisek pod fotkou. Vypadá to přirozeněji, čtenáři to ocení a Google taky.
Největší chyba? Použít 10 stockových fotek bez souvislosti s tématem. Radši dvě originální, které ukazují, že víte, o čem píšete.
| Prvek | Proč na něm záleží | Rychlý tip |
|---|---|---|
| Alt text | Pomáhá Googlu číst obrázky | Přirozený popis, do 100 znaků |
| Název souboru | Kontext a klíčové slovo | malá písmena, pomlčky |
| Schema markup | Lepší výsledky v Google Images | ImageObject nebo ImageGallery |
| Komprese | Zrychlí web i SEO | WebP, lazy loading |
| Originální fotky | Vyšší důvěryhodnost | vyhněte se stockům |

