Obrázky a SEO: proč na nich záleží víc, než si myslíte

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ů. 🖋️ ... Obrázky a SEO: proč na nich záleží víc, než si myslíte


Vytvořeno: · Upraveno: · 3 min čtení
Obsah článku

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

Nejnovější články

Další čerstvé příspěvky z blogu.