h1 y logo

[juanote]

Hoy en dia, (comentar que son páginas en Html5 que tienen varios h1) veo muchas webs que donde esta el logo, lo maquetan/programan como h1
ejemplo- <h1><img src="logo.png"></h1>

Yo lo veo anti-natural y no lo veo correcto
Estoy equivocado??

Comentar que hay otros que lo hacen peor
ejemplo- <h1><span style="display:none;">Mi palalabra clave</span><img src="logo.png"></h1>

saludos

[Usuarios466]

En lo de poner una imagen como logo y H1 te falta poner a la imagen un ALT y un TITLE, de esa forma lo estás implementando más.

Código HTML:

<h1><img src="logo.png" alt="logo" title="logo"></h1> 

Aunque tampoco me acaba de gustar la idea, no es que me parezca antinatural como a ti, simplemente es que se puede llegar a hacer mejor.

Échale un vistazo al articulo Tu logo es una imagen, no un <h1>.

[juanote]

Lo que dice el articulo es que se utilize el h1 como texto. !como toda la vida!
<h1>Mi palabra clave principal<H1>

[Usuarios466]

Yo soy más partidario, personalmente, de utilizar la forma que comentas en tu último mensaje (como toda la vida), ya que de esa forma reafirmas y recalcas la keyword que quieres poner como principal en el encabezado de primer nivel.

Pero entiendo que muchos otros sitios por cuestiones meramente estéticas quieran poner una imagen, un logo, o algo así para que les cuadre el diseño de la página, aunque como poner en ese artículo, hay formas para respetar el encabezado H1 con una keyword y poner la imagen o logo a través del CSS.

[seozeta]

Hay muchas soluciones para eso. Lo normal es usar el logo como imagen que es, no como H1. Entonces el H1 debería ser título del artículo de cada página/post en cuestión. Siguiendo en este esquema, en la página principal de la web se le pone el H1 manualmente debajo del logo, al no tener ningún artículo.

Otra solución es usar un condicional: si no es página principal, usa la etiqueta IMG, si es la página principal, usa el logo dentro del H1 con las etiquetas ALT y Title (aunque es menos efectivo de esta manera). También los hay que en este sistema le ponen, en lugar del logo dentro del H1, un texto H1 escondido debajo del logo mediante la propiedad del CSS text-indent:-99999px (como pueden ver en problogger.net).

Y finalmente, una solución para artistas, es crear un logo en formato texto mediante CSS. Y lo mismo que antes, si es página principal, el texto es H1. Si la página contiene un artículo con título propio, entonces es un SPAN.