Se trascorri del tempo ad ottimizzare il tuo blog o il contenuto del tuo sito web, intestazioni, sottotitoli e meta descrizioni per i motori di ricerca, la seguente immagine dovrebbe allarmarti:
Oggi, le pagine dei risultati dei motori di ricerca di Google (SERP) ne offrono altrettante Immagine risultati come fanno risultati basati sul testo. Lo screenshot qui sopra è il primo SERP prodotto da Google per il termine di ricerca, "design della newsletter via email". Nota come, oltre alla scheda "Immagini" in alto, Google tira un consistente pacchetto di immagini cliccabili all'inizio della pagina principale dei risultati – prima che qualsiasi risultato di testo organico sia persino visibile.
Nonostante i tuoi migliori sforzi SEO, potresti comunque perdere un'altra fonte di traffico organico: le immagini del tuo sito web. Come entri in questa fonte di traffico? Immagine alt text.
Sempre di più, gli argomenti su cui molte aziende ed editori creano contenuti richiedono immagini per accompagnare le loro parole. Se stai scrivendo sulla fotografia, ad esempio, esempi fotografici della tua visione sono fondamentali per l'esperienza di lettura dei tuoi visitatori. Quando si spiega come usare un certo tipo di software, le schermate di quel software sono spesso il modo migliore per dimostrarlo.
Se stai creando contenuti su un argomento che richiede il supporto di elementi visivi, considera in che modo il tuo pubblico potrebbe preferire trovare risposte alle loro domande su quell'argomento. In molti casi, i cercatori di Google non vogliono il classico risultato di ricerca hyperlinked blu: vogliono l'immagine stessa, incorporata all'interno della tua pagina web.
Una delle cose più importanti che l'alt text dell'immagine può fare per te è trasformare le tue immagini in risultati di ricerca con collegamenti ipertestuali – dando al tuo sito web un altro modo per ricevere visitatori organici.
Cos'è l'Alt Text?
Chiamato anche "alt tag" e "alt descriptions", alt text è la copia scritta che appare al posto di un'immagine su una pagina web se l'immagine non riesce a caricare sullo schermo di un utente. Questo testo aiuta gli strumenti di lettura dello schermo a descrivere le immagini ai lettori ipovedenti e consente ai motori di ricerca di eseguire ricerche per indicizzare e classificare meglio il tuo sito web.
Che tu esegua o meno il SEO per la tua azienda, 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 dal modo in cui ti hanno trovato per la prima volta.
Come aggiungere testo alternativo alle immagini
Nella maggior parte dei sistemi di gestione dei contenuti (CMS), facendo clic su un'immagine nel corpo di un post del blog viene generato un modulo di ottimizzazione dell'immagine o rich text, in cui è possibile creare e modificare il testo alternativo dell'immagine.
Utenti HubSpot: Ecco come appare questa finestra di ottimizzazione delle immagini nel CMS all'interno del tuo portale HubSpot:
Il tuo alt text viene quindi automaticamente scritto 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 alt facilmente modificabile. Ecco come potrebbe apparire il tag alt nel codice sorgente di un articolo:
La regola più importante di alt text? Sii descrittivo e specifico. Tieni presente, tuttavia, che questa regola del 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 marchio in tre modi diversi. Considera gli esempi qui sotto.
3 Esempi di testo di immagine alternativa (il buono e il cattivo)
1. Parola chiave e dettagli
Bad Alt Text
alt = "Muro dell'ufficio HubSpot Singapore murales sul posto di lavoro in arrivo sul mercato muri arancioni lo spediscono"
Cosa c'è di sbagliato nella riga di alt text sopra? Troppi riferimenti a HubSpot. L'uso di alt text per inserire parole chiave in frasi frammentate aggiunge troppa immagine all'immagine e non abbastanza contesto. Queste parole chiave potrebbero essere importanti per l'editore, ma non per Google.
Infatti, il testo alternativo qui sopra rende difficile per Google capire come l'immagine si rapporta al resto della pagina web o dell'articolo in cui è pubblicata, impedendo all'immagine di classificarsi per i relativi coda lunga parole chiave che hanno livelli di interesse più elevati dietro di loro.
Buon testo
Con il brutto testo alternativo (sopra) in mente, il testo alternativo migliore per questa immagine potrebbe essere:
alt = "Un murale arancione che dice 'spedirlo' su un muro nell'ufficio di Singapore di HubSpot"
2. Dettaglio e specificità
Immagine di Winslow Townson
Bad Alt Text
alt = "Giocatore di baseball che colpisce una palla in un campo da baseball"
La linea del testo alternativo sopra segue tecnicamente la prima regola del testo alternativo – sia descrittiva – ma non è descrittiva nel modo giusto. Sì, l'immagine qui sopra mostra un campo da baseball e un giocatore che colpisce una palla da baseball. Ma questa è anche una foto di Fenway Park – e il # 34 David Ortiz dei Red Sox ha fatto segnare uno sul campo a destra. Queste sono specifiche importanti che Google avrebbe bisogno di indicizzare correttamente l'immagine se si tratta, per esempio, di un post sul blog sugli sport di Boston.
Buon testo
Con il brutto testo alternativo (sopra) in mente, il testo alternativo migliore per questa immagine potrebbe essere:
alt = "David Ortiz dei Boston Red Sox battuto dal piatto di casa al Fenway Park"
3. Specificità vs. Contesto
Immagine via UCLA
Entrambe le immagini sopra hanno un chiaro contesto che può aiutarci a scrivere un buon testo alternativo: uno proviene da un ufficio HubSpot e l'altro è Fenway Park. Ma cosa succede se la tua immagine non ha un contesto ufficiale (come il nome di un luogo) con cui descriverlo?
È qui che dovrai utilizzare l'argomento dell'articolo o della pagina web in cui pubblichi l'immagine. Ecco alcuni esempi buoni e cattivi di testo alternativo in base al motivo per cui lo stai pubblicando:
Per un articolo su come frequentare la Business School
Bad Alt Text
alt = "Donna che indica lo schermo del computer di una persona"
La linea del testo alternativo in alto normalmente passerebbe come testo alternativo decente, ma dato che il nostro obiettivo è pubblicare questa immagine con un articolo su come andare alla business school, ci stiamo perdendo alcune scelte di parole chiave che potrebbero aiutare Google ad associare l'immagine con alcune sezioni dell'articolo.
Buon testo
Con il brutto testo alternativo (sopra) in mente, il testo alternativo migliore per questa immagine potrebbe essere:
alt = "Professore di scuola commerciale che indica lo schermo del computer di una studentessa"
Per una pagina Web su software di formazione per insegnanti di Business School
Bad Alt Text
alt = "Insegnante che indica lo schermo del computer di una studentessa"
La riga del testo alternativo qui sopra è quasi altrettanto descrittiva e specifica del buon testo alternativo dell'esempio precedente, quindi perché non è sufficiente per una pagina Web relativa al software didattico? Questo esempio si tuffa ancora più in profondità nell'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 questo.
Buon testo
Con il brutto testo alternativo (sopra) in mente, il testo alternativo migliore per questa immagine potrebbe essere:
alt = "Professore che usa un software educativo per istruire uno studente di una business school femminile"
Migliori pratiche Alt Text
In definitiva, l'immagine alt text deve essere specifica ma anche rappresentativa dell'argomento della pagina Web che supporta. Ottieni l'idea fino ad ora? Ecco alcune chiavi importanti per scrivere un testo alternativo con l'immagine efficace con SEO in mente:
- Descrivi l'immagine e sii specifico. Usa sia l'oggetto dell'immagine che il contesto per guidarti.
- Mantieni il tuo alt text meno di 125 caratteri. Gli strumenti di lettura dello schermo di solito interrompono la lettura di alt text a questo punto, interrompendo il testo alt lungo in momenti difficili durante la verbalizzazione di questa descrizione per gli ipovedenti.
- Non iniziare l'alt text con "picture of …" o "Image of …" Salta a destra nella descrizione dell'immagine. Gli strumenti di lettura dello schermo (e Google, se è per questo) lo identificheranno come un'immagine dal codice sorgente HTML dell'articolo.
- Usa le tue parole chiave, ma con parsimonia. Inserisci solo la parola chiave di destinazione dell'articolo se è facilmente inclusa nel tuo testo alternativo. Altrimenti, prendi in considerazione semantico parole chiave o solo i termini più importanti all'interno di una parola chiave longtail. Ad esempio, se la parola chiave head del tuo articolo è "come generare lead", potresti utilizzare "lead generation" nel tuo alt text, dal momento che "how to" potrebbe essere difficile da includere nel testo alternativo dell'immagine in modo naturale.
- Non stipare la tua parola chiave nel testo alternativo di ogni singola immagine. Se il post del blog contiene una serie di immagini del corpo, includi la parola chiave in almeno una di quelle immagini. Identifica l'immagine che ritieni più rappresentativa del tuo argomento e assegna la tua parola chiave. Attenersi a ulteriori descrizioni estetiche nei media circostanti.
Quindi, da dove inizi quando sviluppi l'alt text per i post del tuo blog e le pagine web? Prendi in considerazione la possibilità di eseguire un controllo di base dei tuoi contenuti esistenti per vedere dove è possibile incorporare il testo alternativo in immagini precedentemente non contrassegnate. Guarda per vedere come cambia il tuo traffico organico tra le pagine che dai nuovi tag alt.
Più immagini ottimizzi, migliore sarà la tua strategia SEO.
