Inserire immagini nei contenuti ha dei vantaggi che non stiamo ad elencare; un piacevole articolo accompagnato da delle immagini è più leggibile e bello a vedere, sopratutto se l'immagine è azzeccata. Per questo sempre meno sono i siti che non inseriscano file immagine tra i propri contenuti. Ma un immagine la possiamo utilizzare per vari scopi, oltre che grafici, e tra questi l'utilizzo dell'attributo ALT è tra le operazioni di routine da compiere per un sito che voglia essere ottimizzato.

Per iniziare è importante sapere che inserire l'attributo in un immagine, intanto, è uno standard W3C e quindi l’omissione di tale tag genera un errore nella validazione del codice.

I motivi fondamentali per cui utilizzare l'attributo sono diversi. Tra questi... l'attributo serve nel caso in cui non fosse possibile visualizzare l’immagine. Infatti verrà mostrato il testo contenuto all’interno dell’attributo ALT, rendendo meno desolante l'area dell'immagine. Un altro fattore, molto usato dai seo, sta nel fatto che il testo contenuto nel tag Alt viene letto dai motori di ricerca. Ultimo fattore che ricordiamo, non certo per importanza, è dato dall'accessibilità. Utilizzando l'attributo anche persone con handicap avranno garantita l'accessibilità.

Taggando le immagini forniamo anche ai motori di ricerca "un idea del contenuto della foto", ancor più specifico secondo il contesto in cui è inserita la foto. Questa verrà indicizzata e posizionata all’interno delle serp per ricerche relative alle immagini, e non solo; altri visitatori (con la speranza che non prendano l'immagine e la portino altrove, come spesso accade) accederanno da questo strumento di ricerca, ma utillizzare l'attributo sembra spinga un pò anche gli articoli in cui è inserita l'immagine taggata nelle ricerche normali.

Inserire l'Attributo Alt nelle Immagini con Joomla

Con Joomla inserire l'attributo alt è molto semplice. Infatti tutto avviene da popup collegato all' image manager. Già possiamo taggare un immagine durante e dopo il caricamento attraverso i campi Descrizione immagine e titolo.

Ma di solito si utilizza l'editor di testo per inserire l'alt. Si seleziona l'immagine e si clicca sul tasto dell'editor che ci permette di modificare l'immagine selezionata. Si aprirà una schermata - dipende da che editor utilizzate - per inserire l'attributo.

Ci basta compilare i campi e la nostra immagine avrà l'attributo Alt. Ricorda che utilizzare l'ALT nelle immagini ti porta notevoli vantaggi. Forse l'unico svantaggio è la troppa visibilità che viene data ad un immagine originale destinata a diffondersi sul web senza possibilità di risalire al vero autore. Uno svantaggio che non compensa i vantaggi.

Attributo ALT: un Approfondimento sull'Ottimizzazione SEO delle Immagini

L'attributo ALT (testo alternativo) è un elemento fondamentale per l'ottimizzazione SEO delle immagini. Non solo migliora l'accessibilità del tuo sito web, ma aiuta anche i motori di ricerca a comprendere meglio il contenuto delle immagini. Ecco una guida dettagliata su come utilizzare correttamente l'attributo ALT:

Che Cos'è l'Attributo ALT?

L'attributo ALT è un testo descrittivo che viene aggiunto all'elemento <img> nel codice HTML di una pagina web. Viene visualizzato nel caso in cui l'immagine non possa essere caricata e viene letto dai lettori di schermo per aiutare le persone non vedenti a comprendere il contenuto delle immagini.

Importanza dell'Attributo ALT

Accessibilità: Fornisce una descrizione testuale delle immagini per gli utenti che utilizzano lettori di schermo, migliorando l'accessibilità del sito web.

SEO: Aiuta i motori di ricerca a comprendere il contenuto delle immagini, migliorando la possibilità che le immagini vengano indicizzate e visualizzate nei risultati di ricerca.

Esperienza Utente: Migliora l'esperienza utente fornendo un contesto nel caso in cui l'immagine non possa essere caricata.

Come Scrivere un Attributo ALT Efficace

Descrizione Chiara e Concisa: Il testo alternativo deve descrivere chiaramente e concisamente il contenuto dell'immagine. Evita descrizioni troppo lunghe o vaghe. Ad esempio, per un'immagine di un cane che corre in un parco, un buon testo alternativo sarebbe cane che corre nel parco.

Includere Parole Chiave: Utilizza parole chiave pertinenti che descrivono l'immagine, senza esagerare. Questo migliora la rilevanza delle immagini nei risultati di ricerca. Ad esempio, pizza margherita su piatto di legno potrebbe essere una buona descrizione per un'immagine di una pizza.

Evita le Ridondanze: Non usare parole come "immagine di" o "foto di" nel testo alternativo, poiché è già implicito che si tratta di un'immagine. Ad esempio, anziché immagine di una montagna innevata, usa semplicemente montagna innevata.

Rendere il Contenuto Pertinente: Assicurati che il testo alternativo sia pertinente al contesto in cui l'immagine è utilizzata. Ad esempio, se l'immagine è utilizzata in un articolo sulla cucina italiana, il testo alternativo dovrebbe riflettere questo tema.

Esempi di Attributi ALT Ben Scritti

Descrizione Generica: <img src="/pasta.jpg" alt="piatto di pasta con sugo di pomodoro">

Prodotti Specifici: <img src="/scarpe-running.jpg" alt="scarpe da running Nike rosse">

Eventi o Occasioni: <img src="/compleanno.jpg" alt="festa di compleanno con palloncini e torta">

Strumenti per Verificare l'Attributo ALT

Controllo Manuale del Codice: Verifica manualmente il codice HTML delle tue pagine per assicurarti che tutte le immagini abbiano un attributo ALT appropriato.

Strumenti di Analisi SEO: Utilizza strumenti di analisi SEO come Google Lighthouse o SEMrush per identificare immagini senza attributo ALT o con attributi ALT deboli.

Validatori di Accessibilità: Strumenti come WAVE o Axe possono aiutarti a verificare l'accessibilità del tuo sito e assicurarti che tutte le immagini abbiano un testo alternativo significativo.

L'uso corretto dell'attributo ALT è essenziale per l'ottimizzazione SEO delle immagini e l'accessibilità del sito web. Investire tempo nella creazione di testi alternativi chiari, concisi e pertinenti può migliorare significativamente la visibilità delle tue immagini nei motori di ricerca e l'esperienza degli utenti sul tuo sito. Assicurati di verificare regolarmente i tuoi attributi ALT per mantenere un elevato standard di qualità.