Connessione non riuscita. Per favore riprova.

Vai al contenuto
SEO Tools
Aiuto e documentazione
Velocità Impatto medio Facile 5–15 min

Dimensioni delle immagini (width/height)

Senza le dimensioni dell'immagine il layout sobbalza (CLS).

Cos'è

Quando un <img> non ha width e height indicati, il browser fino al caricamento non sa quanto spazio occuperà l'immagine — e al suo arrivo il contenuto "sobbalza". Questo lo misura la metrica CLS (Cumulative Layout Shift).

Perché è importante

Il sobbalzo del layout è frustrante (l'utente clicca su qualcosa di diverso da ciò che voleva) e Google lo penalizza tramite il CLS nei Core Web Vitals.

Come fare

  1. 1Indica width e height su tutti gli <img> (il browser ne calcola il rapporto d'aspetto).
  2. 2In alternativa riserva lo spazio tramite aspect-ratio nel CSS.
  3. 3Lo stesso vale per embed e pubblicità — riserva loro lo spazio.

Esempio

Sbagliato
<img src="foto.webp" alt="...">
Corretto
<img src="foto.webp" alt="..." width="800" height="600">

Conclusione

Aggiungere le dimensioni delle immagini è un'operazione di cinque minuti con un impatto diretto sul CLS — uno dei Core Web Vitals. Combinala con lazy loading e formati moderni. Riserva lo spazio anche a embed e pubblicità, così nulla sobbalza.

Argomenti correlati