Immagini e testi alt
Le immagini hanno bisogno di una descrizione alt, di un formato moderno e della compressione.
Cos'è
L'attributo alt è una descrizione testuale dell'immagine. Lo leggono i motori di ricerca (non vedono l'immagine) e gli screen reader per non vedenti, e viene mostrato quando l'immagine non si carica.
Perché è importante
I testi alt aiutano a posizionarsi nella ricerca per immagini e rendono il sito accessibile. Le immagini non ottimizzate (JPEG/PNG di grandi dimensioni senza compressione) sono la causa più comune di caricamenti lenti e di un punteggio di velocità peggiore.
Come fare
- 1Aggiungi un alt efficace a ogni immagine di contenuto (quelle decorative possono avere alt="").
- 2Descrivi cosa c'è nell'immagine, in modo naturale ed eventualmente con la parola chiave, non "immagine1.jpg".
- 3Usa formati moderni WebP/AVIF al posto di JPEG/PNG (più piccoli del 25–50%).
- 4Comprimi e ridimensiona alle dimensioni realmente necessarie; aggiungi il lazy loading per le immagini fuori dall'area visibile.
Esempio
<img src="DSC_0042.jpg"><img src="giacca-invernale-bambino-blu.webp" alt="Giacca invernale per bambino di colore blu con cappuccio" loading="lazy" width="600" height="800">Conclusione
Affronta le immagini su due livelli: i testi alt (SEO + accessibilità) e l'ottimizzazione del peso (velocità). Entrambi sono semplici e portano un doppio beneficio. Formato moderno + compressione + lazy loading spesso da soli alzano sensibilmente il punteggio di velocità.
Argomenti correlati