Testi con immagini e indicizzazione

[ivanisevic82]

Ciao a tutti, avrei bisogno di un chiarimento.
Sto realizzando un sito nel quale mi piacerebbe inserire i titoli dei paragrafi in forma non testuale (come immagini), per motivi puramente estetici.

Mi è venuto però il dubbio che questa soluzione possa danneggiarmi nel posizionamento.

Cosa consigliate tra queste soluzioni?

1) Mettere il titolo in forma testuale, rendendolo trasparente (invisibile) e dare come background l'immagine che sostituisce il testo.

2) Rinunciare ad inserire il titolo come immagine e usare solo titoli testuali.

3) Fregarmene perchè tanto non cambia niente, dal momento che il titolo del paragrafo è lo stesso del titolo della pagina, che viene indicizzato.

4) Altro...ditemi voi!

Grazie!

[bits_dont_bite]

La seconda che hai detto.

Ma se proprio non vuoi rinunciare all'estetica si possono adottare altre soluzioni:

http://forum.html.it/forum/showthrea...readid=1436210

http://webdesign.html.it/articoli/le...ia-per-il-web/

[codencode]

A mio avviso, se non vuoi rinunciare al testo grafico, puoi inserire il titolo nell'HTML in questo modo

<h1><span class="offLeft">Testo del titolo</span></h1>

e gestirlo nel CSS in questo modo

h1 {
     height: l'altezza dell'immagine utilizzata per il titolo;
     background: url('imgTitolo.jpg');
}

.offLeft {
     position: absolute;
     left: -10000px;
}

L'unico aspetto negativo di questa tecnica è che disabilitando le immagini non si vede il titolo. In termini di posizionamento non produce effetti negativi.

In alternativa puoi inserire il titolo come immagine nell'HTML e mettere come alt il testo reale del titolo.

[ivanisevic82]

Originariamente inviato da codencode
A mio avviso, se non vuoi rinunciare al testo grafico, puoi inserire il titolo nell'HTML in questo modo

<h1><span class="offLeft">Testo del titolo</span></h1>

e gestirlo nel CSS in questo modo

h1 {
     height: l'altezza dell'immagine utilizzata per il titolo;
     background: url('imgTitolo.jpg');
}

.offLeft {
     position: absolute;
     left: -10000px;
}

L'unico aspetto negativo di questa tecnica è che disabilitando le immagini non si vede il titolo. In termini di posizionamento non produce effetti negativi.

Questo non sarebbe un grosso problema...chi è che disabilita le immagini???
O mi sono perso qualche passaggio?

In alternativa puoi inserire il titolo come immagine nell'HTML e mettere come alt il testo reale del titolo.

E utilizzare alt è equivalente ad inserire un titolo testuale?
Io credevo di no...ditemi voi!

[codencode]

Google legge l'alt delle immagini, così come il nome che viene dato al file immagine.
Riguardo la disabilitazione delle immagini, è uno dei criteri da tenere presente in fatto di accessibilità dei siti web (WCAG e Legge Stanca).

[bits_dont_bite]

Originariamente inviato da ivanisevic82


E utilizzare alt è equivalente ad inserire un titolo testuale?
Io credevo di no...ditemi voi!

Un Alt è un Alt e non può essere considerato equivalente di un H1-2-3 etc., ovviamente.