Alt text: spiegazione, impatto SEO e checklist

Panoramica — cos'è l'alt text e perché conta

L'alt text è il testo contenuto nell'attributo alt di un tag immagine (es. <img src="/path/immagine.jpg" alt="descrizione">). Ha due funzioni principali: fornire un’alternativa leggibile per tecnologie assistive (screen reader) o quando l'immagine non si carica, e comunicare informazioni semantiche ai motori di ricerca per l'indicizzazione delle immagini. L'alt text influisce sulla comprensione e sull'accessibilità; può contribuire alla rilevanza per ricerche con immagini, ma il ranking nelle SERP è determinato da molti segnali oltre al solo alt text.

Step-by-step: come scrivere alt text efficaci

1) Identifica lo scopo dell'immagine — è informativa, funzionale (p.es. un link) o puramente decorativa? Per immagini informative scrivi una descrizione che spiega cosa mostra l'immagine; per immagini decorative usa un alt vuoto (alt="").

2) Sii descrittivo ma conciso — usa una frase o una frase nominale che catturi il contenuto essenziale. Evita frasi lunghe che ripetono il testo già presente vicino all'immagine.

3) Non trasformare l'alt text in un contenitore di parole chiave. Inserisci parole utili se sono rilevanti per la descrizione, non per manipolare risultati.

4) Per immagini complesse (grafici, mappe, diagrammi) fornisci un'alternativa testuale estesa: una didascalia chiara, un paragrafo sotto l'immagine, oppure un riferimento con aria-describedby/long description che spieghi i dettagli chiave.

5) Loghi e pulsanti: il logo dovrebbe avere un alt che rappresenta l'entità (es. alt="Nome azienda"); un'immagine che funziona come link dovrebbe avere alt che comunica la destinazione (es. alt="Vai a pagina dei contatti").

6) Mantieni coerenza e revisione: integra l'alt text nel flusso di lavoro editoriale e nei template CMS, applicando regole condivise per team e contributori.

Controllare l'alt text: checklist tecnica

**Presenza alt** — dove verificare — passa quando l'attributo alt è presente (anche alt="") nell'HTML servito. Verifica con: curl -L "https://esempio.com/pagina" e cerca <img ... alt= oppure aprendo view-source in browser.

**Rendered vs HTML** — dove verificare — passa quando il testo alternativo visibile ai lettori di schermo corrisponde a quello nell'HTML finale. Verifica con Chrome DevTools (Elements) o con uno strumento headless che esegue JavaScript; curl mostra solo l'HTML iniziale.

**Decorative images** — dove verificare — passa quando le immagini decorative hanno alt="" e non vengono annunciate dai screen reader. Controlla il sorgente HTML o il CMS template.

**Alternative estese** — dove verificare — passa quando grafici/mappe hanno didascalia testuale o aria-describedby che punta a una spiegazione. Controlla la presenza di <figcaption>, testo vicino o attributi ARIA.

**Indexabilità dell'immagine** — dove verificare — passa quando l'immagine e la pagina sono accessibili ai crawler (status 200, non bloccate da robots) e la pagina è indicizzata. Verifica headers con curl -I "https://esempio.com/pagina"; per la tua proprietà usa URL Inspection in Google Search Console. Per domini che non possiedi, usa site: e query mirate come indicazione, non prova definitiva.

Strumenti pratici e comandi utili

Visualizzare l'HTML grezzo dal server: curl -L "https://esempio.com/pagina". Questo mostra l'HTML iniziale ma non esegue JavaScript. Per verificare il DOM renderizzato, usa Chrome DevTools → Elements o un browser headless che esegue JS.

Controllare gli header della pagina: curl -I "https://esempio.com/pagina" per vedere status code e direttive robots. Analizza i log del server per voci di Googlebot-Image o Googlebot per capire se Google fetcha le immagini.

Per pagine che possiedi: usa lo strumento URL Inspection in Google Search Console per verificare l'indicizzazione della pagina; per immagini specifiche, verifica se compaiono in Google Immagini o come risultato nei report di Search Console quando disponibili. Ricorda che site: è solo un'indicazione pubblica e non una prova definitiva.

Problemi comuni

Missing alt: molte immagini non hanno alcun alt; questo danneggia l'accessibilità. Keyword stuffing: usare l'alt per ripetere keyword non pertinenti riduce l'usabilità e rischia di peggiorare l'esperienza. Alt troppo generici: "immagine1.jpg" o "foto" non aiutano né utenti né motori. Alt per immagini decorative non impostato a stringa vuota: le immagini decorative dovrebbero avere alt="" per essere ignorate dai lettori di schermo.

Contenuti complessi trattati solo con alt breve: grafici o diagrammi che richiedono dati vanno accompagnati da testo esplicativo. Testo dell'immagine duplicato su larga scala: creare lo stesso alt per centinaia di immagini riduce l'utilità e può confondere utenti e motori.

Uso errato dell'attributo title al posto di alt: title non sostituisce l'alt per l'accessibilità; molti screen reader non lo annunciano come alternativa principale.

Problemi di indexabilità: un'immagine in una pagina che non viene indicizzata è, nella maggior parte dei casi, meno utile come segnale per la ricerca di immagini. Ricorda la distinzione tra crawling, indicizzazione e ranking: l'alt aiuta la comprensione (indicizzazione), ma non determina da solo la posizione in SERP.

Leggi la guida Technical SEO

Domande frequenti

Costruisci autorità con backlink di qualità