Foros del Web » Creando para Internet » HTML »

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

Estas en el tema de H1 dentro de <li> o no? SEO correcto? en el foro de HTML en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 14/11/2015, 04:56
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 17 años, 10 meses
Puntos: 5
H1 dentro de <li> o no? SEO correcto?

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
  #2 (permalink)  
Antiguo 14/11/2015, 07:26
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 5 años
Puntos: 91
Respuesta: H1 dentro de <li> o no? SEO correcto?

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> ;)
  #3 (permalink)  
Antiguo 14/11/2015, 07:34
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 17 años, 10 meses
Puntos: 5
Respuesta: H1 dentro de <li> o no? SEO correcto?

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.
  #4 (permalink)  
Antiguo 14/11/2015, 10:18
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 5 años
Puntos: 91
Respuesta: H1 dentro de <li> o no? SEO correcto?

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 >_<
  #5 (permalink)  
Antiguo 14/11/2015, 11:09
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 17 años, 10 meses
Puntos: 5
Respuesta: H1 dentro de <li> o no? SEO correcto?

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.
  #6 (permalink)  
Antiguo 14/11/2015, 11:16
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 17 años, 10 meses
Puntos: 5
Respuesta: H1 dentro de <li> o no? SEO correcto?

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
  #7 (permalink)  
Antiguo 14/11/2015, 11:44
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 9 años, 8 meses
Puntos: 131
Respuesta: H1 dentro de <li> o no? SEO correcto?

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:
Ver original
  1. <ul>
  2. <li><h1>Texto</h1></li>
  3. <li><h1>Texto</h1></li>
  4. <li><h1>Texto</h1></li>
  5. </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
  #8 (permalink)  
Antiguo 14/11/2015, 12:15
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 17 años, 10 meses
Puntos: 5
Respuesta: H1 dentro de <li> o no? SEO correcto?

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

un abrazo

Etiquetas: seo, todo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 13:23.