Vai al contenuto
Dietro il codice

Google Immagini: una bella foto non basta. Ecco cosa curo nei restyling

Nei restyling trovo spesso foto con nomi casuali e descrizioni mancanti. Racconto come curo immagini e pannelli di gestione, con gli esempi di G-Blind e WishTravel.

DemianWeb - Articolo redatto con l'aiuto dell'Ai

Fotografie stampate di paesaggi e piccoli oggetti accanto a un laptop con una galleria fotografica
Immagine generata con AI

Durante un restyling mi capita spesso di recuperare fotografie dai vecchi siti e trovare file chiamati 23938hhfjf.jpg, senza descrizioni utili associate. La foto può essere bella, ma il lavoro non finisce nel trascinarla dentro una card. Dedico tempo alla SEO delle immagini perché un sito non comunica soltanto attraverso i testi: contano anche la gestione delle fotografie e il modo in cui il codice le presenta alle persone e ai motori di ricerca.

Il nome aiuta, ma non è una formula per apparire su Google

Google spiega che un nome descrittivo può offrire un indizio leggero sul soggetto, mentre testo alternativo, analisi visiva e contesto della pagina concorrono alla comprensione dell’immagine. Per questo preferisco un nome comprensibile a una sequenza casuale. Non significa però che rinominare un file basti a ottenere visibilità su Google Immagini, né che una fotografia con un nome poco chiaro sia automaticamente esclusa. La guida ufficiale di Google invita a considerare l’insieme.

Immaginiamo, come esempio, la fotografia di una valigia blu: valigia-blu-cabina.webp racconta qualcosa del soggetto, ma non descrive da solo ogni dettaglio. Il testo alt deve aiutare a capire ciò che è rilevante nella pagina; una didascalia può aggiungere contesto visibile quando serve. La meta description della pagina ha invece un ruolo distinto: non è un attributo obbligatorio da assegnare a ogni fotografia. Confondere questi campi porta a riempire caselle, non a migliorare davvero il contenuto.

Una foto curata deve anche essere accessibile e utilizzabile

Nel controllo delle immagini considero peso, dimensioni, qualità e resa sui diversi schermi, non soltanto l’estensione del file. Verifico inoltre che siano presentate con elementi HTML riconoscibili e percorsi accessibili ai crawler: Google trova le immagini nell’attributo src di img, non le indicizza come semplici sfondi CSS. Un file ben nominato ma inserito soltanto come decorazione di sfondo non segue lo stesso percorso di una fotografia di contenuto.

Anche l’accessibilità richiede scelte contestuali. Il W3C indica che le immagini puramente decorative possono avere alt vuoto, così non aggiungono rumore alla lettura con tecnologie assistive. Per le foto informative, la descrizione deve essere pertinente, non un elenco di keyword. Allo stesso modo, aggiungo una caption utile quando completa il messaggio: non impongo una frase sotto ogni immagine solo per riempire un campo. La guida W3C sulle immagini decorative aiuta a distinguere i casi.

G-Blind e WishTravel: cura manuale e automatismi, insieme

Questa attenzione deve continuare quando il cliente aggiorna il sito da solo. Nel pannello di G-Blind, il nome del prodotto contribuisce automaticamente al nome del file, con un identificativo univoco; vengono preparate varianti WebP per schermi differenti. Il testo alternativo viene compilato dall’operatore e la didascalia resta facoltativa. L’automazione alleggerisce il lavoro tecnico, mentre chi carica la foto mantiene la responsabilità di descriverla in modo corretto.

In WishTravel affianco i campi manuali a valori di supporto ricavati dal titolo e dalla destinazione del viaggio, usati quando alt e didascalia non sono stati inseriti. Sono automatismi basati sui dati, non una promessa che il sistema riconosca visivamente ogni fotografia. Un testo generico va controllato e adattato alla scena effettiva. La foto deve raccontare ciò che il cliente sta proponendo, non limitarsi a ripetere il nome dell’offerta.

Per me questa non è attenzione “sprecata”: è parte della qualità del progetto. Organizzare immagini e descrizioni aiuta a mantenere ordine anche dopo il lancio e rende più semplice il controllo editoriale. Non attribuisco a questi accorgimenti risultati di traffico non misurati; preferisco spiegare il metodo e verificarne l’applicazione. Se stai preparando un restyling, parliamone considerando anche le fotografie, non soltanto layout, colori e testi delle pagine.

Continua la lettura.

Dalle idee al progetto

Una domanda sul tuo sito?

Parliamone partendo dalle esigenze della tua attività.

Parliamo del progetto