Guarda praticamente qualsiasi sito web su internet oggi e vedrai che una delle cose che hanno in comune sono le immagini. Le immagini possono essere utilizzate sui siti Web per aggiungere un tocco visivo, aiutare a illustrare idee e per aggiungere al contenuto generale della pagina. Oltre a scegliere le immagini giuste e prepararle adeguatamente per la consegna sul Web, assicurandoti che tutte le immagini del tuo sito utilizzino correttamente il testo Alt è una parte molto importante dell'uso corretto di queste immagini per il web.
Cos'è Alt Text
Il testo alternativo è il testo alternativo utilizzato dai browser di testo e da altri agenti utente Web che non possono visualizzare le immagini. È anche uno degli unici attributi richiesti dal tag immagine. Scrivendo un testo alternativo efficace, ti assicuri che le tue pagine web siano accessibili alle persone che potrebbero utilizzare uno screen reader o altri dispositivi assistiti per accedere al tuo sito. Assicurati inoltre che qualcosa venga visualizzato al posto di un'immagine se non viene caricata per qualsiasi motivo (percorso errato, errore di trasmissione, ecc.). Questo è il vero scopo del testo Alt, ma questo contenuto può anche darti più posti per aggiungere testo SEO-friendly che i motori di ricerca non ti penalizzeranno (di più su questo a breve).
Alt Text dovrebbe ripetere il testo nell'immagine
Qualsiasi immagine che contiene del testo dovrebbe avere quel testo come testo alternativo. Puoi inserire altre parole nel testo alternativo, ma come minimo dovrebbe dire la stessa cosa dell'immagine. Ad esempio, se hai un logo per le tue immagini, il testo Alt dovrebbe ripetere il nome della società scritto dal tuo logo grafico.
Ricorda, inoltre, che le immagini come i loghi possono anche includere testo: ad esempio, quando vedi l'icona con la palla rossa sul sito Web di Dotdash, significa "Dotdash.com". Quindi il testo alternativo per quell'icona potrebbe dire "Dotdash.com" e non solo "logo aziendale".
Mantieni il testo breve
Più lungo è il testo alternativo, più difficile sarà leggere dai browser di testo. Può essere allettante scrivere lunghe frasi di testo alternativo (normalmente questo viene fatto perché qualcuno sta cercando di riempire il tag con parole chiave), ma mantenendo i tag Alt brevi le pagine più piccole e più piccole vengono scaricate più velocemente.
Una buona regola empirica per il testo alternativo è di mantenerla tra 5 e 15 parole in totale.
Utilizzo delle parole chiave SEO in tag alt
Spesso le persone pensano erroneamente che lo scopo di un testo alternativo sia quello di mettere le parole chiave del motore di ricerca. Sì, questo è un vantaggio che puoi usare, ma solo se il testo che aggiungi è sensato per il vero scopo del tag alt - per visualizzare un testo intelligente che spiega quale sia l'immagine se qualcuno non è in grado di vederlo!
Ora, detto questo, il testo alternativo non è inteso come uno strumento SEO non significa che non è possibile utilizzare le parole chiave in questo testo. Dal momento che il testo alternativo è importante e obbligatorio per le immagini, è improbabile che i motori di ricerca penalizzino l'utente per inserire parole chiave nel caso in cui il contenuto aggiunto abbia un senso. Ricorda solo che la tua prima priorità è per i tuoi lettori. Lo spamming delle parole chiave in testo alternativo può essere rilevato e i motori di ricerca cambiano le loro regole tutto il tempo per prevenire gli spammer.
Una buona regola empirica consiste nell'utilizzare le parole chiave del motore di ricerca nel punto in cui si adattano alla descrizione dell'immagine e non utilizzare più di una parola chiave nel testo alternativo.
Mantieni il tuo testo significativo
Ricorda che il punto di alt text è definire le immagini per i tuoi lettori. Molti sviluppatori Web utilizzano il testo alternativo per se stessi, incluse cose come la dimensione dell'immagine, i nomi dei file di immagini e così via. Anche se questo potrebbe esserti utile, non fa nulla per i tuoi lettori e, pertanto, dovrebbe essere omesso da questi tag.
Usa solo testo alt vuoto per icone e elenchi puntati
Periodicamente utilizzerai immagini che non hanno alcun testo descrittivo utile, come proiettili o icone semplici. Il modo migliore per usare queste immagini è in CSS dove non hai bisogno di testo alternativo. Ma se devi assolutamente averli nel tuo codice HTML, usa un attributo alt vuoto invece di lasciarlo fuori completamente.
Può essere allettante mettere un carattere come un asterisco (*) per rappresentare un proiettile, ma questo può essere più confuso del semplice lasciarlo vuoto. E mettere il testo "bullet" renderà ancora più strano in un browser di testo.
Modificato da Jeremy Girard il 3/3/17
