Sostituire h1 con immagine: problemi?

[bionicoz]

Mi hanno dato un layout per un sito dove il titolo ed alcuni elementi della pagina devono essere inseriti come immagini per non perdere la coerenza grafica. Ora, chiedo a voi, visto che non vorrei perdere in posizionamento, mi è venuto in mente di scrivere i vari h1,h2,h3 ecc normalemente in puro html e poi, a posteriori usare jquery o mootools per sostituire questi elementi con le immagini. Così il googlebot non avendo javascript attivato (me lo confermate?) leggerebbe semplicemente dell'html semantico, mentre l'utente medio vedrebbe gli elementi standard (e sì, un utente con javascript disattivato vedrebbe un sito "più brutto", ma mi sta bene così). Dite che è una strada percorribile dunque, o una cosa totalmente inutile? Grazie per le eventuali risposte, ciao.

[carlo_de_santis]

Bel casino.
Io vedo che nella cache di alcuni miei siti google esegue i javascript (e a volte male) e li visualizza ma effettivamente giudica la pagina per il suo codice html
Considera anche che esiste il tag <noscript>

[Petro_suse91]

Usa l'attributo ALT dei tag IMG, oppure ancora meglio setta lo sfondo dei tag Hx tramite CSS

[bionicoz]

Originariamente inviato da Petro_suse91
Usa l'attributo ALT dei tag IMG, oppure ancora meglio setta lo sfondo dei tag Hx tramite CSS

Davvero è efficace una cosa del genere?

<h1>[img]xxx.png[/img]</h1> 

Per quanto riguarda sfondo via css ci ho pensato ma la scrittà è con un font particolare e con un effetto di tipo inset, quindi poco riproducibile con del semplice html/css.

[Petro_suse91]

Sì, con l'ALT funziona ugualmente bene; non sono sicuro che sia semanticamente corretto un tag IMG dentro un tag Hx, ma sarebbe funzionale al tuo scopo.

Riguardo al CSS ti dicevo di impostare una immagine di sfondo del tag Hx via CSS (attraverso la proprietà Background), non di rendere l'effetto del font.

[carlo_de_santis]

Originariamente inviato da bionicoz
Davvero è efficace una cosa del genere?

<h1>[img]xxx.png[/img]</h1> 

Per quanto riguarda sfondo via css ci ho pensato ma la scrittà è con un font particolare e con un effetto di tipo inset, quindi poco riproducibile con del semplice html/css.

Ma scusa, a questo punto non ti conviene fare:

<h1>Titolo scritto in piccolo[img]xxx.png[/img]</h1>

?
Magari scrivendo il testo dell'h1 piccolo e che compaia come didascalia della foto?