Che cos'è un testo alternativo per le immagini del sito Web?

introduzione

La progettazione di immagini eccellenti all'interno dei contenuti del tuo sito Web è fondamentale per una presenza online di successo. Tuttavia, avere immagini di qualità non è sufficiente per garantire che la tua pagina produca il traffico, le vendite e i lead previsti. Con la riprogettazione di Google dell'interfaccia utente di ricerca immagini, è necessario ottimizzare le foto per ottenere i migliori risultati SEO. Quindi, i motori di ricerca li capiranno facilmente, il che aumenta la visibilità del tuo sito per il tuo pubblico di destinazione. Sarebbe utile se utilizzassi il testo alternativo sulle tue immagini per ottenere risultati migliori sulle SERP.

Questo articolo mira a darti una spiegazione dettagliata di cos'è il testo alternativo e il processo per aggiungerlo alla tua strategia SEO. Se ti chiedi anche quando un'immagine dovrebbe avere un testo alternativo nullo, continua a leggere per ottenere tutte le informazioni essenziali.

FATTO : le immagini vengono restituite per il 22,6% delle query di ricerca su Google. Inoltre, il 62% dei consumatori della Gen Z e dei Millennial desidera la ricerca visiva più di qualsiasi altra nuova tecnologia.

Che cos'è il testo alternativo per le immagini?

Il testo alternativo, noto anche come attributi alt o descrizioni alt, è un breve elemento HTML di circa 100 caratteri assegnato per descrivere le immagini della tua pagina web. Non è sempre visibile ai visitatori frequenti, ma aiuta i crawler dei motori di ricerca a comprendere la funzione e l'aspetto delle tue foto. Inoltre, le tue immagini ottengono una migliore indicizzazione che migliora la visibilità del tuo sito.

Inoltre, l'HTML del testo alternativo dell'immagine aiuta anche a fornire un migliore accesso al Web agli utenti ipovedenti. Nel caso in cui un file immagine non venga caricato sulla tua pagina, viene visualizzata invece la descrizione alternativa per fornire ai visitatori un'intera immagine del tuo contenuto. Ecco come sarebbe in pratica:

Best Practice per il testo alternativo

Quando scrivi testo alternativo per le tue immagini, devi attenerti ad alcune best practice come discusso di seguito;

Usa le parole chiave nelle tue alt Descrizioni

Ogni volta che utilizzi descrizioni alternative sulle tue immagini, sfrutta l'opportunità per indicare le parole chiave all'interno dei tuoi contenuti. Facilita la comunicazione con i motori di ricerca sulla pertinenza della tua pagina per una specifica query di ricerca.

Se trovi difficile determinare le parole chiave altamente pertinenti e redditizie da utilizzare, il generatore di testo alternativo può essere di grande aiuto. Ti aiuta a conoscere i termini giusti da usare che ottimizzerebbero le tue descrizioni alternative per le tue immagini. Tuttavia, tieni presente che dovresti evitare di riempire i tuoi attributi alt con tutte le parole chiave generate. Si tradurrà in un testo alternativo mal realizzato che può essere penalizzato da Google. Ad esempio, nell'immagine seguente, noterai che il buon esempio di testo alternativo spiega prontamente l'immagine. Tuttavia, l'esempio in basso non va molto lontano nello spiegare di cosa tratta la foto.:

Mantieni breve il tuo testo alternativo

È buona norma utilizzare un testo alternativo descrittivo, ma dovresti evitare di scrivere un intero paragrafo per descrivere un'immagine. Tieni presente che la maggior parte delle utilità per la lettura dello schermo acquisisce fino a 125 caratteri dell'attributo alt, assicurandoti così di attenerti a un testo breve e conciso.

Sarebbe meglio andare dritti al punto e far risaltare le caratteristiche più importanti dell'immagine quando gli elementi sono troppi. Gli aspetti essenziali dovrebbero fornire ampi dettagli ai motori di ricerca e gli utenti collegheranno la foto al contesto della tua pagina.

Ad esempio, il testo alternativo qui sotto è troppo lungo per descrivere due cani;

• Alt = cane grigio a sinistra e cane nero con orecchie lunghe a destra sdraiato sul divano con copertina gialla

Un'eccellente descrizione alternativa sarebbe la seguente;

• Alt = cane grigio e nero sdraiato sul divano

Inoltre, evita alcune descrizioni che sarebbero troppo brevi in ​​modo tale da non far emergere un significato conciso come;

• Alt = due cani

Metti alla prova il tuo SEO in 60 secondi!

Diib è uno dei migliori strumenti SEO al mondo. Diib utilizza la potenza dei big data per aiutarti ad aumentare rapidamente e facilmente il traffico e le classifiche. Ti faremo anche sapere se meriti già di posizionarti più in alto per determinate parole chiave.

• Strumento SEO automatizzato facile da usare
• Monitoraggio parole chiave e backlink + idee
• Velocità, sicurezza, + monitoraggio di Core Vitals

• Suggerisce in modo intelligente idee per migliorare la SEO
• Oltre 250.000.000 membri globali
• Benchmarking integrato e analisi della concorrenza

Ad esempio “www.diib.com”

Iscriviti gratis

Utilizzato da oltre 250.000 aziende e organizzazioni:

• 
• 
• 
• 

Sincronizza con

Sii specifico

Ogni volta che crei un testo alternativo, tieni presente che dovresti descrivere l'immagine della tua pagina web. Pertanto, è necessario assicurarsi che sia il più specifico possibile per l'immagine. L'obiettivo è garantire che ogni ricercatore capisca immediatamente l'immagine anche senza visualizzarla. Quando progetti la tua immagine alt text HTML, chiediti se vorresti comprendere la pertinenza della descrizione senza necessariamente vedere l'immagine.

Ad esempio, se intendi far risaltare una foto di cani che giocano in un parco, puoi farlo come segue;

• Alt = cani da pastore tedeschi neri maschi e femmine che giocano nel parco

La descrizione fornisce una rappresentazione chiara e precisa di ciò che l'immagine rappresenta.

D'altra parte, sbagliereste a scriverlo come segue;

• Alt = cani che giocano sull'erba

Evita di scrivere il tuo testo alternativo solo per SEO

È comprensibile mirare a migliorare la visibilità mentre scrivi le tue descrizioni alternative. Tuttavia, non concentrarti esclusivamente sul miglioramento della SEO, ma tieni anche a mente i tuoi utenti. Ricorda, il tuo attributo alt dovrebbe rimanere pertinente a un'immagine e al contenuto della pagina specifici. Il testo alternativo viene utilizzato specificamente per gli ipovedenti.

Casella delle citazioni: "Ci sono 2.140.000 numero totale stimato di persone che vivono con la perdita della vista (2021) nel Regno Unito" (Site Loss Data Tool, RNIB 2021)

Quindi, riempire il tuo testo alternativo con parole chiave finirà per danneggiare il posizionamento nei motori di ricerca invece di migliorare i tuoi sforzi SEO. Inoltre, evita di utilizzare parole chiave simili e attributi alt per numerose immagini poiché entrambi gli scenari possono inviare spam.

Non tralasciare i pulsanti del modulo

Nel caso in cui tu abbia un modulo nel tuo sito che utilizza un'immagine come pulsante "invia", sarebbe meglio assegnargli un testo alternativo. Il pulsante dell'immagine dovrebbe avere una descrizione alternativa che ne descriva la funzione, come "applica ora", "cerca", "registrati", tra le tante.

Non includere specifiche aggiuntive

Ricorda che gli utenti e i motori di ricerca presumono che il testo alternativo si riferisca a un'immagine nel tuo sito. Pertanto, non è necessario aggiungere altre specifiche negli attributi alt come "immagine di", "immagine di" e altro.

Ricorda di usare longdesc

Potresti avere alcune immagini più complesse nel tuo sito Web in modo tale da richiedere descrizioni più lunghe. In tal caso, non dimenticare di usare longdesc = 'esplora usando longdesc.' Ecco un buon esempio di come sarebbe tecnicamente:

Evita di usare le immagini come testo

Per uno sviluppo web SEO-friendly, evita di usare le foto al posto delle parole poiché i motori di ricerca non leggeranno il testo all'interno delle immagini. Tuttavia, se necessario, assicurati di esporre ciò che dice la tua immagine all'interno del tuo attributo alt.

Come funziona il testo alternativo

Tieni presente che i motori di ricerca non possono vedere le immagini nello stesso modo in cui le vediamo noi. Quindi, sarebbe d'aiuto se offrissi assistenza a Google per assicurarti che capisca di cosa trattano le foto. Questo è uno dei motivi per cui è fondamentale assegnare un nome alle immagini per avere accessibilità al testo alternativo e nomi di file per aiutare i crawler a "vedere" le immagini sulla tua pagina.

Come aggiungere testo alternativo alle immagini

La maggior parte dei CMS che puoi utilizzare per progettare e apportare modifiche al testo alternativo è semplice. Con un semplice clic su una foto nel corpo del post, ottieni un modulo RTF o un'ottimizzazione dell'immagine per progettare l'attributo alt.

Varia anche a seconda del web design sulla tua pagina. Nella maggior parte dei casi, la maggior parte dei siti ti fornirà una sezione in cui inserisci la tua descrizione alternativa quando viene caricata una foto. Inoltre, hai anche la possibilità di apportare ulteriori modifiche all'immagine caricata. Viene quindi codificato sulla tua pagina in un formato HTML di testo immagine.

Se utilizzi la "funzione di ispezione" di un browser, vedrai il codice HTML. Ad esempio, quando si utilizza Chrome, fare clic su una foto nella pagina Web e toccare le funzionalità di ispezione del menu a discesa. Vedrai quindi apparire una finestra con il tag HTML del sito che mostra "alt = seguito dalla descrizione alt".

Ecco un'illustrazione di come aggiungere testo alternativo su piattaforme diverse;

· WordPress

Quando si utilizza WordPress, il processo è semplice. Vai alla finestra dell'editor e tocca un'immagine. Vedrai un campo nelle impostazioni dell'immagine per il tuo "testo alternativo (testo alternativo)" per creare o apportare modifiche alla tua descrizione alternativa.

In alternativa, puoi andare alla libreria multimediale e fare clic su un'immagine preferita. Vedrai le opzioni in cui puoi modificare o progettare il tuo testo alternativo.

(Credito immagine: wpbeginner)

· Wix

Wix ha anche intensificato i propri sforzi per rendere la piattaforma più SEO friendly. Ora puoi aggiungere descrizioni alternative alle foto nel loro negozio e apportare le modifiche necessarie.

Vai alla finestra di modifica e premi sull'immagine a cui intendi aggiungere il testo alternativo. Nelle impostazioni, visualizzerai un'opzione per "cosa c'è nell'immagine?" In quest'area, aggiungi la tua descrizione alternativa. Ecco quella pagina:

(Credito immagine: wix.com)

· Magento

Magento è un'altra piattaforma che offre una procedura semplice per aggiungere l'attributo alt.

Tocca la sezione del catalogo per scegliere il prodotto preferito a cui desideri aggiungere il testo alternativo. Quindi scorri fino alla categoria video e immagini e fai clic su una foto specifica per aggiungere o modificare la descrizione alternativa. Ecco la schermata del testo alternativo di Magento:

(Credito immagine: Magento)

· Shopify

L'utilizzo di Shopify ti consente di aggiungere l'attributo alt sia al prodotto che alle immagini del tema.

Se desideri ottimizzare la descrizione alternativa sulle foto dei prodotti, vai alla sezione "prodotti", quindi premi sull'elenco degli articoli che desideri modificare. Nella pagina dei dettagli dell'elemento, tocca l'elemento multimediale e cerca la pagina multimediale di anteprima. Quindi, aggiungi il tuo testo alternativo. Per esempio:

(Credito immagine: sempre più)

Quando aggiungi l'attributo alt alle immagini del tuo tema, vai alla sezione "negozio online" e trova "temi", quindi tocca per personalizzare il tema del tuo negozio. Vedrai la sezione del menu sul lato sinistro in cui fai clic su blocchi di immagini e singole foto. Verrà quindi visualizzata una casella di testo in cui è possibile modificare o aggiungere la descrizione alternativa.

Perché il testo alternativo è essenziale per una buona SEO?

Ora che hai imparato come aggiungere testo alternativo alle immagini, ti starai chiedendo perché è necessario utilizzarli sul tuo sito Web e a chi traggono vantaggio. I tre gruppi principali che sono i primi beneficiari degli attributi alt sono;

• Motori di ricerca : quando utilizzi la descrizione alternativa, aiuta i motori di ricerca a interpretare l'argomento in un'immagine specifica. Pertanto, Google può determinare rapidamente quando includere la tua foto nei risultati di ricerca pertinenti, dando alle immagini di testo alternativo una maggiore probabilità di essere trovate.
• Visitatori ipovedenti : l'utilizzo di descrizioni alternative fornisce ai visitatori ipovedenti un sostituto delle immagini. Quindi, consente agli utenti di utilizzare programmi che leggono il testo ad alta voce per comprendere ciò che le foto aggiungono al tuo contenuto.

Ad esempio, se queste persone navigano in un sito Web che utilizza immagini di navigazione, sarà difficile individuare varie categorie. Tuttavia, se le foto contengono attributi alt, possono spostarsi nell'intero sito.

• Operatori di marketing : quando utilizzi descrizioni alternative sulle tue immagini, la tua pagina ha maggiori possibilità di ottenere un posizionamento più elevato nei risultati di ricerca. Di conseguenza, il tuo sito riceve più traffico su Google, grazie all'ottimizzazione.

Ti aiuta a migliorare la consapevolezza del tuo marchio, soprattutto quando le tue immagini contengono il nome della tua azienda. Inoltre, più in alto la tua pagina ottiene nei risultati di ricerca, più persone faranno clic sui risultati dell'immagine per visitare il tuo sito web.

FATTI :

• Dan Morgan di WebSpection ha ottenuto una delle sue foto al primo posto in Google Immagini come "persona migliore a Cardiff" in meno di quattro giorni, ottimizzando la sua immagine.
• Inoltre, Robbie Richards ha generato 150.732 visite aggiungendo tag alt immagine, comprimendo immagini e alcuni altri trucchi SEO.

—Giornale dei motori di ricerca

Principali ragioni per cui il testo alternativo è vitale per il tuo sito web

• Per migliorare l'accessibilità: si noti che la maggior parte dei ricercatori è generalmente ipovedente; quindi, usano lettori di schermo mentre consumano contenuti online. Le descrizioni alternative dovrebbero descrivere diverse immagini sulla tua pagina ai visitatori che non possono vederle. Se non utilizzi gli attributi di testo alternativo sulle tue immagini, gli utenti non possono capire il contenuto della tua pagina. I lettori di schermo finiscono per saltare queste foto o addirittura leggere nomi di file lunghi e inutili.
• Per migliorare la pertinenza di attualità: affinché Google comprenda il contenuto della tua pagina, esamina i diversi termini utilizzati. D'altra parte, quando includi immagini nel tuo sito, i motori di ricerca non riescono a capirne lo scopo. Pertanto, è necessario disporre di un attributo alt poiché il contesto potrebbe essere "bloccato" nelle immagini.
• Per aiutarti a classificarti in Google Immagini: l'utilizzo del testo alternativo aiuta anche la tua pagina a classificarsi più in alto sul motore di ricerca di immagini di Google. Inoltre, le persone lo mettono sempre più davanti ad altre piattaforme come Bing e YouTube quando cercano foto.
• Per fungere da testi di ancoraggio per i collegamenti alle immagini: in molti siti, i testi di ancoraggio collegano una pagina all'altra. I motori di ricerca li usano per comprendere meglio il tuo sito web e cosa comporta. Puoi anche utilizzare gli attributi alt per servire allo stesso scopo.
• Quando un'immagine dovrebbe avere un testo alternativo nullo : è buona norma assicurarsi di includere sempre l'attributo alt nelle immagini per un migliore posizionamento sui motori di ricerca. Allo stesso tempo, potresti chiederti quando un'immagine dovrebbe avere un testo alternativo nullo.

In alcuni casi non è necessario utilizzare il testo alternativo, soprattutto quando l'immagine non contiene dettagli vitali o viene utilizzata per scopi decorativi.

Ad esempio, se il tuo sito Web utilizza le icone per separare varie sezioni di contenuto, le immagini hanno lo scopo di rendere la tua pagina carina. Pertanto, non è necessario aggiungere testo alternativo poiché potrebbe finire per infastidire gli utenti con lettori di schermo e non aggiungerà valore SEO alla tua pagina.

Inoltre, le immagini stock e generiche non richiedono l'accessibilità del testo alternativo. Inoltre, inserirne uno non sarebbe utile per i lettori ipovedenti.

Ci auguriamo che tu abbia trovato utile questo articolo.

Se vuoi saperne di più sulla salute del tuo sito, ricevere consigli e avvisi personali, scansiona il tuo sito web da Diib. Ci vogliono solo 60 secondi.

Entra nel tuo sito web

Ad esempio “www.diib.com”

Iscriviti gratis

Ho trovato Diib molto utile per demistificare i dati di Google Analytics che possono essere travolgenti. Il servizio esplora i tuoi dati e trova le aree in cui puoi migliorare, anche se fossi un esperto, ciò farebbe risparmiare tempo. Per me, significa che i dati raccolti da Google Analytics diventano utilizzabili in modo da poter migliorare, piuttosto che semplicemente interessanti.

Nick Colebatch
Fornitura di copertura per camper

Come trovare e risolvere i problemi con il testo alternativo

Se desideri ottenere risultati migliori con il testo alternativo, sarà utile condurre un controllo sulle pagine con traffico per apportare i miglioramenti necessari. Ecco la procedura che puoi utilizzare per fare lo scrutinio;

Trova le pagine più visitate

Innanzitutto, inizia eseguendo un controllo approfondito per conoscere le pagine più organicamente visitate dal tuo pubblico. Puoi passare attraverso varie piattaforme come Google Search Console, Google Analytics o il rapporto nelle "pagine principali" su Ahrefs Site Explorer.

Controlla le tue alt Descrizioni

Quando esegui un controllo sulle tue descrizioni alternative, puoi utilizzare l'estensione Alt Text Tester Chrome. Inizia installando lo strumento gratuito, quindi carica la pagina con più traffico e attiva l'estensione. Ecco come appare:

Ogni volta che passi sopra una foto, vedrai la descrizione alternativa visualizzata sulla piattaforma. Nel caso in cui l'attributo alt sia mancante, dovrebbe mostrare un avviso come "testo alternativo mancante".

Per tutto il testo alternativo nei tuoi contenuti, esaminane diversi nelle tue immagini. Dopo alcuni controlli, lo strumento ti aiuta a determinare se le tue immagini sono ottimizzate male o bene o per niente.

Ripetere per più pagine

L'ultimo processo dovrebbe comportare la ripetizione della stessa procedura per le pagine che hanno generato più traffico. Il processo dovrebbe darti un'idea se l'ottimizzazione della tua descrizione alternativa è eccellente o necessita di alcuni miglioramenti.

Diib: fornire statistiche e monitoraggio del testo alternativo!

In qualità di proprietario di un sito Web, l'aggiunta di descrizioni alternative è semplice indipendentemente dalla piattaforma Web che utilizzi. Inoltre, tieni presente che non tutte le immagini sulla tua pagina richiedono testo alternativo in quanto non avrebbero senso per i motori di ricerca o per gli ipovedenti. Il dashboard utente Diib analizza tutto il testo alternativo sul tuo sito Web e sul tuo profilo Facebook, fornendoti informazioni utili per il miglioramento. Ecco alcune delle funzionalità che sappiamo che amerai:

• Avvisi personalizzati, che ti tengono informato sulla salute del tuo sito web e su eventuali modifiche agli algoritmi di Google che possono influenzare i tuoi schemi di traffico.
• Obiettivi con suggerimenti personalizzati su come migliorare la salute del tuo sito web e il traffico organico.
• Approfondimenti non solo sulla salute del tuo testo alternativo, ma anche su quella dei tuoi principali concorrenti.
• Sincronizza il tuo profilo Facebook per darti informazioni dettagliate sulle specifiche della tua campagna sui social media. Cose come le prestazioni dei singoli post, i dati demografici degli utenti, il momento migliore della giornata per pubblicare e le conversioni.
• Fornisci una sessione collaborativa mensile con un esperto di crescita Diib che può aiutarti a mettere a punto i tuoi sforzi SEO e guidarti verso la crescita e il successo di Shopify.

Chiama oggi al numero 800-303-3510 o fai clic qui per ottenere la scansione gratuita di 60 siti Web e saperne di più sui tuoi punti di forza e di debolezza SEO.