Che cos'è, come scriverlo e perché è importante per la SEO

Oggi, quasi il 19% delle SERP di Google mostra immagini. Ciò significa che, nonostante i tuoi migliori sforzi SEO, potresti comunque perdere un'altra fonte di traffico organico: le immagini del tuo sito web.

Come si entra in questa fonte di traffico? Testo alternativo dell'immagine. In questo pezzo, tratteremo come scrivere il testo alternativo dell'immagine in modo che le tue immagini si posizionino in alto nei motori di ricerca e guidino il traffico.

Sommario

Indipendentemente dal fatto che tu esegua SEO per la tua attività, l'ottimizzazione del testo alternativo dell'immagine del tuo sito Web è il tuo biglietto per creare un'esperienza utente migliore per i tuoi visitatori, indipendentemente da come ti hanno trovato per la prima volta.

Perché il testo alternativo dell'immagine è importante?

Il testo alternativo dell'immagine è importante per tre motivi: accessibilità, esperienza dell'utente e traffico di immagini. Comprendere questi motivi ti aiuterà a scrivere un testo alternativo efficace per tutte le tue immagini. Immergiamoci.

Accessibilità

Nel 1999, il W3C ha pubblicato le Web Content Accessibility Guidelines 1.0 per spiegare come rendere i contenuti più accessibili per gli utenti con disabilità. Una di queste linee guida era "Fornire alternative equivalenti al contenuto uditivo e visivo". Significava che qualsiasi pagina web con immagini (o filmati, suoni, applet, ecc.) dovrebbe includere informazioni equivalenti al suo contenuto visivo o uditivo.

Innanzitutto, le alternative testuali descrittive ai contenuti uditivi e visivi assicurano che tutti possano trarre vantaggio dai contenuti che condividi, in particolare quelli con disabilità visive che potrebbero utilizzare gli screen reader per assorbire il contenuto di una pagina web. Un'immagine senza una descrizione non è utile per qualcuno che utilizza quella tecnologia e crea una scarsa esperienza utente e, in alcuni casi, una scarsa percezione del marchio.

Ad esempio, supponiamo che una pagina Web contenga l'immagine di una freccia rivolta verso l'alto che si collega a un sommario. Un testo equivalente potrebbe essere "Vai al sommario". Ciò consentirebbe a un utente con un lettore di schermo o altra tecnologia assistiva di comprendere lo scopo dell'immagine senza vederla.

In altre parole, il testo alternativo aiuta a garantire che i tuoi contenuti visivi siano accessibili a tutti gli utenti, indipendentemente dalle loro capacità visive.

Esperienza utente

Il testo alternativo promuove l'accessibilità e offre una migliore esperienza utente a tutti gli utenti. Ad esempio, supponiamo che un visitatore abbia una connessione a bassa larghezza di banda, quindi le tue immagini non vengono caricate. Invece di vedere solo un'icona di collegamento interrotto, vedranno anche un testo alternativo per raccogliere ciò che trasmette l'immagine.

Ad esempio, un utente sul tuo sito potrebbe essere in grado di vedere l'immagine a sinistra. Se non possono, per qualsiasi motivo, sentiranno o vedranno il testo alternativo sulla destra. Ciò contribuirà a fornire un'esperienza utente migliore rispetto all'assenza di testo alternativo.

Fonte immagine

Immagine Traffico

Un'altra cosa importante che il testo alternativo fa per te è mostrare le tue immagini nei risultati di ricerca, sia in Google Immagini che come pacchetti di immagini. I pacchetti di immagini sono risultati speciali visualizzati come una riga orizzontale di collegamenti di immagini che possono apparire in qualsiasi posizione organica (incluso il primo posto su una SERP, come mostrato nell'esempio nell'introduzione).

Inoltre, le immagini che appaiono in entrambi i tipi di risultati di ricerca sono un altro modo per ricevere visitatori organici. Ciò può comportare migliaia di visitatori in più, almeno nel caso di HubSpot.

