Differenza tra alt e titolo di img - quale usare - e impatto

Per anni ho scritto il mio HTML per immagini come questa:

<img src="picture.jpg" alt="my picture" >

Ma di recente ho eseguito un controllo del mio sito utilizzando gli strumenti Raven SEO e ha riportato un sacco di errori di cui sono rimasto davvero sorpreso.

Quando ho esaminato il rapporto, il 99% di questi errori era dovuto alla mancanza del testo del titolo dell'immagine.

So che il testo del titolo di un'immagine può mostrare un po 'di pop quando passa con il mouse su un'immagine, ma a parte questo qual è lo scopo e ha un effetto sul SEO?

Inoltre, se dovessi implementarlo, cosa inseriresti lì? Metteresti le stesse informazioni presenti altnell'attributo? vale a direalt="my picture" title="my picture"

Il tag ALT è un tag di accessibilità che è stato introdotto per le persone che hanno difficoltà alla vista anche tramite Google per usarlo per determinare di cosa tratta un'immagine che non dovresti mai considerare di mettere tag alt per scopi SEO prima dei tuoi visitatori.

Molte persone e persino Matt Cutts, che lavora su Google, parlano di tag alt come se fossero stati appositamente progettati per i motori di ricerca per informare i robot di cosa tratta l'immagine, semplicemente non è vero.

Tuttavia, puoi informare Google di cosa tratta l'immagine mentre ti occupi del tuo pubblico, non inserire mai parole chiave nel tag alt, smorza l'esperienza dell'utente e è molto innaturale.

Un primo esempio di ciò è che spesso dicono che qualcuno vuole classificare per la parola chiave "Bournemouth", avranno Bournemouth nel titolo, in H1, meta description e quindi un'immagine con il tag alt "Bournemouth" Mentre questo funzionerà per SEO smorza l'esperienza dell'utente e manca l'intero punto del tag alt. Il tag alt è per le persone che hanno problemi di vista o disabilitano le immagini tutte insieme. Quindi il tag ALT è stato progettato per informare l'utente di cosa tratta l'immagine.

Di seguito è riportato un buon esempio di ciò

<img src="i.jpg" alt="Bournemouth" />

vs

<img src="i.jpg" alt="Birdseye view of Bournemouth" />

L'esempio sopra include ancora la tua parola chiave mentre spiega a Google e al tuo pubblico di cosa tratta l'immagine.

E il tag del titolo?

Il tag del titolo è stato progettato per fornire più informazioni quando si passa con il mouse su un elemento, non è molto utile per IMG perché se si intende utilizzare le stesse informazioni per ALT e TITLE, è possibile utilizzare uno script per leggere il tag alt e creare il proprio hover over usando JS. Consiglierei il tag del titolo solo se hai intenzione di fornire più informazioni rispetto a quello del tag ALT, come una descrizione più lunga - non è necessario fornire le informazioni esatte in entrambi gli elementi, poiché questo gonfia semplicemente il codice.

Il tag del titolo è molto utile per i link, poiché passandoci sopra con il mouse può fornire al tuo pubblico maggiori informazioni sul link che stanno per fare clic. Ne varrà la pena leggere qui di più sull'etichetta del titolo .

altfornisce una descrizione alternativa dell'immagine. Questo attributo è obbligatorio per img.

titlefornisce ulteriori informazioni sull'immagine. Questo attributo è facoltativo per img.

Non fare mai affidamento sulle informazioni in title. Se l'informazione è veramente importante, includila nel suo elemento.

Questi due attributi non dovrebbero avere lo stesso contenuto.

La tua confusione è normale e sì, ogni tag (titolo, ALT) rappresenta il proprio potenziale che aiuta il motore di ricerca e l'utente a sapere di cosa tratta l'immagine.

Qualche volta il testo ALT non è sufficiente per descrivere l'immagine, quindi è meglio assegnare più informazioni il più possibile, utilizzare la variazione nell'assegnare parole che è più efficace anche dal punto di vista SEO.