Ottimizzazione immagini SEO

Cosa ricevi

• Le immagini del sito alleggerite in un formato moderno, senza perdere qualità
• Dimensioni giuste per ogni schermo, così la pagina non salta mentre carica
• Un nome file e una descrizione vera per ogni immagine, utile anche a chi non vede
• Le immagini trovabili anche su Google Immagini
• Un foglio con il prima e dopo: peso, formato, descrizione
• La regola di una pagina per chi caricherà immagini in futuro

Come lo faccio

Le immagini fanno spesso la metà del peso di una pagina. Il lavoro le rende leggere senza perdere qualità, le descrive in modo vero per chi non vede e le fa trovare anche su Google Immagini.

1. InventarioCon un crawler e con PageSpeed Insights trovo peso, formato e testo alternativo mancante di ogni immagine.Perché conta: Senza l'inventario si comprimono le immagini a caso, mentre le più pesanti restano.
2. PrioritàParto dalle immagini delle pagine più visitate e da quelle sopra i 200 KB.Perché conta: Ottimizzare immagini di pagine che nessuno apre non cambia niente per i visitatori.
3. Conversione e misureConverto in formato moderno, WebP o AVIF, alla larghezza adatta al riquadro, con le versioni per ogni schermo.Perché conta: Una foto da 4000 pixel in un riquadro da 400 rallenta la pagina proprio sul telefono.
4. Nomi e testi alternativiPropongo nomi file brevi e descrittivi e scrivo testi alternativi che descrivono davvero l'immagine; tu controlli che siano veri. I nomi si cambiano sulle immagini nuove o aggiornando tutti i riferimenti.Perché conta: Rinominare un file già indicizzato senza aggiornare i riferimenti rompe l'immagine sulla pagina.
5. Caricamento e dimensioniMetto il caricamento differito sulle immagini sotto la prima schermata, mai su quella principale, e dichiaro larghezza e altezza.Perché conta: Il caricamento differito sull'immagine principale la fa arrivare tardi; senza dimensioni la pagina salta mentre carica.
6. ControlloRimisuro con PageSpeed Insights le stesse pagine e guardo la qualità a occhio su un telefono.Perché conta: Comprimere troppo rovina le foto proprio su un sito che vende qualità.

Le tecniche che uso

WebP e AVIF

Formati moderni che a parità di qualità pesano meno di JPEG e PNG, e che Google supporta.

Responsive images

srcset e picture servono a ogni schermo l'immagine della misura giusta, con un'immagine di riserva.

Alt text

La descrizione dell'immagine letta da chi usa un lettore di schermo e da Google: naturale, mai un elenco di parole chiave.

Lazy loading

Le immagini sotto la prima schermata si caricano quando servono; quella principale no.

Width e height

Le dimensioni dichiarate riservano lo spazio all'immagine, così la pagina non salta (CLS).

Cosa comprende il prezzo

Non compreso: Nuove foto, se quelle che ci sono non bastano.

La modifica compresa: Ogni servizio comprende un giro di modifiche: guardiamo insieme la prima versione, mi scrivi in un elenco quello che non va e lo riadatto. Le modifiche in più, o le cose aggiunte dopo, si pagano a parte, con il costo scritto prima, nella lettera d'incarico.

La call di presentazione: Una call di presentazione per ordine, per tutto il lotto di immagini: il peso prima e dopo e la regola per le immagini future.