Testo alternativo: Cos'è e come scriverlo

Introduzione

In questa guida imparerete a conoscere il testo alternativo (noto come alt text): cos'è, perché è importante per la SEO on-page, come usarlo correttamente e altro ancora.

Il testo alternativo è spesso trascurato, ma ogni immagine del vostro sito web dovrebbe averlo. Più informazioni sono meglio, e la traduzione delle informazioni visive in testo è fondamentale per i bot dei motori di ricerca e per gli utenti con screen reader. Il testo alternativo è una fonte di informazioni che mette in relazione idee e contenuti del vostro sito web.

Questa guida pratica contiene suggerimenti e consigli che potrete utilizzare immediatamente per migliorare l'immagine del vostro sito web in termini di SEO e accessibilità.

Che cos'è il testo alternativo?

Il testo alternativo (o alt text) - noto anche come attributo alt o tag alt (che non è tecnicamente corretto perché non è un tag) - è un pezzo di testo che descrive l'immagine nel codice HTML.

Quali sono gli usi del testo alternativo?

La funzione originaria del testo alt era quella di descrivere un'immagine che non poteva essere caricata. Anni fa, quando Internet era più lento, il testo alt aiutava gli utenti a capire il contenuto di un'immagine troppo pesante da caricare.

Oggi il testo alt aiuta i bot dei motori di ricerca a comprendere il contenuto e il contesto dell'immagine. Inoltre, il testo alt è fondamentale per l'accessibilità e per le persone che utilizzano gli screen reader:

• Per l'accessibilità: Il testo alternativo aiuta le persone con disabilità (ad esempio, che utilizzano lettori di schermo) a comprendere il contenuto dell'immagine.

• Per la SEO: Il testo alternativo fornisce un contesto aggiuntivo ai motori di ricerca, aiutandoli a comprendere meglio il contenuto della pagina.

Perché il testo Alt è importante

Il web è un'esperienza visiva, per cui il testo alt è fondamentale. Traduce il contenuto dell'immagine in parole, rendendolo accessibile a un pubblico più ampio, comprese le persone con disabilità e i bot dei motori di ricerca che non sono ancora abbastanza intelligenti da comprendere appieno ogni immagine, il suo contesto e il suo significato.

Perché il testo alt è importante per la SEO

Il testo alt è un elemento essenziale dell'ottimizzazione SEO on-page. Una corretta ottimizzazione del testo alt migliora le possibilità del vostro sito web di posizionarsi nelle ricerche di immagini su Google, che possono essere una fonte significativa di traffico, soprattutto per i siti di e-commerce dove gli utenti spesso iniziano la loro ricerca di prodotti con una ricerca di immagini su Google.

Perché il testo Alt è importante per l'accessibilità

Oltre che per la SEO, il testo alt è fondamentale per l'accessibilità, per rendere il web inclusivo per tutti, comprese le persone con disabilità che utilizzano gli screen reader. Descrivere il contenuto dell'immagine nel testo alt aiuta questi utenti a comprendere l'immagine e il contenuto della pagina.

Esempi di testo alternativo

Buoni esempi di testo alt

Considerate una guida alla verifica SEO contenente schermate di strumenti come Google Search Console e Screaming Frog. Buoni esempi di testo alt includono:

<img src="google-search-console-coverage-report.jpg" alt="Il rapporto di copertura in Google Search Console che mostra il numero di pagine indicizzate ed escluse"> <img src="google-search-console.jpg" alt="Strumento Google Search Console di Google"> <img src="screaming-frog-html-pages.jpg" alt="Elenco di pagine HTML in Screaming Frog"> <img src="screaming-frog.jpg" alt="Crawl di Screaming Frog in corso">.

Esempi di testo alt scadente e/o spamming

Esempi di testo alternativo sbagliato sono il keyword stuffing o lo spamming:

<img src="google-search-console-coverage-report.jpg" alt="seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audit"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="auditor seo, audit seo, audit seo"> <img src="screaming-frog.jpg" alt="audit seo">.

Errori comuni nel testo Alt

• Mancato utilizzo del testo alt o utilizzo di un testo alt vuoto.

• Utilizzare lo stesso testo alt per immagini diverse.

• Utilizzo di un testo alt molto generico che non descrive l'immagine.

• Utilizza automaticamente il nome del file come testo alt.

Suggerimenti per la scrittura del testo alt

• Non inserire parole chiave nel testo alt.

• Descrivete l'immagine in modo dettagliato, ma relativamente breve.

• Utilizzate naturalmente le parole chiave come parte della descrizione dell'immagine.

• Non utilizzare il testo sulle immagini. Aggiungete tutto il testo nel codice HTML.

• Non scrivete "questa è un'immagine di". Descrivete solo il contenuto dell'immagine.

• Assicuratevi di poter visualizzare il contenuto dell'immagine anche solo leggendo il testo alt.

Come risolvere i problemi relativi al testo alt delle immagini

Ispezione degli elementi

Ispezionare un elemento (fare clic con il pulsante destro del mouse e selezionare Ispeziona quando si passa sopra un'immagine) per verificare se una determinata immagine ha un testo alt.

Analisi di massa

Per l'analisi di massa, utilizzate strumenti come Screaming Frog o Sitebulb per effettuare il crawling del sito ed esaminare il testo alt di tutte le immagini del sito.

Il testo alternativo può non sembrare una priorità, ma è importante

Ogni fonte di informazione sui vostri contenuti ha un valore. Che si tratti di utenti ipovedenti o di bot, il testo alt aiuta a contestualizzare le immagini sul vostro sito web. Dimostrare un impegno per l'accessibilità è anche una componente critica del moderno marketing digitale.

FAQ

Qual è lo scopo del testo alt nel linguaggio HTML?

Il testo Alt fornisce una descrizione testuale di un'immagine nel caso in cui questa non possa essere visualizzata, aiutando gli utenti a comprendere il contenuto dell'immagine e i bot dei motori di ricerca a capire l'argomento dell'immagine.

Il testo alt può migliorare l'accessibilità dei siti web?

Sì, il testo alt è fondamentale per l'accessibilità dei siti web. Traduce le informazioni visive in un testo descrittivo che può essere letto dagli screen reader utilizzati dagli utenti con disabilità visive, rendendo il web più inclusivo.

Seguendo questi consigli, potete assicurarvi che le immagini del vostro sito web siano accessibili e ottimizzate per la SEO, migliorando sia l'esperienza dell'utente che le prestazioni dei motori di ricerca.