Che cos’è un attributo Alt vuoto?
Un attributo Alt vuoto o un attributo Alt NULL (alt=””) si usa per le immagini che sono utilizzate solo per il design e non comunicano nulla all’utente.
Si presenta così:
<img src=”image.png” alt=””> Su WordPress puoi lasciare vuoto il campo di testo dell’attributo Alt.
Gli attributi Alt vuoti fanno sì che gli Screenreader saltino l’immagine, garantendo una migliore fruibilità per le persone ipovedenti.
Un attributo Alt vuoto è tuttavia un’occasione persa per influenzare positivamente i tuoi ranking. Per questo motivo ti consigliamo di utilizzare solo immagini significative con Alt-Tag ben curati sulla tua pagina.
Perché una delle immagini della mia pagina non viene trovata?
La tua pagina deve essere pubblicamente accessibile e indicizzata da Google, affinché il motore di ricerca possa trovare le immagini al suo interno. Non dimenticare però che Google non può (ancora) “capire” le immagini, quindi ti conviene inserire una piccola descrizione per ciascuna di esse. Gli Alt-Tag descrittivi sono infatti più adatti a questo compito.
Essi contribuiscono a un buon posizionamento, offrono alle persone ipovedenti una migliore user experience e assicurano che le immagini vengano “capite” anche quando non possono essere visualizzate per motivi tecnici. Utilizza anche nomi di file, didascalie e titoli significativi, assicurandoti però di evitare il keyword stuffing, anche nell’Alt-Tag.
Come faccio a inserire le immagini nell’HTML (attributo src)?
Per inserire immagini nell’HTML utilizza l’attributo src. src sta per la parola inglese “source” e si riferisce alla fonte dell’immagine.
Un codice HTML si presenta ad esempio in questo modo:
<img src="animali/scimmia.gif">In questo esempio è stato inserito il file dell’immagine “scimmia” della cartella “animali” nell’HTML. Se invece vuoi inserire nell’HTML un’immagine proveniente da una fonte esterna, inserisci l’indirizzo grafico al posto del percorso. Questo lo puoi trovare facendo click con il tasto destro del mouse sull’immagine e selezionando “copia indirizzo immagine”:
<img src="https://www.sistrix.it/wp-content/uploads/sites/20/2021/09/visibilità-paginainiziale-feature-slider_re.png.webp">Inoltre con i comandi height=”…” e width=”…” puoi impostare l’altezza e la larghezza dell’immagine:
<img src="animali/scimmia.gif" height="150" width="300">Puoi anche aggiungere un Alt-Text (testo alternativo) e allineare l’immagine con align=”…” nel modo desiderato. Per dare un bordo alla tua immagine utilizza il comando border= con il numero di pixel corrispondente.
Il codice completo si presenterà quindi come segue:
<img src="animali/scimmia.jpg" height="150" width="300" alt="scimmia su albero." border="3" align="left">
Come posso ridurre le dimensioni di un’immagine?
La dimensione di un’immagine può essere indicata con l’attributo src e i comandi height=”…” e width=”…”. Per questo è importante mantenere il rapporto originale in modo da non distorcere il risultato.
Ricorda però che questo metodo non cambia la dimensione del file, bensì solo la rappresentazione visiva. Per diminuire le dimensioni del file devi ridurre quelle dell’immagine con un programma di grafica prima d’incorporarla nel sito. Gli strumenti gratuiti sono di solito sufficienti per questo scopo.
Nella migliore delle ipotesi dovresti ridurre le dimensioni dei file delle immagini a circa 150 kB per accelerare il tempo di caricamento della tua pagina e impedire che i visitatori vi accedano e la abbandonino immediatamente. Entrambi questi punti possono migliorare il posizionamento della pagina su Google.
Immagini e reindirizzamenti: è consentito reindirizzare le immagini?
Quando un sito web subisce un Relaunch o il suo design viene modificato, i reindirizzamenti delle immagini vengono spesso e volentieri dimenticati, comportando la perdita dei ranking delle immagini corrispondenti e di preziosi link per il sito.
John Mueller di Google sottolinea la necessità d’impostare i reindirizzamenti per le immagini: non dimenticare quindi i Redirect 301 al nuovo indirizzo!
Importante: questo vale solo per le immagini che rimangono invariate e per le quali cambia solo l’URL. Evita di reindirizzare una vecchia immagine a una nuova. Inoltre, anche piccole variazioni al nome del file possono far sì che il Redirect di un’immagine non funzioni.
Cosa posso fare per le immagini esterne difettose che non vengono caricate?
Se le immagini incorporate da domini esterni non vengono caricate, è perché non sono più accessibili all’indirizzo inserito o perché il server esterno impedisce l’integrazione su altri domini. Il risultato è, per esempio, un messaggio di errore 404. È possibile evitare questo problema ospitando l’immagine in questione sul proprio server.
