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 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 }