Testo alternativo: perché è importante e le migliori pratiche che possono migliorare la tua SEO

Cos'è il testo alternativo?

Il testo alternativo è la copia che funge da alternativa a un'immagine per coloro che non possono vederla. Potresti vedere il testo alternativo di un'immagine se non riesce a caricarsi su una pagina. Per i visitatori ipovedenti che utilizzano lettori di schermo, il testo alternativo fornisce il contesto per le immagini nel contenuto online.

Allo stesso modo, poiché i motori di ricerca non possono letteralmente "vedere" le informazioni visive, il testo alternativo allegato alle immagini fornisce informazioni importanti su ciò che l'immagine contiene e su come si adatta al contesto del resto della pagina.

Se guardi il codice sorgente di una pagina web, vedrai il testo alternativo incluso nell'HTML in questo modo:

 <img src=“image.jpg” alt=“image description”>

Perché il testo alternativo è importante?

Dal punto di vista funzionale, i tag alt migliorano l'accessibilità per le persone che non possono vedere le immagini sulle pagine web. L'accessibilità è importante per Google perché garantisce un'esperienza utente positiva per tutti.

Dal punto di vista SEO, il testo alternativo è importante perché Google lo utilizza con i contenuti di una pagina per capire di cosa tratta l'immagine. Se utilizzi un'immagine come collegamento, il testo alternativo funzionerà come anchor text, un fattore importante nelle classifiche di ricerca.

Testo alternativo e SEO

Ora che ho spiegato perché il testo alternativo è importante sia per le persone che per i motori di ricerca, entriamo più in dettaglio su come utilizzare il testo alternativo come parte più ampia della strategia di ottimizzazione delle immagini SEO.

Google attribuisce molto valore al testo alternativo. Non solo usa il testo alternativo di un'immagine per determinare cosa c'è nella pagina, ma anche come si relaziona al testo circostante.

Nel loro articolo sulle migliori pratiche per le immagini di Google, arrivano al punto di insinuare che l'aggiunta di testo alternativo all'immagine può migliorare i tassi di conversione dal traffico organico.

"Aggiungendo più contesto intorno alle immagini, i risultati possono diventare molto più utili, il che può portare a un traffico di qualità superiore verso il tuo sito".

Centro di ricerca di Google – Linee guida specifiche per i contenuti

Best practice per il testo alternativo: 5 cose da ricordare

Quando crei testo alternativo, concentrati sulla creazione di contenuti utili e informativi che utilizzino le parole chiave in modo appropriato e si adattino al contenuto della pagina. Anche se va bene scrivere tag alt ottimizzati per la ricerca, non dimenticare che sono prima di tutto pensati per essere utili agli utenti ipovedenti.

Ecco alcune linee guida per aiutarti a creare testo alternativo ottimizzato per la SEO per immagini che sono ugualmente utili per utenti e motori di ricerca.

1. Sii specifico

Il mio miglior consiglio sulla scrittura del testo alternativo dell'immagine è immaginare come lo descriveresti brevemente a qualcuno al telefono. Poche parole potrebbero essere sufficienti o potresti aver bisogno di una frase intera. La maggior parte delle utilità per la lettura dello schermo taglia il testo alternativo a circa 125 caratteri, quindi qualsiasi cosa più lunga non sarà utile per l'utente.

2. Evita di avviare un tag alternativo con un'introduzione

