COME AGGIUNGERE L’ATTRIBUTO ALT ALLE IMMAGINI

2
372
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”.