SEO-10

Obrázky bez alt nebo bez rozměrů

VarováníStruktura

Co kontrola měří

Na každé živé stránce se počítají obrázky, kterým chybí alt, NEBO chybí explicitní rozměry (width a height). Nález vznikne, když je podíl takových obrázků vyšší než 20 %. Práh je v config/seo.json pod seo.SEO-10 (max_missing_alt_or_dimensions_ratio: 0.2), označený PROPOSAL, a report uvede počet i celek.

Jde dál než STR-05 z jádrové sady, který sleduje jen alt. Rozměry jsou tu proto, že jejich absence způsobuje poskakování obsahu při načítání: prohlížeč neví, kolik místa obrázku vyhradit, a když dorazí, odsune text pod ním. To je přesně to, co měří SEO-21.

Prázdný alt="" se za chybějící nepovažuje: je to platné označení dekorativního obrázku. Takový obrázek se do součtu dostane jen kvůli chybějícím rozměrům.

Značka <img> bez jakéhokoli zdroje se od 2026-09-19 nepočítá vůbec. Prázdné <img src=""> nic nezobrazí a žádný layout neposune; na produkci takové mrtvé zbytky šablony vyrobily čtyři nálezy „2 ze 4 obrázků“, kde smysluplná rada je ty značky odstranit, ne k nim doplňovat rozměry. Do počtu se dostane obrázek, který má src nebo srcset. Text nálezu navíc říká zvlášť, kolik obrázků nemá alt a kolik nemá rozměry.

Co kontrola nedělá: neposuzuje kvalitu alternativního textu (alt="obrazek" projde), nepozná rozměry nastavené v CSS místo v atributech, a nevidí obrázky vložené přes background-image. Nález je na úrovni stránky, závažnost varování.

Jak silný důkaz za tím stojí

Efekt nedoložený

Doporučujeme to, protože to neuškodí nebo to má jiný užitek, ale vliv na to, jestli vás jazykové modely budou citovat, neslibujeme. Nikdo ho zatím nedoložil.

Tenhle kód sdružuje dvě věci s různou silou důkazu, a slévat je dohromady by bylo nepoctivé.

Část nálezuCo o ní víme
Chybějící altNormativní pro přístupnost (kritérium WCAG, v EU vymahatelné). Doložené pro vyhledávání obrázků: Google alternativní text používá k porozumění obrázku a doporučuje ho psát popisně. Pro viditelnost v odpovědích AI nedoložené.
Chybějící rozměryČistě výkonová věc. Prohlížeč bez rozměrů nemůže vyhradit místo, obsah poskočí, a posun rozvržení je součástí Core Web Vitals, které Google ve vlastní dokumentaci uvádí jako součást řadicích systémů pro klasické vyhledávání. Pro AI nedoložené.

Třída celého nálezu je proto „efekt nedoložený“, myšleno pro viditelnost v AI, což je to, co tenhle audit slibuje. Neznamená to, že je jedno, jestli to opravíte.

A jedna věc, kterou z celého nálezu vytáhněte jako první: alternativní text dlužíte konkrétním lidem, kteří web čtou čtečkou obrazovky. To je důvod sám o sobě a nepotřebuje žádný vyhledávač ani model.

Jak to opravit

Obojí se opravuje v jednom zásahu do šablony:

<!-- Špatně: chybí alt i rozměry -->
<img src="cerpadlo.jpg">

<!-- Dobře: popisný alt, rozměry v atributech -->
<img src="cerpadlo.jpg" alt="Tepelné čerpadlo instalované na severní stěně domu"
     width="1200" height="800">

<!-- Dekorativní: prázdný alt, rozměry pořád ano -->
<img src="oddelovac.svg" alt="" width="800" height="12">
  • Rozměry patří do atributů, i když velikost řídí CSS. Prohlížeč si z nich spočítá poměr stran a místo vyhradí; width: 100% v CSS to nepřebije, obojí spolu funguje.
  • alt popisuje, co je na obrázku podstatné, ne že je to obrázek. Měřítko: co byste řekli po telefonu někomu, kdo ho nevidí.
  • Nedoplňujte alt hromadně skriptem. alt="obrazek" na tisíci obrázcích nález odstraní a nikomu nepomůže, a od té chvíle web vypadá opravený, přestože není.
  • Opravujte šablonu, ne stránku. Karta produktu bez rozměrů znamená jednu šablonu a tisíc zasažených stránek.

Co o tom říká report

Popis nálezu

Stránka má celkem [imagesPhrase] se zdrojem (`src` nebo `srcset`) a u [missing] z nich chybí `alt`, rozměry, nebo obojí: bez `alt` je jich [missingAlt], bez explicitních `width`/`height` [missingDimensions]. Prázdná značka `<img src="">` nic nezobrazí ani neposune layout, takže se do počtu nepočítá. Chybějící rozměry typicky způsobují posun layoutu při načítání (souvisí se SEO-21/CLS). Jde o standardní doporučení pro klasické vyhledávání (Google/Bing); nemáme doklad, že by to ovlivňovalo viditelnost v odpovědích AI asistentů.

Doporučení

Doplňte `alt` (popisný, nebo `alt=""` u čistě dekorativních obrázků) a explicitní `width`/`height` ke každému `<img>`, který něco zobrazuje. Značku `<img>` bez zdroje ze stránky odstraňte.

Zdroje

Text ověřen 2026-09-12