Joost de Valk è il fondatore e Chief Product Officer di Yoast. È un imprenditore di Internet, che oltre a fondare Yoast ha investito e consigliato diverse startup. La sua competenza principale è lo sviluppo di software open source e il marketing digitale.,
L’aggiunta di immagini ai tuoi articoli incoraggia le persone a leggerle, e le immagini ben scelte possono anche eseguire il backup del messaggio e ottenere un buon posizionamento nei risultati di ricerca di immagini. Ma dovresti sempre ricordarti di dare buone immagini alt
attributi: alt text rafforza il messaggio dei tuoi articoli con gli spider dei motori di ricerca e migliora l’accessibilità del tuo sito web. Questo articolo spiega tutto sugli attributi alt e title e perché dovresti ottimizzarli.,
Sommario
- Cosa sono gli attributi alt e gli attributi title?
- Ma cosa succede se un’immagine non ha uno scopo?
- alt text and SEO
- Cosa fa la frase chiave nel controllo degli attributi alt dell’immagine?
- Valutazione punteggi
- attributi alt e title in WordPress
- Come aggiungere attributi alt in WordPress
- Per saperne di più su image SEO
Hai un proiettile arancione per la frase chiave in attributi alt check in Yoast SEO? Leggi come trasformare quel proiettile in verde.,
Quali sono gli attributi alt e gli attributi title?
Questo è un tag immagine HTML completo:
<img src="https://yoast.com/image-seo-alt-tag-and-title-tag-optimization/image.jpg” alt="image description” title="image tooltip”>
Gli attributi alt e title di un’immagine sono comunemente indicati come tag alt o tag alt text e title. Ma tecnicamente, non sono tag, sono attributi. Il testo alt descrive cosa c’è sull’immagine e la funzione dell’immagine sulla pagina. Quindi, se stai usando un’immagine come pulsante per acquistare il prodotto X, il testo alt dovrebbe dire: “pulsante per acquistare il prodotto X.,”
Il tag alt
viene utilizzato dagli screen reader, che sono browser utilizzati da persone non vedenti e ipovedenti. Questi screen reader dicono loro cosa c’è sull’immagine leggendo il tag alt
. L’attributotitle
viene visualizzato come suggerimento quando si passa il mouse sopra l’elemento. Quindi, nel caso di un pulsante immagine, il titolo dell’immagine potrebbe contenere un ulteriore invito all’azione. Tuttavia, questa non è una buona pratica.
Ogni immagine deve avere un testo alt., Non solo per scopi SEO, ma anche perché le persone non vedenti e ipovedenti non sapranno altrimenti di cosa tratta l’immagine. Non è richiesto un attributo title. Inoltre, la maggior parte delle volte non ha senso aggiungerlo. Sono disponibili solo per gli utenti del mouse (o altri dispositivi di puntamento) e l’unico caso in cui l’attributo title
è richiesto per l’accessibilità è su <iframe>
e <frame>
tag.,
Se le informazioni trasmesse dall’attributo title
sono rilevanti, considera di renderle disponibili da qualche altra parte, in testo normale e, se non è rilevante, considera di rimuovere completamente l’attributo title
.
Hai un proiettile arancione per la frase chiave negli attributi alt controlla Yoast SEO? Ecco cosa fa questo controllo e come trasformare quel proiettile in verde.
Ma cosa succede se un’immagine non ha uno scopo?
Se hai immagini nel tuo design che sono puramente lì per motivi di progettazione, stai sbagliando., Quelle immagini dovrebbero essere nel tuo CSS e non nel tuo HTML. Se davvero non puoi cambiare queste immagini, dai loro un attributo alt
vuoto, in questo modo:
<img src="https://yoast.com/image-seo-alt-tag-and-title-tag-optimization/image.png" alt="">
L’attributo alt
vuoto fa in modo che gli screen reader saltino l’immagine. In WordPress, puoi lasciare vuoto il campo per “Testo alt” nelle impostazioni dell’immagine.
testo alt e SEO
L’articolo di Google sulle immagini ha un’intestazione “Usa testo alt descrittivo”. Questo non è un caso: Google pone un valore relativamente alto sul testo alt., Lo usano per determinare cosa c’è sull’immagine ma anche come si riferisce al testo circostante. Questo è il motivo per cui, nella nostra analisi dei contenuti SEO Yoast, abbiamo una funzione che controlla specificamente che tu abbia almeno un’immagine con un tag alt che contiene la tua frase chiave di messa a fuoco.
Cosa fa la frase chiave nel controllo degli attributi alt dell’immagine?
La parola chiave in image alt attributes assessment in Yoast SEO controlla se ci sono immagini nel tuo post e se queste immagini hanno un testo alt con la frase chiave di messa a fuoco., Aggiungendo un testo alt, fornisci agli utenti di screen reader e motori di ricerca una descrizione testuale di ciò che è su quell’immagine. Questo migliora l’accessibilità e la possibilità di posizionamento nella ricerca di immagini.
Non stiamo sicuramente dicendo che dovresti spammare la tua frase chiave di messa a fuoco in ogni tag alt. Hai bisogno di immagini buone, di alta qualità e correlate per i tuoi post, dove ha senso avere la parola chiave focus nel testo alt., Ecco i consigli di Google sulla scelta di un buon testo alt:
Quando scegli il testo alt, concentrati sulla creazione di contenuti utili e ricchi di informazioni che utilizzano le parole chiave in modo appropriato e si trovano nel contesto del contenuto della pagina. Evitare di riempire gli attributi alt con parole chiave (keyword stuffing) in quanto si traduce in un’esperienza utente negativa e può causare il tuo sito ad essere visto come spam.
Se l’immagine è di un prodotto specifico, includere sia il nome completo del prodotto e l’ID del prodotto nel tag alt in modo che possa essere trovato più facilmente., In generale: se una frase chiave potrebbe essere utile per trovare qualcosa che si trova sull’immagine, includila nel tag alt se puoi. Inoltre, non dimenticare di cambiare il nome del file immagine per essere qualcosa che descrive effettivamente ciò che è su di esso.
Valutazione punteggi
Se il contenuto ha più di 4 immagini, si otterrà solo un punto verde se la percentuale di immagini con la frase chiave nel testo alt rientra tra il 30 e il 70%. Quando usi la frase chiave in più del 70% delle tue immagini, il tuo proiettile diventerà arancione per impedirti di riempire le parole chiave., Se hai Yoast SEO Premium, il plugin prenderà in considerazione anche i sinonimi che hai aggiunto alla tua frase chiave.
Vai Premium e ottenere l’accesso a questa funzione!
Ottenere l’accesso a un sacco di funzioni e di tutti i nostri corsi SEO con il Yoast SEO plugin Premium:
alt e title attributi in WordPress
Quando si carica un’immagine per WordPress, è possibile impostare un titolo e un attributo alt., Per impostazione predefinita, utilizza il nome del file immagine nell’attributo title. E se non inserisci un attributo alt, lo copia nell’attributo alt. Mentre questo è meglio che scrivere nulla, è una pratica piuttosto scarsa. Hai davvero bisogno di prendere il tempo per creare un testo alt corretto per ogni immagine che aggiungi a un post. Utenti e motori di ricerca vi ringrazieranno per questo.
Come aggiungere attributi alt in WordPress
WordPress rende davvero facile aggiungere attributi alt
. Segui i passaggi qui sotto per aggiungerli alle tue immagini. Non ci sono scuse per non farlo bene., Il tuo (immagine) SEO trarrà beneficio se ottieni questi piccoli dettagli giusti. Gli utenti visivamente sfidati ti piaceranno ancora di più.
- Accedi al tuo sito web WordPress.
Quando hai effettuato l’accesso, sarai nella tua “Dashboard”.
- Apri il post o la pagina per modificare il contenuto.
- Fare clic sul blocco immagine per aprire le impostazioni immagine nella scheda Blocco della barra laterale.
Le impostazioni dell’immagine vengono visualizzate nella scheda Blocco della barra laterale.
- Aggiungi il testo alt e l’attributo title.,
- Fare clic su ‘Aggiorna’.
Fare clic sul pulsante ‘Aggiorna’ nell’angolo in alto a destra.
Leggi di più su image SEO
Abbiamo un articolo molto popolare (e più lungo) su Image SEO. Quel post va in un sacco di modi diversi per ottimizzare le immagini, ma è relativamente carente nei dettagli quando si tratta di alt
e title
tag — pensa a questo come un add-on a quell’articolo. Ti consiglio di leggerlo quando hai finito qui.
Per saperne di più: Ottimizzare le immagini per i motori di ricerca ”
Leave a Reply