A partire dal 2018, il team di HubSpot Blog ha implementato una nuova strategia SEO che, in parte, si è concentrata maggiormente sull'ottimizzazione del testo alternativo dell'immagine. Ciò ha contribuito ad aumentare il traffico di immagini del blog del 779% in meno di un anno, il che ha portato a 160.000 visualizzazioni organiche in più. Puoi leggere di più sul successo del team in questo post del blog.

Come aggiungere testo alternativo alle tue immagini

Nella maggior parte dei sistemi di gestione dei contenuti (CMS), facendo clic su un'immagine nel corpo di un post del blog si produce un'ottimizzazione dell'immagine o un modulo rich text, in cui è possibile creare e modificare il testo alternativo dell'immagine.

Esaminiamo i passaggi successivi per CMS Hub e WordPress di seguito.

Come aggiungere testo alternativo nel CMS HubSpot

In HubSpot, dopo aver fatto clic su un'immagine e aver fatto clic sull'icona di modifica (che assomiglia a una matita), verrà visualizzata una finestra pop-up di ottimizzazione dell'immagine.

Ecco come appare questa finestra di ottimizzazione dell'immagine nel CMS all'interno del tuo portale HubSpot:

Il tuo testo alternativo viene quindi scritto automaticamente nel codice sorgente HTML della pagina web, dove puoi modificare ulteriormente il testo alternativo dell'immagine se il tuo CMS non ha una finestra di testo alternativo facilmente modificabile. Ecco come potrebbe apparire il tag alt nel codice sorgente di un articolo:

Come aggiungere testo alternativo nel CMS di WordPress

In WordPress, facendo clic su un'immagine si aprirà automaticamente la scheda Blocca nella barra laterale. Nella sezione denominata "Impostazioni immagine", aggiungi il testo alternativo nel campo vuoto.

Quando sei pronto, fai clic su Aggiorna dalla barra degli strumenti nella parte superiore dello schermo.

La regola più importante dell'alt text? Sii descrittivo e specifico. Tieni presente, tuttavia, che questa regola di testo alternativo può perdere il suo valore se il tuo testo alternativo non considera anche il contesto dell'immagine. Il testo alternativo può mancare il bersaglio in tre modi diversi. Considera gli esempi seguenti.

3 esempi di testo alternativo immagine (il buono e il cattivo)

1. Parola chiave vs dettaglio

Testo alternativo errato

alt="HubSpot office wall Singapore inbound marketing workplace murals orange walls ship it"

Cosa c'è che non va nella riga di testo alternativo sopra? Troppi riferimenti a HubSpot. L'uso di testo alternativo per inserire parole chiave in frasi frammentate aggiunge troppa confusione all'immagine e non abbastanza contesto. Queste parole chiave potrebbero essere importanti per l'editore, ma non per i web crawler.

Infatti, il testo alt sopra rende difficile per Google capire come l'immagine si relaziona al resto della pagina web o all'articolo su cui è pubblicata, impedendo all'immagine di posizionarsi per le parole chiave longtail correlate che hanno livelli di interesse più elevati dietro di loro.

Peggio ancora, Google distribuisce sanzioni per il riempimento di parole chiave.

Buon testo alternativo

Tenendo presente il testo alternativo errato (sopra), un testo alternativo migliore per questa immagine potrebbe essere:

alt="Orange mural that says 'ship it' on a wall at HubSpot's Singapore office"

2. Dettaglio contro specificità

Fonte immagine

Testo alternativo errato

alt="Baseball player hitting a ball at a baseball field"

La riga di testo alternativo qui sopra segue tecnicamente la prima regola del testo alternativo - sii descrittivo - ma non è descrittiva nel modo giusto. Sì, l'immagine sopra mostra un campo da baseball e un giocatore che colpisce una palla da baseball. Ma questa è anche una foto del Fenway Park e del numero 34 dei Red Sox David Ortiz che ne segna uno sopra il campo destro. Queste sono specifiche importanti di cui Google avrebbe bisogno per indicizzare correttamente l'immagine se si trova, ad esempio, su un post di un blog sugli sport di Boston.

