[SOLUCIONADO] H1 dentro de <li> o no? SEO correcto?

[00israel]

Hola a todos. Os cuento.

Resulta que tengo una duda, en un diseño que he hecho tengo el menú dividido por el logotipo, es decir, botón 1, botón 2, logotipo en H1, botón 3, botón 4.

Y no se cual es la forma correcta de estructurarlo, en lo que a una correcta semántica y buen SEO ser refiere. Es decir no se si puedo/debo solucionarlo metiéndolo en un <li> o hacerlo con <divs> o incluso separar el logo-H1 por un lado con un z-index 0 y el nav con z-index-1 por otro.

Tengo que tener en cuenta también que al hacerla responsiva, el nav pasa a esconderse bajo un icono abajo a la derecha y el logo sigue ocupando la misma posición, con lo cual no se si ahora que lo pienso es buen idea integrarlo dentro del nav con todo.

Que me decís?

Aquí os dejo un boceto de la idea y como lo abordaría con las opciones que os he comentado.



Gracias

[AngelKrak]

yo creo que la Estructura Correcta es Asi ---> Header > Nav > Ul > Li pero no creo que este bien poner una Etiqueta H1 dentro de un Li yo creo que seria mejor agregarle una clase a ese logo y mediante CSS le modificas los Estilos para que paresca que tuviera <h1> ;)

[00israel]

Gracias Angel.

Tiene que ser un h1 si o si, por tema de SEO. Y estoy de acuerdo contigo en que no es buena idea meterlo dentro dude un menú listado.

Pero entonces, la estructura correcta cual sería. Por un lado el nav con los li,y por otro el h1, poniéndolo en un div aparte y colocándolo luego un z-index en los estilos? imagino que esto sería lo más correcto.

[AngelKrak]

no amigo, lo mas logico es que un menu se componga asi Header > Nav > Ul > Li los div se usan mas como Contenedores(Son Bloques), no como Menus >_<

[00israel]

creo que no nos hemos entendido.

Donde he dicho algo como lo que comentas? Si lees mi anterior post verás que te doy la razón con respecto a no meterlo en un menú.

Es igual, gracias de todos modos.

[00israel]

Yo mismo me contesto. Creo que he dado con la solución en está página: http://stanhub.com/how-to-center-a-l...hild-selector/

Por si a alguien le puede servir de ayuda.

gracias

[hackjose]

Ya llego tarde

La ultima estructura que tienes es la correcta

Algunos comentarios:

Recuerdo que la especificacion html5 recomienda no poner elementos h en las listas

es decir, no debemos hacer este tipo de cosas(cualquier combinacion h1 h2 h3 h4 h5 h6)

Código HTML:

<ul>
<li><h1>Texto</h1></li>
<li><h1>Texto</h1></li>
<li><h1>Texto</h1></li>
</ul>
 

Si utilizas la primera y segunda, tu body no tendria titulo, el titulo perteneceria al elemento nav(el elemento nav es un elemento tipo seccion)

Asi que lo correcto seria la tercera

Saludos

[00israel]

Muchas gracias Jose. Como siempre al rescate, nunca me fallas.

un abrazo