yo cambio los h1 que tiene enlace a la pagina de la siguiente manera:
en el HTML
Código:
<h1>
<a href="/">
Titulo principal que a la vez es un enlace
</a>
</h1>
y en el CSS
Código:
h1{
width:780px; /* ancho de tu imagen */
height: 200px; /* alto de tu imagen */
background-image: url(logo.jpg); /*imgen que pones de fondo y que reemplaza al texto */
}
h1 a{
display:block; /* lo muestras en bloque para darle al ancho y alto total de la imagen */
width: 100%;
height: 100%;
text-decoration: none;
text-indent: -10000px; /* retiro el texto */
}
de esa manera muestro la imagen, el texto no se para los ususarios pero si para los buscadores y conservo el enlace.
EDIT: mmmm, yo siempre relaciono el H1 con el encabezado generl de la pagina, es decir donde va el logo en la parte mas arriba de la web, ahora si te refieres a los demas encabezados, la web que te recomendo baccxus es muy buena