Buon testo alternativo

Tenendo presente il testo alternativo errato (sopra), un testo alternativo migliore per questa immagine potrebbe essere:

alt="David Ortiz of the Boston Red Sox batting from home plate at Fenway Park"

3. Specificità contro contesto

Fonte immagine

Entrambe le immagini sopra hanno un contesto chiaro che può aiutarci a scrivere un buon testo alternativo: una proviene da un ufficio HubSpot e l'altra è Fenway Park. Ma cosa succede se la tua immagine non ha un contesto ufficiale (come il nome di un luogo) con cui descriverla?

Qui è dove dovrai utilizzare l'argomento dell'articolo o della pagina web in cui stai pubblicando l'immagine. Ecco alcuni esempi positivi e negativi di testo alternativo in base al motivo per cui lo stai pubblicando:

Per un articolo su come frequentare la Business School

Testo alternativo errato

alt="Woman pointing to a person's computer screen"

La riga di testo alternativo in alto passerebbe normalmente come testo alternativo decente, ma dato che il nostro obiettivo è pubblicare questa immagine con un articolo sull'andare alla scuola di economia, ci stiamo perdendo alcune scelte di parole chiave che potrebbero aiutare Google ad associare l'immagine con alcune sezioni dell'articolo.

Buon testo alternativo

Tenendo presente il testo alternativo errato (sopra), un testo alternativo migliore per questa immagine potrebbe essere:

alt="Business school professor pointing to a student's computer screen"

Per una pagina Web sul software educativo per gli insegnanti delle scuole aziendali

Testo alternativo errato

alt="Teacher pointing to a student's computer screen"

La riga di testo alternativo sopra è descrittiva e specifica quasi quanto il buon testo alternativo dell'esempio precedente, quindi perché non è sufficiente per una pagina Web sul software educativo? Questo esempio approfondisce ancora di più l'argomento della business school e specifica che il pubblico ideale per questa pagina Web sono gli insegnanti. Pertanto, il testo alternativo dell'immagine deve riflettere ciò.

Buon testo alternativo

Tenendo presente il testo alternativo errato (sopra), un testo alternativo migliore per questa immagine potrebbe essere:

alt="Professor using education software to instruct a business school student"

Best practice per il testo alternativo dell'immagine

In definitiva, il testo alternativo dell'immagine deve essere specifico ma anche rappresentativo dell'argomento della pagina web che sta supportando. Hai avuto l'idea finora? Ecco alcune chiavi importanti per scrivere un testo alternativo immagine efficace:

• Descrivi l'immagine e sii specifico.
• Usa sia il soggetto che il contesto dell'immagine per guidarti.
• Aggiungi un contesto correlato all'argomento della pagina.
• Se l'immagine non presenta un luogo o una persona riconoscibile, aggiungi un contesto in base al contenuto della pagina.
• Ad esempio, il testo alternativo per un'immagine stock di una persona che digita su un computer potrebbe essere "Donna che ottimizza il sito Web WordPress per SEO" o "Donna che ricerca piattaforme di blog gratuite", a seconda dell'argomento della pagina web.
• Mantieni il testo alternativo inferiore a 125 caratteri .
• Gli strumenti di lettura dello schermo in genere smettono di leggere il testo alternativo a questo punto, interrompendo il testo alternativo prolisso nei momenti imbarazzanti quando verbalizzano questa descrizione per i non vedenti.
• Non iniziare il testo alternativo con "immagine di..." o "Immagine di..." Passa direttamente alla descrizione dell'immagine.
• Gli strumenti di lettura dello schermo (e Google, del resto) lo identificheranno come un'immagine dal codice sorgente HTML dell'articolo.
• Usa le tue parole chiave, ma con parsimonia. Includi solo la parola chiave target del tuo articolo se è facilmente inclusa nel tuo testo alternativo. In caso contrario, considera le parole chiave semantiche o solo i termini più importanti all'interno di una parola chiave longtail. Ad esempio, se la parola chiave principale del tuo articolo è "come generare lead", potresti utilizzare "generazione di lead" nel tuo testo alternativo, poiché "come" potrebbe essere difficile da includere naturalmente nel testo alternativo dell'immagine.
• Non inserire la tua parola chiave nel testo alternativo di ogni singola immagine. Se il tuo post sul blog contiene una serie di immagini del corpo, includi la tua parola chiave in almeno una di quelle immagini. Identifica l'immagine che ritieni più rappresentativa del tuo argomento e assegnale la tua parola chiave. Attenersi a descrizioni più estetiche nei media circostanti.
• Revisione per errori di ortografia. Le parole errate nel testo alternativo dell'immagine potrebbero danneggiare l'esperienza dell'utente o confondere i motori di ricerca che eseguono la scansione del tuo sito. Dovresti rivedere il testo alternativo come faresti con qualsiasi altro contenuto della pagina.
• Non aggiungere testo alternativo a ogni immagine. Dovresti aggiungere testo alternativo alla maggior parte delle immagini su una pagina web per motivi di SEO, UX e accessibilità, tuttavia ci sono delle eccezioni. Le immagini puramente decorative o descritte nel testo nelle vicinanze, ad esempio, dovrebbero avere un attributo alt vuoto. Per una ripartizione più dettagliata di quando aggiungere testo alternativo e quando no, dai un'occhiata a questo albero delle decisioni.

