Immagini

Image credits: Image: Nutdanai Apikhomboonwaroot

La presenza di immagini all’interno di una pagina web contribuisce ad agevolare la fruizione dei contenuti presentati, a rendere più piacevole la lettura ed a migliorare, in ultima analisi, l’usabilità del sito.

Introdurre immagini a corredo del testo può essere quindi una buona idea, specie laddove ciò contribuisca ad un miglioramento dell’esperienza di navigazione dei visitatori del sito.

Attributo ALT del tag IMG

I motori di ricerca non sono attualmente in grado di interpretare il contenuto rappresentato nelle immagini. Benché i motori di ricerca più evoluti stiano sviluppando tecnologie che si muovono in questa direzione (riconoscimento automatico dei testi contenuti nelle immagini, di volti, combinazioni cromatiche, ecc.), nell’ambito di un processo di ottimizzazione risulta ancora necessario fornire al motore di ricerca informazioni esplicite in merito al contenuto delle immagini presenti nella pagina. Il modo migliore per farlo consiste nel compilare opportunamente l’attributo ALT a corredo di ciascuna immagine.

La funzione principale dell’attributo ALT è quella di offrire informazioni sul contenuto dell’immagine nel caso in cui questa non possa essere visualizzata (immagini disattivate, browser testuali, screen reader per la navigazione sul Web di utenti non vedenti). L’attributo ALT è inoltre il principale elemento cui fanno affidamento i motori di ricerca per identificare il contenuto di un’immagine e gestirne la catalogazione all’interno dei propri indici.

L’attributo ALT dovrebbe essere sempre presente in corrispondenza del tag IMG, anche nel caso in cui si abbia la necessità di lasciarlo vuoto (come nel caso delle immagini appartenenti al layout del sito). I contenuti testuali in prossimità dell’attributo ALT devono seguire le semplici buone regole di forma e sintassi applicate ai normali testi della pagina ed è fondamentale produrre contenuti unici ed originali, soprattutto nel caso in cui l’immagine cui l’attributo ALT si riferisce risulti essere originale ed unica fra le altre presenti nel sito.

Nella compilazione dell’attributo ALT è bene osservare alcuni accorgimenti particolari, a seconda della natura e delle caratteristiche dell’immagine da ottimizzare.

• Immagine generica

  Compilare l’attributo ALT con una descrizione breve ed esauriente del contenuto dell’immagine, avendo cura di inserire, laddove possibile e in modo naturale e non forzato, un’occorrenza della parola chiave di riferimento.

• Immagine contenente scritte

  Riportare all’interno dell’attributo ALT il contenuto testuale rappresentato nell’immagine. In presenza di testi particolarmente “lunghi”, può essere opportuno riportare solo la prima parte del contenuto testuale rappresentato nell’immagine.

  Particolare attenzione deve essere dedicata alle immagini-link, specie laddove costituiscano il menu di navigazione del sito: in questo specifico caso l’attributo ALT dell’immagine assolve ad un ruolo del tutto simile a quello dell’anchor text nel tematizzare la pagina linkata, assumendo così un significato molto importante nell’ottica di una strategia di ottimizzazione.

• Immagine appartenente al layout del sito

  In questo caso, è consigliabile lasciare vuoto il contenuto dell’attributo ALT. Nel caso in cui l’immagine rivesta una specifica finalità di interazione (es. icona “Home”, frecce di navigazione, ecc.), l’attributo ALT dovrebbe essere compilato ricorrendo ad una breve descrizione dell’azione cui l’immagine è funzionale (es. “Torna alla Home”, “Pagina precedente”, “Pagina successiva”, ecc.)

Altri elementi

Pur trattandosi del principale elemento cui i motori di ricerca fanno riferimento per identificare il contenuto delle immagini presenti in un sito, l’attributo ALT non è l’unico elemento da considerare nell’ambito di una strategia SEO.

Di seguito, una lista degli elementi aggiuntivi che possono contribuire all’ottimizzazione di un elemento grafico.

• Nome del file

  Il nome del file deve breve (preferibilmente 1-2 parole, eventualmente separate da trattino o contrassegnate da numero progressivo in presenza di serie) e descrittivo del contenuto dell’immagine. Il nome del file immagine costituisce uno dei parametri utilizzati dai motori di ricerca per identificarne il contenuto. Per aumentare le probabilità che un’immagine presente nel proprio sito ottenga un buon posizionamento tra i risultati della ricerca per immagini, è preferibile includere nel nome del file la parola chiave per cui si desidera ottimizzare l’immagine.

• Testo in prossimità dell’immagine

  I contenuti testuali posti nelle dirette vicinanze dell’immagine all’interno del codice sorgente costituiscono uno dei parametri utilizzati dai motori di ricerca per identificare il contenuto dell’elemento grafico. Per aumentare le probabilità che un’immagine presente nel proprio sito ottenga un buon posizionamento tra i risultati della ricerca per immagini, è preferibile includere nel testo circostante la parola chiave per cui si desidera ottimizzare l’immagine.

• Formato del file

  E’ bene ricorrere a formati comunemente supportati dai browser di navigazione per le immagini del proprio sito, privilegiando i formati di immaginie JPEG, GIF e PNG.