2. díl

🚀 🚀 Optimalizace obrázků – malý detail s velkým vlivem

🧩 Praktická ukázka na reálném článku připraveném pro web o online pojištění

Pokud píšete článek s důrazem na SEO, nestačí myslet jen na text. Obrázky hrají velkou roli nejen pro čtenáře, ale i pro vyhledávače. Google sice nevidí obsah obrázků jako my, ale čte jejich název, alternativní popis (alt), titulky a popisky – a právě tam můžete chytře zakomponovat klíčová slova.

💡Proč je optimalizace obrázků klíčová pro úspěšné SEO

Optimalizace obrázků není jen kosmetická úprava – jde o důležitý krok, který zásadně ovlivňuje výkon článku ve vyhledávačích. Kromě rychlosti načítání stránky pomáhá i s pochopením kontextu obsahu a zlepšuje dostupnost pro uživatele, kteří používají čtečky obrazovky. Správně zvolený název souboru, alt popis a titulky dokážou velmi dobře podpořit relevanci stránky vůči zadanému dotazu.

Na detaily jako popisek nebo struktura názvu souboru se často zapomíná, přitom právě tam se skrývá velký potenciál.

 

  • Pomáhá vyhledávačům pochopit obsah stránky,
  • Zlepšuje přístupnost pro nevidomé uživatele,

  • Podílí se na rychlosti načítání stránky,

  • A v neposlední řadě: zvyšuje šanci, že se obrázek objeví ve výsledcích vyhledávání (Google Images).

✅ Co je potřeba dodržet při vkládání obrázků?

🏷️ 1. Název souboru

Zapomeňte na názvy typu DSC00458.jpg nebo img123.jpg. Místo toho použijte stručný popis, oddělený pomlčkami, například:

pojistne-plneni-po-nehode.jpg

 

👉 Bez diakritiky, malými písmeny a výstižně. Vyhledávače pak lépe pochopí, co je na obrázku.

👁️‍🗨️ 2. Alt text (alternativní text)

Alt text je:

  • popis obrázku pro nevidomé čtenáře (čte ho čtečka),

  • a zároveň důležitý SEO signál pro Google.

Měl by být:

  • stručný,

  • popisný,

  • a obsahovat 1 kľúčové slovo (přirozeně!).

📌 Příklad:

Dopravní nehoda dvou vozidel – ilustrační obrázek k tématu pojistného plnění.

📝 Poznámka: Google doporučuje délku alt textu do 125 znaků, aby byl dobře čitelný čtečkami a zároveň přínosný pro SEO.

🏷️ 3. Title obrázku (volitelné)

Titul obrázku se může zobrazit při najetí myší jako tzv. tooltip. Není povinný, ale může být užitečný – může být stejný jako alt text, nebo mírně upravený.

📌 Příklad:

Pojištěné plnění po nehodě dvou aut

💬 4. Popisek pod obrázkem (caption)

Popisek se zobrazuje přímo pod obrázkem. Využijte ho k tomu, abyste čtenáři vysvětlili kontext, a zároveň zopakovali klíčové slovo.

📌 Příklad:

Ukázka dopravní nehody, která může vést k uplatnění nároku na pojistné plnění.

Dopravní nehoda dvou vozidel – ilustrační obrázek k tématu pojistného plnění.

💡 Příklad v praxi (pro obrázek nehody):

Alt text (do 125 znaků):

Dopravní nehoda dvou vozidel – ilustrační obrázek k tématu pojistného plnění.

(79 znaků)


Title (do 70 znaků):

Pojištěné plnění po nehodě dvou aut

(41 znaků)


Popisek (do 140 znaků):

Ukázka dopravní nehody, která může vést k uplatnění nároku na pojistné plnění.

(94 znaků)


 

✍️ Shrnutí: Jaká klíčová slova použít v obrázcích?

V článku na téma pojištění nebo dopravní nehody doporučuji používat následující klíčová slova (přirozeně!):

  • pojištění

  • pojistné plnění

  • pojištěné plnění po nehodě

  • formulář pojištění auta

  • získání plnění po nehodě

Dodatek: 📁 Doporučené formáty obrázků

Nezapomínejte, že i formát a velikost obrázku má přímý vliv na rychlost načítání stránky – a ta je dnes pro SEO naprosto zásadní. Pomalé weby mají vyšší míru opuštění a horší pozice ve vyhledávání.

📷 Doporučené formáty obrázků:
  • .jpg nebo .jpeg – klasický, široce podporovaný formát vhodný pro fotografie. Nabízí dobrý poměr kvality a velikosti.

  • .webp – moderní formát od Googlu, který umožňuje až o 30 % menší velikost než .jpg při zachování vizuální kvality. Vhodný pro všechny moderní prohlížeče.

Aby se stránka načítala rychle a obrázky vypadaly dobře na všech zařízeních, dodržujte tato pravidla:

  • Maximální šířka obrázku:
    → pro obsahové obrázky v článku: 1200 px
    → pro náhledové obrázky (např. featured image): do 1920 px
    → pro náhledy v seznamu článků: 800–1200 px

  • Maximální velikost souboru:
    → doporučuji do 150 kB pro běžný obrázek
    → v ideálním případě do 100 kB, pokud to kvalita dovolí
    → pro velké obrázky na pozadí (např. hero sekce) může být výjimečně až 250–300 kB, ale optimalizujte vždy na minimum!

🛠️ Jak optimalizovat obrázky před publikací?

📌 1. Zmenšete rozměry obrázku ještě před nahráním – např. pomocí nástroje IrfanView, Photoshop, Figma nebo online editorů.

📌 2. Zkomprimujte soubor pomocí bezplatného nástroje:

  • TinyPNG.com 

  • Výsledný soubor bývá často o 50–70 % menší, bez viditelné ztráty kvality.

  • 🎯 Pamatujte: Optimalizovaný obrázek je nejen rychlejší na načtení, ale i lépe hodnocený Googlem. Navíc nezatěžuje hosting a poskytuje lepší uživatelský zážitek.

 

🔖 V případě dotazů nebo zájmu o spolupráci mě neváhejte kontaktovat. Kontakt

🧩 Tento článek je součástí praktické série SEO v praxi:
👉 1. Jak vytvořit SEO článek v praxi | 2. Optimalizace obrázků | 3. Interní a externí odkazy (v přípravě)

© Copyright 2025 All Rights Reserved webcorna.cz