A csatlakozás sikertelen. Kérjük, próbálja újra.

Ugrás a tartalomhoz
SEO Tools
Súgó és dokumentáció
Sebesség Közepes hatás Egyszerű 5–15 perc

Képméretek (width/height)

Méretek nélkül ugrál a layout (CLS).

Mi ez

Amikor egy <img>-nek nincs megadva width és height értéke, a böngésző a betöltésig nem tudja, mennyi helyet foglal el a kép — és a megérkezése után a tartalom „ugrik”. Ezt méri a CLS (Cumulative Layout Shift) metrika.

Miért foglalkozzon vele

A layout ugrálása frusztráló (a felhasználó másra kattint, mint amire akart), és a Google bünteti a CLS-en keresztül a Core Web Vitalsban.

Hogyan csinálja

  1. 1Adj meg width és height értéket minden <img>-nél (a böngésző kiszámítja belőlük az oldalarányt).
  2. 2Esetleg foglalj helyet az aspect-ratio CSS-szel.
  3. 3Ugyanez vonatkozik a beágyazásokra és hirdetésekre — foglalj nekik helyet.

Példa

Rosszul
<img src="foto.webp" alt="...">
Helyesen
<img src="foto.webp" alt="..." width="800" height="600">

Összegzés

A képméretek megadása ötperces munka közvetlen hatással a CLS-re — az egyik Core Web Vitalsra. Kombináld lazy loadinggal és modern formátumokkal. Foglalj helyet a beágyazásoknak és hirdetéseknek is, hogy semmi ne ugráljon.

Kapcsolódó témák