Vysoké CLS

Stránka se načte ve skutečném prohlížeči a změří se CLS (Cumulative Layout Shift): nakolik obsah během načítání poskakuje. Je to bezrozměrné číslo; čím vyšší, tím víc se stránka pod rukama hýbe. Nález vznikne nad 0,1. Práh je v config/seo.json pod web_vitals.cls_threshold a je to oficiální hranice „dobré“ z metodiky Core Web Vitals, ne náš odhad.

Platí tu stejná omezení jako u SEO-20 a jsou u CLS ještě podstatnější: je to jedno laboratorní načtení bez interakce, nad vzorkem nejvýš 10 stránek. Skutečné posuny přitom často nastanou až při scrollování nebo po kliknutí na souhlas s cookies, a to naše měření nezachytí.

Z toho plyne důležitá věc: nulový CLS v našem reportu neznamená, že stránka neposkakuje. Znamená, že neposkočila během těch několika vteřin, co jsme se dívali.

A co kontrola nedělá: neřekne, který prvek poskočil. Změří součet posunů, ne jejich původce; najít ho musíte v prohlížeči, viz níž.

Nález je na úrovni stránky, závažnost varování.

Pro klasické vyhledávání je to potvrzený řadicí signál: Google ve vlastní dokumentaci uvádí, že Core Web Vitals používají jeho řadicí systémy. Jen je to jedna součást širšího hodnocení „page experience“, ne hlavní kritérium.

Na viditelnost v odpovědích AI doložený vliv nemáme a netvrdíme ho. Proto třída „efekt nedoložený“, stejná disciplína jako u SEO-20.

Kde má ale CLS hodnotu bez ohledu na jakýkoli vyhledávač: je to jediná metrika, jejíž dopad si zákazník sám vybaví. Každý zná ten okamžik, kdy se chystá kliknout na odkaz, stránka doskočí a klik dopadne na reklamu. To není abstraktní číslo, to je konkrétní naštvaný člověk.

Praktický závěr: opravujte to kvůli tomu, ne kvůli nám. A protože je naše měření jedno načtení bez interakce, berte hodnotu z reportu jen jako ukazatel směru; skutečná čísla jsou v Search Console od vašich návštěvníků.

Posun rozvržení má čtyři obvyklé příčiny a všechny jdou odstranit tím, že prvku vyhradíte místo předem:

1. Obrázky bez rozměrů. Prohlížeč neví, kolik místa vyhradit, a když obrázek dorazí, odsune text. Doplňte width a height do atributů; hlásí to i SEO-10.
2. Vložený obsah bez rozměrů: mapy, videa, reklamní bloky. Obalte je kontejnerem s pevným poměrem stran (aspect-ratio).
3. Písma, která přeskočí. Text se nejdřív vykreslí záložním písmem a po dotažení vlastního se přesází. Řešení: font-display: optional, nebo záložní písmo s podobnými metrikami.
4. Obsah vkládaný nad existující. Lišta se souhlasem, oznámení, banner. Rezervujte pro ně místo, nebo je vykreslujte přes obsah, ne nad něj.

<!-- Obrázek s vyhrazeným místem -->
<img src="foto.jpg" alt="…" width="1200" height="800" style="max-width:100%;height:auto">

<!-- Vložené video s pevným poměrem stran -->
<div style="aspect-ratio:16/9">
  <iframe src="…" style="width:100%;height:100%"></iframe>
</div>

Ověřit si to můžete sami a spolehlivěji než naším měřením: otevřete stránku, ve vývojářských nástrojích zapněte zpomalení sítě a dívejte se, co při načítání poskočí. Co uvidíte, to CLS měří.