Come scrivere descrizioni delle immagini che aiutano a capire una pagina?

Parti dallo scopo dell’immagine

Chiediti perché l’immagine è nella pagina. Identifica una persona, mostra un prodotto, spiega un processo, offre una prova, comunica un risultato o funziona come link? La risposta determina la descrizione. Una descrizione utile comunica il ruolo dell’immagine nella pagina, non un catalogo di tutto ciò che la fotocamera ha catturato.

Una pagina servizio può mostrare la ristrutturazione di un bagno. Se dimostra esperienza nell’accessibilità, doccia senza soglia e maniglioni possono essere importanti. Se è solo una foto d’atmosfera accanto alla stessa spiegazione, il contenuto utile può essere già nel testo e l’immagine può essere decorativa.

Leggi titolo e paragrafo vicino. La descrizione deve aggiungere informazione e non ripetere la didascalia parola per parola. Il contesto cambia il significato: la stessa foto può richiedere testi diversi in un caso studio, una pagina prodotto o un profilo.

Decidi quando è decorativa

Un’immagine decorativa aggiunge atmosfera, spazio o stile ma nessuna informazione necessaria. Texture, divisori, motivi ripetuti e foto stock senza messaggio sono esempi. Per queste immagini un testo alternativo vuoto è spesso appropriato, così la tecnologia assistiva può saltarle.

Non chiamare decorativa un’immagine solo perché è difficile descriverla. Se eliminarla rende meno chiari un’affermazione, un’istruzione, la scelta di un prodotto o un link, ha un significato. Descrivi quel contributo o rendilo disponibile in testo accessibile.

Le icone ripetute richiedono attenzione. Accanto a un’etichetta visibile possono essere decorative. Se sono l’unico segno per ricerca, download, avviso o stato, hanno bisogno di un nome accessibile. Un simbolo visivo non è automaticamente compreso da tutti.

Descrivi brevemente immagini informative

Una foto informativa richiede una descrizione breve e precisa. Indica soggetto, azione e contesto utile. «Una persona» è vago; «Un elettricista controlla il quadro in una cucina ristrutturata» è più utile. Colori e sfondo servono solo se hanno significato.

Evita «immagine di» quando la tecnologia annuncia già l’immagine. Non aggiungere opinioni come «bella» o «professionale» se non sono il messaggio. Scrivi nella lingua della pagina e usa il nome di una persona solo quando l’identità è pertinente e appropriata.

Collega la descrizione alla promessa della pagina. Una foto progetto può spiegare cosa dimostra. Un ritratto può indicare ruolo e persona. Un prodotto deve indicare modello o variante utili alla scelta.

Gestisci testo, grafici e immagini complesse

Il testo dentro un’immagine può essere inaccessibile per chi non può vederlo o ingrandirlo. Metti le parole essenziali in testo HTML vicino, in una didascalia o in un elemento accessibile equivalente. Il testo alternativo può indicare lo scopo, ma non deve essere l’unico luogo per istruzione o offerta dettagliata.

Un grafico richiede una conclusione, non solo un titolo. Offri dati o spiegazione più lunga vicino. «Vendite per trimestre» non dice se sono salite, scese o rimaste uguali.

Mappe, diagrammi e infografiche devono offrire una via alternativa verso la stessa decisione. Non occorre descrivere ogni pixel, ma bisogna rendere comprensibili relazione, direzione, opzione o risultato.

Descrivi immagini funzionali

Quando un’immagine è un link o un pulsante, descrivi azione o destinazione e non l’aspetto. Un logo verso home può essere «Home page ChatBuild». Una lente deve dire «Cerca». Una miniatura verso i dettagli indica prodotto e destinazione.

Evita annunci doppi. Se immagine e testo portano allo stesso posto, l’immagine può essere decorativa o i due elementi possono diventare un solo link. Ripetere due volte lo stesso titolo crea lavoro in più per chi usa un lettore di schermo.

Controlla gli stati. Se un’icona indica non disponibile, selezionato, aperto o protetto, nome o contesto devono comunicarlo. Una descrizione che resta «Calendario» dopo che il controllo è diventato «Chiudi calendario» è fuorviante.

Crea una revisione regolare

Le descrizioni fanno parte della pubblicazione, non sono un compito SEO dell’ultimo minuto. Chiediti cosa aggiunge ogni immagine, se lo scopo è cambiato e se il testo vicino ripete già l’informazione. Lascia vuote le decorative, brevi le informative e supporta le complesse con dati o spiegazione.

Non riempire i testi di keyword. Ripetere una frase in ogni immagine non migliora la visibilità nella ricerca e rende le pagine faticose per chi usa tecnologie assistive. Usa un termine pertinente solo quando nomina naturalmente soggetto, prodotto o destinazione.

Rivedi pagine vecchie dopo redesign, cambi prodotto e campagne. Una descrizione scritta per un’immagine precedente può diventare imprecisa se cambiano taglio, soggetto o messaggio della pagina.

Fonti

• Images Concepts · W3C
• Decorative Images · W3C
• Image best practices · Google Search Central

Domande frequenti

Cosa deve descrivere il testo alternativo?

L’informazione, il soggetto o la funzione che l’immagine aggiunge alla pagina. Concentrati su ciò che il visitatore deve capire o fare, non su ogni dettaglio visivo.

Quando usare testo alternativo vuoto?

Quando l’immagine è davvero decorativa e non aggiunge informazione o funzione. Così la tecnologia assistiva può saltarla senza perdere significato.

Le descrizioni devono contenere keyword?

Solo quando nominano naturalmente soggetto, prodotto o destinazione. Non ripeterle per la SEO: rendono le descrizioni meno utili.

Come descrivere un grafico?

Indica brevemente la conclusione principale e fornisci i dati di base o una spiegazione più lunga in testo accessibile vicino.