Reemplazo de texto por imagen

[sergi_multimedia]

Hola gente, quiero cambiar un <h1> por una <img> y esconder el texto, para que se vea la imagen solamente, ya que estéticamente me gusta más.

He visto en un tutorial como hacerlo:

Código HTML:

<h1 id="enlaces"><span>Enlaces</span></h1>
 

Código CSS:

h1# enlaces {
  width: 300 px;
  height: 100 px;
  padding: 0px;
  background: url(links.png) top left no-repeat;
}
h1 span {
  visibility: hidden;
}
 

Mis preguntas son...:

1. Seré penalizado por esconder el texto de la <h1>?
2. En términos SEO tendrá li misma importancia el <h1> si lo escondo?


Gracias de antemano.

[andrescrea]

Como los buscadores solo leen texto, simplemente no tendrán en cuenta tu h1.
Por tanto perderás valor.

Puedes aplicar la imagen con otro h0 que no sea h1
y colocar el h1 en otra zona de la página

[AlZuwaga]

hache cero? es una nueva etiqueta de hacheteemeele cinco?

[summermojito]

Yo he visto otra opción que es ésta. En este caso es un enlace, pero la diferencia principal es que aquí es el <a> el que tiene la imagen de fondo.

Créeis que puede ser mejor esta técnica? La he usado en un par de sites y no he sido penalizado por ello.

Código HTML:

<h1><a href="http://www.blablabla.com/">Texto para el H1</a></h1>
 

Código CSS:

background-image: url('www.blablabla/imagen.jpg');
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999px;
 

[Daniel Ulczyk]

Pongo el enlace a post anterior: reemplazo de texto por imagen; ya que lo se pregunta es uno de eso temas que vuelven de vez en cuando.

[andrescrea]

hache cero? es una nueva etiqueta de hacheteemeele cinco?

jjajja sí la voy patentar

Iba referido a que pusiera otra etiqueta, que no usara h1 y el cero salió de espontaneo jje