HTML - Header, H1 y Main

 
Vista:
sin imagen de perfil

Header, H1 y Main

Publicado por Rafa Ramos (2 intervenciones) el 14/04/2017 21:57:15
Preguntas directas:
1- ¿Es necesario colocar un h1,h2,...en el header? Entiendo que no, tras leer la W3C.
2- ¿Es necesario que el h1 de la página se encuentre dentro de main? Entiendo que no, lo cual no tiene mucho sentido.

Gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Lopez
Val: 886
Plata
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Header, H1 y Main

Publicado por Lopez (271 intervenciones) el 15/04/2017 14:56:27
Rafa,

Espero todo marche bien por allí.

Respecto a tus preguntas, La W3C sobre el uso de estas etiquetas,
que si bien no son obligatorias, recomienda el uso de cabeceras,
para dar enfasis y jerarquia en la lectura/visibilidad del contenido.
De paso las cabeceras (H's) son vitales para un buen SEO.

La cabecera puede estar contenida mas correctamente dentro de una etiqueta <header>,
y a la vez vez, varios <header>'s con sus respectivas H's, pueden estar contenidos en un <hgroup>.

Saludos!

Lecturas recomendadas para aclarar su correcto uso:
https://www.w3schools.com/tags/tag_header.asp
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hgroup
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

Header, H1 y Main

Publicado por Rafa Ramos (2 intervenciones) el 15/04/2017 20:43:31
Precisamente por ahí estaba preguntando, por el tema SEO.

¿Necesita el header un titular (un h algo)? Lo suyo sería que no, que bastase con el logo y la barra de navegación, en caso de ser el header principal de la página principal. Básicamente pq ese h1 debería ser representativo de esa página principal y completamente diferente del h1 del resto de páginas. Si incluimos ese h1 dentro del header y repetimos el header en cada página...pues estamos matando un poco el SEO. Me encuentro muchos casos donde el header se repite y el h1 sigue estando dentro del mismo, y siempre es el mismo.

Sin embargo, si el h1 lo incluimos en el main, podemos cambiar cada main para cada página, y así el h1 nunca se repite.

Todo esto viene a colación de que la W3C indica desde hace tiempo que no es necesario que un header incluya un h algo, sin embargo se sigue recomendando en muchas páginas en español. Me gustaría conocer vuestros pareceres.

PD:hgroup creo que sigue deprecated por la W3C.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Lopez
Val: 886
Plata
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Header, H1 y Main

Publicado por Lopez (271 intervenciones) el 15/04/2017 21:31:50
Hola de nuevo Rafa,

Bueno, cambia el panorama de tu pregunta inicial, que en ningún momento tocó el tema de SEO.
Yendo a ello, como bien dices <hgroup> se deprecó por su escaso uso,
aún se sigue utilizando para optimizar la incorporacion y uso de microsformatos y derivados,
aunque estos pueden ser incluidos ya en cualquier etiqueta.

La pregunta que debes hacerte es: Mi logo/isotipo, Es una imagen?. Es contenido primario?

Si lo es, no hay razon para siquiera pensar usar un H1, mi acercamiento seria este:

1
2
3
<a href="/" title="Al home" id="logo">
  <img src="/images/tu-logo.gif" alt="Blob logo" />
</a>

Sino lo es, tampoco te aconsejaria usar dicha etiqueta para ello.
Según las especificaciones de la W3C y el SEO, el < h1> debe representar un contenido único,
y si te das cuenta, si embalas tu iso/logotipo dentro de un <h1>Tu Logo</h1>, como planeas usarlo,
este seria contenido repetido :P . Recuerda existe el tag <h2>

1
2
3
<a href="/" title=Blob logo">
 Blob.cl
</a>

Ten en cuenta, como mencione antes, que el H1, suele estar reservado a contenido único,
listado una vez por pagina.
El uso abusivo disminuye el ranking e incluso puede ser objeto de penalizacion.

Sobre el <main>, al igual que el <h1> y la mayorias de "nuevas" etiquetas html5,
deben estar presentes una sola vez por documento. Si tu preguntas es si el <h1> debe ir dentro o fuera del <main> eso depende de ti.
"Main" casi siempre lo veo asociado a atributos ARIA (role ="main" por ej) y su posicionamiento de uso común y aceptado es:

1
2
3
<header><h1>Lopez is happy at Blob.cl</h1></header>
<main></main>
<footer></footer>

o

1
2
3
4
<main>
<header><h1>Lopez is happy at Blob.cl</h1></header>
</main>
<footer></footer>

Espero te quede mas claro.
Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar