Il testo alt (testo alternativo), noto anche come “attributi alt”, “descrizioni alt” o tecnicamente in modo errato come “tag alt”, viene utilizzato all’interno di un codice HTML per descrivere l’aspetto e la funzione di un’immagine su una pagina.
Il testo Alt utilizza:
1. L’aggiunta di testo alternativo alle foto è prima di tutto un principio di accessibilità al web. Gli utenti ipovedenti che utilizzano gli screen reader leggeranno un attributo alt per comprendere meglio un’immagine sulla pagina.
2., Il testo alt verrà visualizzato al posto di un’immagine se un file immagine non può essere caricato.
3. Alt text fornisce una migliore immagine contesto / descrizioni per i crawler dei motori di ricerca, aiutandoli a indicizzare un’immagine correttamente.
Il testo evidenziato mostra il testo alt (attributo alt) dell’immagine a sinistra.
Il formato migliore per il testo alt è sufficientemente descrittivo ma non contiene alcun tentativo di spammy al keyword stuffing., Se riesci a chiudere gli occhi, far leggere a qualcuno il testo alt e immaginare una versione ragionevolmente accurata dell’immagine, sei sulla strada giusta.
vediamo un paio di esempi di testo alternativo per l’immagine di un delizioso dall’aspetto stack di blueberry pancakes:
Questo testo alt è solo “va bene”, perché non è molto descrittivo. Sì, questa è un’immagine di una pila di pancake. Ma, c’è di più da dire su questa immagine.,
Buono:
<img src="https://moz.com/learn/seo/pancakes.png" alt="Stack of blueberry pancakes with powdered sugar">
Questo testo alt è un’alternativa migliore perché è molto più descrittivo di ciò che è nell’immagine. Questa non è solo una pila di “pancake” (come ha dimostrato il primo esempio di testo alt); è una pila di pancake ai mirtilli con una spolverata di zucchero a velo!
<img src="https://moz.com/learn/seo/pancakes.png" alt="pancake pancakes pan cake hotcakes hotcake breakfast food best breakfast top breakfasts breakfast recipes pancake recipe">
Nessuno di questi esempi è raccomandato., La prima riga di codice in realtà non contiene alcun testo alt (si noti che le virgolette sono vuote), mentre il secondo esempio dimostra il riempimento di parole chiave nel testo alt.
Perché il testo Alt è importante?
Accessibilità
Alt text è un principio del web design accessibile. Il suo scopo originale (e ancora primario) è quello di descrivere le immagini ai visitatori che non sono in grado di vederle. Ciò include lettori di schermo e browser che bloccano le immagini, ma include anche utenti con problemi di vista o altrimenti incapaci di identificare visivamente un’immagine., L’inclusione di testo alt con le immagini garantisce che tutti gli utenti, indipendentemente dalla capacità visiva, possano apprezzare il contenuto del tuo sito.
Immagine SEO
Utilizzando il testo alt sulle immagini può fare per una migliore esperienza utente, ma può anche aiutare a guadagnare entrambi i benefici SEO espliciti e impliciti. Oltre a implementare le best practice per il titolo dell’immagine e la denominazione dei file, anche il testo alt può contribuire alla SEO dell’immagine.,
Mentre la tecnologia di riconoscimento delle immagini dei motori di ricerca è notevolmente migliorata nel corso degli anni, i crawler di ricerca non riescono ancora a “vedere” le immagini su una pagina del sito Web come possiamo, quindi non è saggio lasciare l’interpretazione esclusivamente nelle loro mani. Se non capiscono, o sbagliano, è possibile che tu possa classificare per parole chiave non intenzionali o perdere del tutto la classifica.
Ecco un esempio: Google potrebbe vedere la seguente immagine ed essere in grado di decifrare che si tratta di un uomo che indossa una cravatta e occhiali, seduto a una scrivania.,
Jim Halpert dall’Ufficio (versione USA)
Se stai cercando di rango “Jim Halpert la rappresentazione di Dwight Schrute, sono arrivati”, però, avrete bisogno di prestare il motore di ricerca una mano.
In questo senso, alt text offre un’altra opportunità per includere la parola chiave di destinazione., Con l’utilizzo di parole chiave on-page ancora tirando peso come un fattore di posizionamento nei motori di ricerca, è nel vostro interesse per creare testo alt che sia descrive l’immagine e, se possibile, include una parola chiave o frase chiave si sta targeting.
Come scrivo un buon testo alt?
Descrivi l’immagine nel modo più specifico possibile. Alt text è, prima di tutto, progettato per fornire spiegazioni testuali di immagini per gli utenti che non sono in grado di vederli. se un’immagine veramente non trasmette alcun significato / valore ed è solo lì per scopi di progettazione, dovrebbe vivere all’interno del CSS, non dell’HTML.,
Mantenerlo (relativamente) breve. Gli screen reader più popolari tagliano il testo alt a circa 125 caratteri, quindi è consigliabile mantenerlo a quel numero di caratteri o meno.
Usa le tue parole chiave Alt text ti offre un’altra opportunità per includere la tua parola chiave di destinazione in una pagina e quindi un’altra opportunità per segnalare ai motori di ricerca che la tua pagina è molto rilevante per una particolare query di ricerca., Mentre la tua prima priorità dovrebbe essere descrivere e fornire contesto all’immagine, se ha senso farlo, includi la tua parola chiave nel testo alt di almeno un’immagine sulla pagina.
Evita il riempimento delle parole chiave. Google non ti attraccherà punti per il testo alt scritto male, ma sarai nei guai se usi il tuo testo alt come un’opportunità per inserire il maggior numero di parole chiave pertinenti che puoi pensare. Concentrati sulla scrittura di testo alt descrittivo che fornisca contesto all’immagine e, se possibile, includa la parola chiave di destinazione e lasciala lì.
Non usare le immagini come testo., Questo è meno di una best practice specifica per il testo alt e più di un principio generale di sviluppo web SEO-friendly. Poiché i motori di ricerca non possono leggere il testo all’interno delle immagini, si dovrebbe evitare di utilizzare le immagini al posto delle parole. Se devi farlo, spiega cosa dice la tua foto all’interno del tuo testo alt.
Non includere “immagine di”, “immagine di”, ecc. nel tuo testo alt. Si presume già che il testo alt si riferisca a un’immagine, quindi non è necessario specificarlo.
Non dimenticare longdesc=””. Esplora usando il tag longdesc=”” per immagini più complesse che richiedono una descrizione più lunga.,
Non trascurare i pulsanti del modulo. Se un modulo sul tuo sito web utilizza un’immagine come il pulsante “invia”, assegnagli un attributo alt. I pulsanti immagine dovrebbero avere un attributo alt che descrive la funzione del pulsante come, “cerca”,” Applica ora”,” registrati”, ecc.
Che aspetto ha un buon testo alt?,3″>
va Bene il testo alt: <img src="https://moz.com/learn/seo/kwe.png" alt="kw explorer">
Meglio il testo alt: <img src="https://moz.com/learn/seo/kwe.png" alt="keyword research in Keyword Explorer">
Miglior testo alt: <img src="https://moz.com/learn/seo/kwe.png" alt="Moz Keyword Explorer tool for SEO keyword research">
imparare
Immagini di Google la Pubblicazione di Linee guida
Sulla Pagina di Fattori per il posizionamento
Meta Description
Metti la tua abilità di lavoro
La Pagina di Ottimizzazione sezione di Moz Pro pagine in evidenza che non vivono fino alla piena visibilità per la ricerca di potenziali (e comprende le cose come se una pagina è il testo alternativo mancante)., Prova >>
