Descrivere immagini

Publicato da realloc | Inserito in Codice, Ottimizzazione il 26. novembre 2009 | 0 commenti

Non nascondete del testo all’interno di immagini, in particolare chiavi di ricerca significative. I motori di ricerca sono in grado di leggere solo del testo. Fate corrispondere ad ogni immagine un nome di file convincente.

Sbagliato: img05.jpg

Corretto: parigi.jpg

Fate corrispondere ad ogni immagine un testo alternativo significativo che ne descriva i contenuti contestualizzandoli. Il testo ALT non è importante solo per i visitatori che hanno disattivato il caricamento immagini, viene bensì elaborato anche dai motori di ricerca, ad es. da Google. Non abusate però del testo ALT per piazzarci keyword-spam.

Sbagliato: <img src=”parigi.jpg” />

Corretto: <img src=”parigi.jpg” alt=”La Senna a Parigi” />

SPAM: <img src=”parigi.jpg” alt=”Parigi vacanze hotel camere pernottamento” />

In genere per keyword all’interno di testi ALT dovreste prestare attenzione a quanto segue:

  • Se un’immagine contiene del testo, tale testo dovrebbe essere presente anche nell’attributo Alt e non un testo completamente diverso.
  • I testi ALT di immagini di layout (sfondi, gif trasparenti ecc.) non dovrebbero contenere keyword. Qui è corretto alt=”".
  • Un’immagine utilizzata in più pagine non dovrebbe contenere testi ALT diversi, bensì sempre lo stesso.

Se non è possibile evitare che un titolo corrisponda ad un’immagine, allora segnalatela come tale per mezzo di HTML, anche se non ha effetto sulla rappresentazione. Anche qui non dimenticate il testo alternativo:

Sbagliato: <img src=”titolo.gif” />

Corretto: <h1><img src=”titolo.gif” alt=”Titolo della pagina” /></h1>

Se l’immagine è parte di un layout grafico, è possibile che segnalandola come titolo HTML possano risultare dei margini o dei vuoti. In questo caso dovrete impostare un margine e un padding a 0 pixel con CSS:

h1 { margin:0; padding:0 }

Post correlati

Lascia il tuo commento