Cosa fa un generatore di testo alt
Un generatore di testo alt prende un URL di immagine o un caricamento, l'argomento della pagina o il contesto, e una preferenza di pubblico—generale, screen-reader-first, o SEO-first—e poi produce tre varianti di testo alt. La variante corta rimane sotto i 125 caratteri e si concentra sul soggetto essenziale. La variante media aggiunge contesto spaziale o relazionale in 125-150 caratteri. La variante descrittiva arriva a 200 caratteri e include dettagli su colore, layout, emozione o branding quando questi dettagli importano per la comprensione o la scoperta.
Il generatore esegue anche un controllo per immagini decorative. Se l'immagine è puramente estetica—una sfumatura di sfondo, un bordo decorativo, una foto stock di mani su una tastiera che non aggiunge informazioni—lo strumento la contrassegna e consiglia alt="" (attributo alt vuoto) invece di testo descrittivo. I lettori di schermo saltano le immagini con alt vuoto, il che riduce il rumore per gli utenti che navigano tramite cuffie.
La conformità WCAG 2.2 richiede che tutte le immagini non decorative abbiano testo alt, che il testo alt trasmetta informazioni equivalenti all'immagine, e che non superi i 150 caratteri a meno che l'immagine sia complessa (grafici, diagrammi, infografiche). Il nostro controllo WCAG contrassegna tre violazioni: testo alt mancante, testo alt troppo generico ("immagine" o "foto"), e testo alt che inizia con "immagine di" o "foto di" (i lettori di schermo annunciano già "immagine," quindi il prefisso è ridondante).
Come utilizzare questo generatore di testo alt
- Incolla l'URL dell'immagine o trascina un file immagine nella casella di caricamento. Supportiamo JPG, PNG, WEBP e SVG.
- Compila Argomento pagina / contesto con una descrizione in una frase dell'articolo o della pagina dove appare l'immagine—"articolo su come acquistare casa per la prima volta," "landing page per software di gestione progetti," "foto di prodotto su una pagina categoria scarpe."
- Scegli Pubblico primario. Scegli "General" per un equilibrio tra SEO e accessibilità. Scegli "Screen-reader-first (accessibility)" per dare priorità alla chiarezza per gli utenti non vedenti rispetto all'inclusione di parole chiave. Scegli "SEO-first" per enfatizzare nomi di prodotto, termini di brand e frasi scopribili quando l'immagine è principalmente per il traffico di ricerca.
- Fai clic su Genera testo alt. Vengono visualizzate tre varianti con conteggi dei caratteri. Ognuna è pronta da copiare.
- Scegli la variante che si adatta al tuo contesto. Usa corta per semplici foto di prodotto. Usa media per la maggior parte delle immagini hero di blog. Usa descrittiva per infografiche, grafici, o immagini che trasmettono dati o layout complessi.
- Copia e incolla nel tuo CMS. In WordPress, incolla nel campo "Testo alternativo" nella libreria multimediale. In HTML, incolla come
alt="…"all'interno del tag<img>. In Next.js, utilizza il propaltnel componente<Image>.
Per la modalità bulk, fai clic su "Passa a bulk" in alto nel modulo. Incolla fino a dieci URL di immagini, uno per riga, o trascina una cartella di immagini. Compila il contesto della pagina una volta. Fai clic su genera. L'output è una tabella con una riga per immagine: anteprima, alt corta, alt media, alt descrittiva. Copia la tabella o esporta come CSV per l'importazione bulk di WordPress.
Perché il testo alt è importante per l'accessibilità e la SEO
Il testo alt serve due padroni: gli utenti di lettori di schermo che non possono vedere le immagini, e i motori di ricerca che non possono interpretare il contenuto delle immagini senza testo. Un sondaggio WebAIM del 2023 su un milione di home page ha rilevato che il 58% delle immagini aveva testo alt mancante o testo alt che non soddisfava le linee guida WCAG—"immagine," "IMG_1234.jpg," o assurdità riempita di parole chiave.
Tre motivi per scrivere il testo alt correttamente.
Conformità legale. WCAG 2.1 Level AA è lo standard di accessibilità richiesto dall'Americans with Disabilities Act, dall'European Accessibility Act, e dalle leggi equivalenti in Canada, Australia e UK. Il testo alt mancante o errato è il secondo fattore scatenante più comune nelle cause legali per siti ADA dopo i fallimenti della navigazione da tastiera, secondo un rapporto del 2024 di UsableNet che copre 4.600 cause legali per l'accessibilità digitale. I siti di e-commerce e servizi finanziari sono gli obiettivi più frequenti.
Usabilità del lettore di schermo. Il 15% degli adulti statunitensi riferisce di avere una qualche forma di disabilità visiva, secondo i CDC. I lettori di schermo come JAWS, NVDA e VoiceOver leggono il testo alt ad alta voce quando un utente passa il TAB a un'immagine. Se l'alt dice "immagine," l'utente non impara nulla. Se l'alt dice "Grafico che mostra un aumento anno su anno del 23% dei ricavi da Q1 2024 a Q1 2025," l'utente comprende il contenuto senza vederlo.
Traffico di ricerca delle immagini. Google Images genera il 22% di tutte le ricerche web, secondo i dati di SparkToro. Il testo alt è il segnale di testo principale che Google utilizza per classificare le immagini. Una foto di prodotto con testo alt "scarpa da corsa blu" si posiziona per "scarpa da corsa blu." La stessa foto con testo alt "IMG_5391.jpg" non si posiziona per nulla. Uno studio del 2022 di Moz ha rilevato che l'aggiunta di testo alt descrittivo a immagini precedentemente senza alt ha aumentato le impressioni di ricerca delle immagini di una media del 35% entro 90 giorni.
Testo alt vs attributo title vs didascalia vs nome file
Questi quattro termini descrivono diversi metadati dell'immagine. Ognuno ha uno scopo distinto.
Testo alt è l'attributo alt all'interno del tag <img>. I lettori di schermo lo annunciano. Google lo indicizza. È richiesto per l'accessibilità. Se l'immagine non si carica, i browser visualizzano il testo alt al posto dell'immagine. Lunghezza pratica massima: 125-150 caratteri per immagini semplici, 200 per quelle complesse.
Attributo title è l'attributo title all'interno del tag <img>. I browser lo visualizzano come tooltip al passaggio del mouse. I lettori di schermo per lo più lo ignorano. Google lo ignora. Title è opzionale e raramente necessario. Non utilizzare title come sostituto per alt.
Didascalia è il testo visibile visualizzato sotto o accanto all'immagine, tipicamente all'interno dei tag <figure> e <figcaption>. Le didascalie forniscono contesto o crediti. I lettori di schermo leggono le didascalie ad alta voce in aggiunta al testo alt. Se la didascalia descrive completamente l'immagine, il testo alt può essere più corto o vuoto. Se la didascalia è editoriale ("Questo approccio ha cambiato tutto"), l'alt ha comunque bisogno di descrivere cosa mostra l'immagine.
Nome file è lo slug URL dell'immagine—"scarpa-da-corsa-blu.jpg" vs "DSC_1234.jpg". Google legge i nomi file come un segnale di ranking debole. I nomi file descrittivi aiutano lievemente la SEO, ma il testo alt conta molto di più. Rinomina i file prima di caricarli se il tuo CMS lo consente, ma non saltare il testo alt perché il nome file è descrittivo.
Quando ottimizzi un'immagine, scrivi prima il testo alt. Aggiungi una didascalia se l'immagine ha bisogno di contesto editoriale. Rinomina il file se è attualmente una stringa casuale. Salta l'attributo title a meno che tu non abbia un caso di uso tooltip specifico.
Errori comuni
- Scrivere "immagine di" o "foto di" all'inizio. I lettori di schermo già annunciano "immagine" prima di leggere l'alt. Iniziare con "immagine di" produce "immagine immagine di scarpa blu." Inizia con il soggetto: "Scarpa da corsa blu su sfondo bianco."
- Riempimento di parole chiave. Testo alt come "miglior scarpe da corsa scarpe da corsa economiche comprare scarpe da corsa online" è spam. Google lo penalizza. Gli utenti di lettori di schermo sentono gibberish. Scrivi per gli umani prima. Una menzione di parola chiave naturale è sufficiente.
- Utilizzare lo stesso testo alt per ogni immagine su una pagina. Se cinque foto di prodotto hanno tutte alt="foto di prodotto," gli utenti di lettori di schermo non possono distinguerle. Descrivi cosa rende unica ogni immagine: "Vista frontale della scarpa da corsa blu," "Profilo laterale che mostra il battistrada della suola," "Primo piano dei fori del laccio."
- Lasciare immagini decorative con alt descrittivo. Motivi di sfondo, divisori decorativi e immagini di spazio vuoto dovrebbero avere
alt=""in modo che i lettori di schermo le saltino. Descrivere una grafica di swoosh decorativa come "elemento di design curvo blu" non aggiunge valore e rallenta la navigazione. - Scrivere testo alt della lunghezza di un saggio. I lettori di schermo parlano a 150-250 parole al minuto. Un alt di 300 caratteri impiega 10 secondi per essere annunciato. Gli utenti che navigano una pagina con 20 immagini trascorrono tre minuti ascoltando descrizioni. Mantieni l'alt sotto i 150 caratteri a meno che l'immagine non sia un grafico o un'infografica che richiede dettagli.
Suggerimenti avanzati
- Usa la variante media come predefinita. Corta funziona per foto di prodotto semplici. Descrittiva funziona per diagrammi complessi. Media equilibra accessibilità e SEO per la maggior parte delle immagini di blog e landing page.
- Abbina la specificità del testo alt all'argomento della pagina. Se il tuo articolo è "Come allacciare le scarpe da corsa," il testo alt dell'immagine hero dovrebbe descrivere lo stile del nodo—"Runner che allaccia un doppio nodo su una scarpa da corsa blu." Se la pagina è un listing di categoria per scarpe da corsa, l'alt della stessa immagine dovrebbe enfatizzare il prodotto—"Scarpa da corsa blu in mesh con suola bianca."
- Esegui il generatore sulle tue immagini esistenti. Esporta gli URL delle immagini del tuo sito dal tuo CMS o striscia con Screaming Frog. Incolla l'elenco nella modalità bulk. Rivedi il testo alt generato. Aggiorna le immagini che attualmente hanno alt mancante o generico.
- Testa il testo alt con un lettore di schermo. Installa NVDA (Windows) o abilita VoiceOver (Mac). Naviga la tua pagina premendo il tasto Tab. Ascolta cosa annuncia il lettore di schermo. Se il testo alt è confuso o ripetitivo, rivedi.
- Aggiungi dati strutturati per immagini utilizzate in passaggi how-to, ricette, o listing di prodotti. Utilizza la proprietà
"image"nello schema JSON-LD per fare riferimento all'URL dell'immagine e associarla al contenuto strutturato. Google visualizza le immagini in linea con i risultati rich how-to quando lo schema è presente. - Evita la ridondanza tra didascalia e alt. Se la didascalia dice "Grafico che mostra la crescita dei ricavi," l'alt dovrebbe descrivere i dati—"Grafico a barre con cinque barre, che mostra i ricavi aumentare da 2M nel 2022 a 3,5M nel 2026." L'alt fornisce il dettaglio che la didascalia omette.
Una volta che il testo alt è in posizione, il passo successivo è solitamente verificare che il resto dei metadati della pagina sia corretto. Inserisci l'URL della tua pagina nel nostro website metadata checker per convalidare title, meta description, tag OG, Twitter card e schema in una scansione. Se stai ottimizzando un articolo completo, usa il meta description generator per scrivere lo snippet SERP e il SEO title generator per produrre title tag corrispondenti con anteprima Google in tempo reale. Quando pianifichi contenuti che includono immagini, usa il content brief generator per mappare la struttura completa prima di scrivere.