Dal momento che stai lavorando entro un limite di caratteri specifico, non vuoi sprecare spazio prezioso (e tempo dell'utente) e introdurre ogni immagine identificandola come tale.

Ad esempio, non è necessario iniziare il tag alt con frasi come queste:

• Questa è una foto di a
• Questa immagine mostra
• Ecco uno screenshot di

3. Incorpora parole chiave ma evita il riempimento di parole chiave

Usa una parola chiave nel tuo testo alternativo se è pertinente. L'inserimento di parole chiave nei tag alt crea un'esperienza utente negativa. Ad esempio, se la mia pagina ha un grafico a torta che mostra i tipi più comuni di frammenti in primo piano su un post del blog ottimizzato per "come ottenere frammenti in primo piano". Potrei scrivere un tag alternativo che dice "Grafico a torta dei tipi di frammenti in primo piano comuni".

Ma "Grafico a torta dei tipi di frammenti in primo piano comuni per aiutarti a sapere come ottenere frammenti in primo piano " sarebbe visto come riempimento di parole chiave.

4. Non ripetere il contenuto

Poiché lo scopo del testo alternativo è fornire una copia digitale delle informazioni visive, non è necessario ripetere il contenuto esistente all'interno di un tag alt.

Ad esempio, se hai un'infografica che illustra i passaggi per cambiare una gomma e il contenuto del tuo post elenca questi passaggi e li spiega, non è necessario ripetere le stesse informazioni nel tag alternativo.

Se c'è del testo nella tua immagine, dovresti includerlo nel tag alt?

Dipende. Poiché né Google né un lettore di schermo possono decodificare il testo in un'immagine, se lo includi nel tag alt dipenderà dall'importanza di quel testo per le informazioni sulla pagina.

Alcuni esempi potrebbero includere:

• il titolo di una copertina di un libro.
• il titolo su un'infografica.
• marchi rilevanti

5. Non utilizzare le descrizioni alternative per la grafica decorativa

Secondo le linee guida per l'accessibilità dei contenuti Web (WCAG), un'immagine è "decorativa" se non ha alcuna funzione al di là del modo in cui appare.

Non includere il testo alternativo se un'immagine è puramente decorativa, come un divisore grafico o un'immagine di sfondo. Poiché l'immagine non fornisce informazioni preziose, inclusa la sua descrizione nel testo alternativo "ingombra" l'esperienza di lettura dello schermo.

Esempi di testo alternativo buono e cattivo

Ricorda, il tuo testo alternativo non deve essere lungo. Basta renderlo dettagliato e descrittivo come deve essere a beneficio degli utenti. Sulla base delle migliori pratiche del testo alternativo che ho delineato sopra, ecco alcuni esempi buoni e meno buoni di testo alternativo per le immagini.

Cattivo: questa è una foto di una ragazza.

Bene: ragazza seduta su un letto a casa utilizzando una tavoletta digitale.

Cattivo: sarto

Buono: Sarto professionista che usa un metro a nastro mentre altera una giacca nel suo laboratorio.

Cattivo: grafico a torta.

Buono: grafico a torta degli snippet in primo piano comuni. 70 percento di paragrafi, 19,1 percento di elenchi, 6,3 percento di tabelle e 4,6 percento di video.

Con grafici e diagrammi, includi sempre un collegamento all'origine dati nella copia del corpo. Se aggiungi solo una citazione all'immagine, gli utenti ipovedenti non possono accedere a più dati.

Grafici e grafici possono talvolta richiedere una lunga descrizione.

Sebbene sia importante scrivere un ottimo testo alternativo, è solo una parte di una più ampia strategia di ottimizzazione delle immagini SEO. Analizziamo alcuni degli altri modi in cui puoi assicurarti che le immagini nei tuoi contenuti aiutino e non danneggino le tue prestazioni SEO complessive.

5 modi per potenziare l'ottimizzazione delle immagini SEO  

1. Usa le parole chiave nei nomi delle immagini

Importa come chiami i tuoi file immagine! Quando si tratta di come assegnare un nome alle immagini per la SEO, vuoi seguire alcune delle stesse logiche che segui per i tag alt. I nomi dei file immagine devono essere pertinenti, descrittivi e includere una parola chiave.

Quando assegni un nome alle immagini per la SEO, includi la tua parola chiave all'inizio del nome del file immagine e separa le parole con trattini (-). Ad esempio, per l'esempio di grafico a torta che ho incluso sopra, alcuni possibili nomi di file potrebbero essere:

• grafico a torta.png
  Questo nome file non è sufficientemente descrittivo e non contiene una parola chiave.
• featured-snippets-types-pie-chart.png
  Questo nome file porta con una parola chiave ed è descrittivo. Google può differenziare le parole nel nome del file perché i trattini le separano.

2. Usa il formato "giusto".

Non esiste un formato universalmente corretto per le immagini che utilizzi sul tuo sito web. Il formato scelto dipende dal tipo di immagine e da come si desidera utilizzarla.

Ecco alcune linee guida:

• I JPEG sono i migliori per immagini più grandi per mantenere la nitidezza. In questo caso, "più grande" significa dimensione, non dimensione del file, che è una considerazione diversa che discuterò di seguito.
• I PNG ti permetteranno di preservare la trasparenza dello sfondo.
• Scalable Vector Graphics (SVG) è un formato immagine relativamente nuovo introdotto nel 2001 che rimane nitido e chiaro a qualsiasi risoluzione o dimensione. Gli SVG possono essere animati e, come i PNG, preservano la trasparenza dello sfondo.

3. Ridimensiona le tue immagini

Prima di tutto, voglio chiarire la differenza tra la dimensione dell'immagine e la dimensione del file. La dimensione di un'immagine si riferisce alle sue dimensioni, ad esempio 1024 x 680 pixel. La dimensione di un file si riferisce alla quantità di spazio necessaria per archiviarlo su un server, ad esempio 5000 kilobyte. Il primo riguarda la quantità di spazio che un'immagine occupa su una pagina e il secondo il tempo necessario per il caricamento.

Le immagini ad alta risoluzione e di grandi dimensioni contengono molte informazioni visive, il che significa che hanno un file di grandi dimensioni e possono rallentare i tempi di caricamento della pagina.

Ricordare:

Assicurati di ridimensionare le tue immagini prima di caricarle. Il ridimensionamento dell'immagine con l'opzione delle dimensioni di visualizzazione in un CMS (come WordPress) non migliorerà il tempo di caricamento della pagina perché l'immagine a dimensione intera deve ancora essere caricata prima che le dimensioni di visualizzazione vengano visualizzate sulla pagina.

4. Usa didascalie

In teoria, le didascalie delle immagini potrebbero avere un impatto sulla SEO se contengono parole chiave, ma consiglierei di non ottimizzarle specificamente per la ricerca organica. Sebbene l'utilizzo di una parola chiave nel nome del file e del testo alternativo di un'immagine influisca direttamente sulla sua reperibilità nella ricerca, le didascalie delle immagini non svolgono la stessa funzione. L'aggiunta di parole chiave alle didascalie delle immagini potrebbe comportare un'ottimizzazione eccessiva e danneggiare le tue classifiche più di quanto non aiutino.

Invece, visualizza le didascalie delle immagini attraverso l'obiettivo di creare un'esperienza utente positiva. Come le intestazioni, gli elenchi puntati, il testo evidenziato e il grassetto, le didascalie delle immagini migliorano la scansione di una pagina. Sappiamo tutti che le persone tendono a sfogliare i contenuti che leggono online, quindi offrire cartelli lungo il percorso li aiuta ad assorbire le informazioni che stai condividendo.

La leggenda narra che l'icona della pubblicità David Ogilvy abbia commissionato una ricerca sull'inclusione di immagini in copia. Uno dei truismi* che ha condiviso che risuona ancora oggi con i marketer è:

Se non utilizzi didascalie con le tue immagini, potresti perdere un'opportunità per coinvolgere i lettori.

* Lo chiamo un "truismo" perché non sono riuscito a risalire all'origine dati originale, quindi non posso citarlo come un dato di fatto.

5. Aggiungi testo alternativo

L'aggiunta di testo alternativo alle tue immagini è importante per l'accessibilità e la SEO. Non convinto? Potresti voler rivedere "Perché il testo alternativo è importante".

Che dire dei tag del titolo delle immagini?

Il titolo di un'immagine è un altro attributo che può fornire informazioni su un'immagine.

L'attributo title di un'immagine può generare un suggerimento per gli utenti vedenti, ma i lettori di schermo salteranno quel testo. Pertanto, non isolare informazioni importanti nei titoli delle immagini. I visitatori ipovedenti non potranno accedervi.

Strumenti gratuiti per l'ottimizzazione delle immagini SEO

Ecco alcuni strumenti gratuiti per iniziare a ottimizzare le tue immagini per la SEO.

Strumenti di ottimizzazione delle immagini

Una rapida ricerca su Google rivelerà tutta una serie di strumenti gratuiti per l'ottimizzazione delle immagini. Ecco alcuni dei miei preferiti:

• Ottimizzatore JPEG
• Foto di affinità
• Pixlr
• Kraken (compressione di massa)
• Ottimilla

Plug-in WordPress per l'ottimizzazione delle immagini

• Yoast SEO
• ShortPixel
• Ottimizzatore di immagini EWWW
• WP Smussh
• TinyPNG

Test di velocità di carico

C'è solo uno strumento che ti consiglio per testare la velocità di caricamento delle tue pagine dopo aver ottimizzato le tue immagini. Google PageSpeed ​​Insights analizzerà la velocità di caricamento per dispositivi mobili e desktop, ti fornirà un punteggio delle prestazioni e identificherà le opportunità di miglioramento. (Non sai perché la velocità della pagina è importante? Leggi i fattori di ranking di Google e scopri le cose più importanti per arrivare in cima ai risultati di ricerca.)

Ottieni aiuto con l'ottimizzazione delle immagini SEO

L'utilizzo del testo alternativo e l'ottimizzazione delle immagini per la ricerca rappresentano un'opportunità SEO che molti dei tuoi concorrenti stanno perdendo. Sebbene ci siano molte variabili da considerare quando decidi di sfruttare il potere della ricerca di immagini, non devi farlo da solo. Quando pianifichi una consulenza SEO gratuita, chiedi informazioni sulle opportunità di ottimizzazione delle immagini per il tuo sito web.