In che modo il testo alternativo influisce sulla SEO

Secondo Google, il testo alternativo viene utilizzato, in combinazione con algoritmi di visione artificiale e il contenuto della pagina, per comprendere l'oggetto delle immagini.

Il testo alternativo, quindi, aiuta Google a capire meglio non solo di cosa trattano le immagini, ma di cosa tratta la pagina web nel suo insieme. Questo può aiutare ad aumentare le possibilità che le tue immagini appaiano nei risultati di ricerca delle immagini.

Con l'implementazione di Search Generative Experience (SGE) da parte di Google, il testo alternativo contestuale e di alta qualità garantisce che i tuoi contenuti siano nel mix della nuova istantanea delle informazioni chiave basata sull'intelligenza artificiale.

Ad esempio, Google osserva che il suo SGE può offrire alle persone un'esperienza di acquisto a tutto tondo con opzioni degne di nota, descrizioni dei prodotti, prezzi e immagini in un'unica istantanea. Se le immagini dei tuoi prodotti hanno un testo alternativo descrittivo e specifico, fornisci ai motori di ricerca il contesto per sapere quando far emergere il tuo prodotto come scelta di alta qualità nei risultati di qualcuno.

Quando crei contenuti su un argomento, considera come il tuo pubblico potrebbe preferire trovare le risposte alle loro domande su quell'argomento. In molti casi, gli utenti di Google non vogliono il classico risultato di ricerca blu con collegamento ipertestuale, ma vogliono l'immagine stessa incorporata nella tua pagina web.

Ad esempio, un visitatore che cerca come rimuovere i duplicati in Excel potrebbe preferire uno screenshot in modo che possa capire come completare l'attività a colpo d'occhio.

Fonte immagine

Poiché questa immagine ha un testo alternativo ottimizzato, appare nei risultati della ricerca di immagini per la parola chiave longtail "come rimuovere i duplicati in Excel". Poiché il post appare anche nei risultati di ricerca web per la stessa parola chiave, i visitatori potrebbero arrivare al post del blog attraverso questi due diversi canali.

Aggiunta di testo alternativo dell'immagine al tuo sito web

Quindi, da dove inizi quando sviluppi il testo alternativo per i post del tuo blog e le pagine web? Prendi in considerazione l'idea di eseguire una verifica di base del tuo contenuto esistente per vedere dove puoi incorporare il testo alternativo in immagini precedentemente non contrassegnate. Guarda come cambia il tuo traffico organico tra le pagine a cui assegni nuovi tag alt.

Più immagini ottimizzi, migliore sarà la tua strategia SEO.

Nota del redattore: questo post è stato originariamente pubblicato a settembre 2018 ed è stato aggiornato per completezza.