COME AGGIUNGERE L’ATTRIBUTO ALT ALLE IMMAGINI

2
445
Inserire il tag Alt per indicizzare le immagini all’interno di un post è molto importante, l’attributo alt infatti aiuta moltissimo in questo senso essendo molto appetibile per i ragni di Google, cioè serve per far capire loro di cosa parla il post.
Oggi andremo insieme a vedere come aggiungere l’attributo Alt alle immagini andando a modificare direttamente l’HTML della foto. Inserire metadati all’interno di immagini è indispensabile.
attributo alternativo
INDICIZZARE UN’IMMAGINE

 

Aggiungere l’attributo alt alle immagini partendo dal’ HTML non è difficile, avrete solo bisogno di un po’ di pazienza e di seguire passo passo la guida che riporterò qua di seguito.

1) Importare l’immagine nel vostro post. per esempio quella che vedete sopra, il cartello “Indicizzare un’immagine”.

2) Prendiamo per es. l’HTML di quell’immagine: Ottieni HTML

  • se vogliamo inserire il tag alt dobbiamo aggiungere questo frammento di codice: alt=”attributo alternativo” 
  • e dove lo dobbiamo inserire? Subito dopo <img (vedi foto sotto indicato dalla freccia) oppure subito dopo  le dimensioni    height=”320″ width”317″

 

 

Quindi avremo:

<div class=”separator” style=”clear: both; text-align: center;”>
<a href=”http://3.bp.blogspot.com/–z0Gp4CjWOE/U1f8PdEmyCI/AAAAAAAAET0/IQCKGXvhEUo/s1600/Schermata+2014-04-20+alle+09.56.59.png” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img alt=”attributo alternativo” border=”0″ src=”http://3.bp.blogspot.com/–z0Gp4CjWOE/U1f8PdEmyCI/AAAAAAAAET0/IQCKGXvhEUo/s1600/Schermata+2014-04-20+alle+09.56.59.png” height=”320″ width=”317″ /></a></div>
<br />

Oppure:

<div class=”separator” style=”clear: both; text-align: center;”>
<a href=”http://3.bp.blogspot.com/–z0Gp4CjWOE/U1f8PdEmyCI/AAAAAAAAET0/IQCKGXvhEUo/s1600/Schermata+2014-04-20+alle+09.56.59.png” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img  border=”0″ src=”http://3.bp.blogspot.com/–z0Gp4CjWOE/U1f8PdEmyCI/AAAAAAAAET0/IQCKGXvhEUo/s1600/Schermata+2014-04-20+alle+09.56.59.png” height=”320″ width=”317″alt=”attributo alternativo” /></a></div>
<br />

Chiaramente al posto della scritta “attributo alternativo“, dovrete inserire una dicitura che rispecchi l’argomento di cui parla il post. Per es. nel caso di questo post avremo: alt=”attributo alternativo”

Nel caso di un post che parla di come seminare le patate avremo per es. per una foto di patate:
alt=”seminare le patate, coltivazione patata”.


attributo alternativo

Se passate il mouse sulla foto a inizio post potrete notare (se state utilizzando Internet Explorer) che si visualizzerà un quadratino con il nome dell’immagine, quello che vedrete non è altro che ciò che io ho srcitto nel tag alternativo.

Potete utilizzare questo espediente come controprova, per vedere cioè se l’inserimento dell’attributo alternativo ha avuto successo.

Se utilizzate browser diversi da Internet Explorer il quadratino con il nome dell’immagine non si visualizzerà a meno che non abbiate inserito anche il tag title. COME AGGIUNGERE IL TAG TITLE AD UN’IMMAGINE

2 Commenti

  1. Non sbagli Francesco questa guida infatti è per chi non ha una piattaforma che supporti l'inserimento del tag alt e title. Ciao e grazie della precisazione!

LASCIA UN COMMENTO

Per favore inserisci il tuo commento!
Per favore inserisci il tuo nome qui