Solucionar H1 (en elementos responsive)

[taben18]

Hola,

Uso Wordpress y en cada página de mi web tengo un encabezado optimizado para móviles y otro optimizado para escritorio. Evidentemente el primero de ellos está escondido en escritorios y el segundo en móviles, por lo que nunca se ven ambos en una misma vista.

Estos encabezados son los nombres de mis servicios y por tanto los he fijado como H1 porqué los considero muy importantes, pero se que no es aconsejable tener más de un H1 por página.

Mi duda es: si los dos H1 nunca coinciden en las vistas (porqué cuando uno está visible el otro está escondido y viceversa) ¿sigo incurriendo en una mala práctica para SEO?

¿Me recomendáis que sólo uno de ellos sea H1 y el otro dejarlo como H2 aunque sea el mismo en realidad (nombre del servicio en cada página)?

Gracias.

[popobcn]

En teoría para eso están las media-queries de CSS, o sea, para mantener exclusivamente un H1 y que el mismo reciba los estilos personalizados para cada resolución

Si tienes más de una etiqueta H1 para un mismo título, o sea que defines 2 veces el título, en efecto algo estas haciendo mal, dado que no estás explotando todas las posibilidades presentadas en CSS3 para poder optimizar el mismo elemento para las diferentes resoluciones.

Saludos

[taben18]

Gracias por tu pronta respuesta.

Lo miraré con algún compañero más entendido. Yo estoy usando el visual composer de Wordpress que te permite ir añadiendo elementos y definiendo cada elemento qué categoría es (H1, ...).

Para cada elemento visual (como el encabezado) puedo definir a parte de si es H1 o H2, etc., en qué dispositivo está visible y en cual no. Por temas de diseño, he creado dos por página.

Saludos!

[d1ana]

Y no sabemos hasta que punto además de tener dos H1 estás ocultando información... y eso tampoco le gusta a Google.