SEO per le immagini significa: un nome del file descrittivo al posto di IMG_4711.jpg, un testo alternativo che descriva l’immagine a chi non vede, un peso del file che si carica in fretta sullo smartphone e un formato moderno come WebP. Google non legge i pixel, ma il nome del file, il testo alternativo e il testo attorno all’immagine. Chi cura questi quattro punti compare nella ricerca per immagini e non rallenta il proprio sito.
Un’immagine su un sito web ha due compiti: mostra qualcosa al visitatore e fornisce a Google informazioni sulla pagina. Il secondo compito fallisce, nella maggior parte dei siti delle PMI, in quattro punti: il nome del file non dice nulla, manca il testo alternativo, il file è dieci volte troppo grande e il formato risale al 2005. Basta qualche minuto per immagine per sistemarli tutti e quattro, se si conoscono le regole.
Il nome del file
Google interpreta il nome del file come un indizio su ciò che l’immagine mostra. «IMG_4711.jpg» non dice nulla. «armadio-a-muro-rovere-mansarda.jpg» dice tutto.
| Da evitare | Meglio |
|---|---|
| IMG_4711.jpg | armadio-a-muro-rovere-mansarda.jpg |
| Immagine1.png | team-fisioterapia-frauenfeld.jpg |
| finale_v3_nuovo.jpg | pompa-di-calore-unita-esterna-casa-unifamiliare.jpg |
| Cucina Rossi.JPG | cucina-noce-isola.jpg |
Regole: lettere minuscole, trattini al posto di spazi o trattini bassi, vocali senza accento, nessun carattere speciale, da due a cinque parole descrittive. Dia un nome al file prima di caricarlo, perché nella maggior parte dei sistemi non è possibile cambiarlo in seguito senza che l’indirizzo dell’immagine smetta di funzionare.
Il testo alternativo
Il testo alternativo (alt text) nasce per le persone che non vedono l’immagine: un lettore di schermo lo legge ad alta voce. Proprio per questo è prezioso anche per Google, perché descrive l’immagine a parole. Che cosa rende efficace un buon testo alternativo è spiegato nella voce testo alternativo del glossario. Le regole in breve:
- Descrivere ciò che si vede, come se lo spiegasse a qualcuno al telefono. «Falegname monta un armadio a muro con ante scorrevoli sotto una mansarda.»
- Nessuna introduzione come «Immagine di» o «La foto mostra». Il lettore di schermo dice già che si tratta di un’immagine.
- Niente elenchi di parole chiave. «Falegnameria cucina Turgovia su misura» non è una frase e non aiuta nessuno.
- Una frase, al massimo due. Le spiegazioni lunghe vanno nella didascalia o nel testo corrente.
- Le immagini decorative ricevono un attributo vuoto (alt=""), così vengono saltate.
Un esempio dalla quotidianità di un’autofficina: la foto mostra un meccanico al ponte sollevatore con un’auto elettrica. Un testo alternativo come «Garage auto service» è inutile. «Meccanico controlla il sottoscocca di un’auto elettrica sul ponte sollevatore» descrive l’immagine, e il termine «auto elettrica» compare in modo naturale.
Chi descrive le immagini in modo accessibile soddisfa, per inciso, un requisito che viene richiesto sempre più spesso a molti siti web. Per le PMI svizzere non esiste un obbligo di legge generale come per gli enti federali, ma seguire la regola non fa mai male.
Peso del file: i valori di riferimento
I file immagine troppo grandi sono la causa più frequente dei siti lenti delle PMI, vedi Core Web Vitals per le PMI. Come regola pratica, non come indicazione di Google:
| Utilizzo | Larghezza in pixel | Peso indicativo del file |
|---|---|---|
| Immagine di copertina a tutta larghezza | da 1’600 a 2’000 | sotto i 250 KB |
| Immagine nella colonna del contenuto | da 1’200 a 1’600 | sotto i 200 KB |
| Anteprima negli elenchi e nella panoramica del blog | da 600 a 800 | sotto i 100 KB |
| Logo, icone | così piccolo quanto necessario | sotto i 30 KB, meglio di SVG |
Una foto scattata con la fotocamera, larga 6’000 pixel e pesante 8 MB, non va mai caricata così com'è. Prima la ridimensioni alla larghezza di destinazione e la comprimi. Strumenti gratuiti per farlo sono l'app Anteprima su Mac, Squoosh nel browser o un plugin nel CMS che si occupa della compressione durante il caricamento. Una compressione al 70-80 per cento della qualità appare identica sullo schermo e spesso dimezza il file.
Formati: quale per cosa
- JPEG: foto. Con perdita di qualità, ma supportato ovunque.
- PNG: grafiche con trasparenza o bordi netti, ad esempio screenshot. Non adatto alle foto, perché troppo pesante.
- WebP: foto e grafiche. Nettamente più piccolo di JPEG a parità di qualità, supportato da tutti i browser attuali. La scelta standard per le nuove immagini.
- AVIF: ancora più piccolo di WebP, ormai ampiamente supportato, ma non integrato in ogni CMS.
- SVG: loghi, icone, grafiche semplici. Scalabile senza perdita di qualità, file minuscoli.
Se il Suo CMS genera WebP automaticamente durante il caricamento (WordPress lo fa da diverse versioni, anche Wix e Shopify distribuiscono le immagini in formati moderni), continui a caricare JPEG e lasci convertire al sistema. In caso contrario, converta le immagini prima del caricamento.
Il testo attorno all'immagine
Google non valuta un'immagine in modo isolato. La didascalia, il titolo della sezione e il paragrafo accanto dicono a Google di cosa si tratta. La foto di un bagno ristrutturato nella sezione «Ristrutturazione del bagno in tre settimane», con la didascalia «Nuovo bagno a Weinfelden, finito dopo 18 giorni lavorativi», vale di più per la ricerca di immagini della stessa foto in una galleria senza testo.
Inoltre, inserisca le immagini direttamente nell'HTML, non come sfondo CSS. Le immagini di sfondo non hanno testo alternativo e, secondo la documentazione, Google non le prende in considerazione per la ricerca di immagini.
Immagini nelle risposte dell'IA
Qui serve prudenza. ChatGPT, Perplexity e la panoramica IA di Google lavorano soprattutto con il testo. Quando una risposta dell'IA mostra immagini, di regola provengono dalla normale ricerca di immagini o dalle pagine citate. Come i sistemi scelgano le immagini non è documentato pubblicamente. Ciò che si può dire: tutto ciò che un'IA deve sapere sulla Sua immagine deve trovarsi nel nome del file, nel testo alternativo e nel testo accanto, perché sono proprio questi i segnali testuali che legge. Per un modello linguistico un'immagine senza descrizione è invisibile.
Per gli articoli del blog si pone inoltre la questione dell'origine delle immagini: foto stock, generate con l'IA o scatti propri. Questa valutazione è descritta in Immagini per articoli del blog con IA. Per il motore di ricerca valgono, indipendentemente dall'origine, le stesse quattro regole: nome del file, testo alternativo, dimensione, formato.
Domande frequenti
Ogni immagine ha bisogno di un testo alternativo?
Sì, ogni immagine con un contenuto. Le immagini puramente decorative, ad esempio un motivo di sfondo, ricevono un attributo alt vuoto, così i lettori di schermo le saltano. Un attributo alt mancante è diverso da uno vuoto: se manca, alcuni programmi leggono ad alta voce il nome del file.
Devo inserire parole chiave nel testo alternativo?
Solo se descrivono davvero l'immagine. Un testo alternativo come «Cucina falegnameria Turgovia economica» non aiuta nessuno che non veda l'immagine, e nella documentazione Google mette in guardia da simili elenchi di parole chiave. Descriva ciò che si vede, e il termine giusto comparirà da sé.
Quale dimensione dell'immagine è giusta per il sito web?
Larga quanto l'area in cui l'immagine viene visualizzata, e non di più. Per una colonna di contenuto bastano in genere da 1'200 a 1'600 pixel di larghezza, per un'immagine di anteprima in un elenco da 600 a 800 pixel. Una foto direttamente dalla fotocamera, larga 6'000 pixel, non va mai messa sul sito così com'è.
Google riconosce cosa c'è in un'immagine?
Google riesce a riconoscere i contenuti di un'immagine fino a un certo punto, ma secondo la propria documentazione si affida al nome del file, al testo alternativo, alla didascalia e al testo circostante. Non si affidi al riconoscimento delle immagini. Tutto ciò che l'immagine deve comunicare va messo anche in forma di testo accanto ad essa.