Sostituire testo H1 con il logo aziendale

Pubblicato il 17/09/2012, è stato letto 3545 volte

Per chi non lo sapesse, immagino pochi, l'image replacement nella creazione di siti internet, consiste nel sostituire ad un testo un'immagine grafica, nel nostro esempio parliamo di sostituire il testo H1 con il logo aziendale.

In questo esempio illustriamo alcune tecniche per risolvere questo problema:

TECNICA 1:



TECNICA 2:

Questa tecnica usa il text-indent negativo come proprietà per nascondere il testo e mostrare l'immagine



TECNICA 3:

Tecnica alternativa al text-indent negativo, non fa altro che coprire il tutto tramite il posizionamento assoluto di uno span vuoto posizionato grazie ad uno z-index.



TECNICA 4:

Questa tecnica in realtà non nasconde il testo ma lo scrive solamente nell'alt e nel title, questo a quanto detto da Matt Cuts, è la miglior soluzione in ottica seo. L'attributo "alt" serve per il SEO ed il title per l'accessibilità.



Voi che tecnica utilizzate? avete fatto alcuni esperimento di SEO per decidere la migliore?


lascia il tuo commento: