Se encontraron múltiples etiquetas H1 — La buena práctica es usar una por página

¿Cuál es el problema?

Tu página contiene más de una etiqueta <h1>. Aunque HTML5 técnicamente permite múltiples H1 (dentro de elementos de sección), la buena práctica en SEO recomienda exactamente un H1 por página.

Por qué se prefiere un solo H1

Claridad para el SEO

• Un único H1 da a los motores de búsqueda una señal clara e inequívoca sobre el tema principal de la página
• Múltiples H1 pueden confundir a los algoritmos de posicionamiento sobre de qué trata realmente la página
• John Mueller de Google ha dicho que, aunque varios H1 no son un error, un solo H1 es más limpio

Jerarquía de contenido

• El H1 representa el nivel superior de la jerarquía de tu contenido
• Múltiples H1 crean una estructura plana en lugar de una pirámide clara
• Las subsecciones deben usar H2, H3, etc.

Accesibilidad

• Los lectores de pantalla anuncian los niveles de encabezado a los usuarios
• Múltiples H1 pueden hacer que la navegación sea más confusa para quienes dependen de la estructura de encabezados

Cómo solucionarlo

Mantén un H1 para el tema principal y cambia los demás a H2 o inferior:

<!-- Antes: múltiples H1 -->
<h1>Our Products</h1>
<h1>Featured Items</h1>
<h1>New Arrivals</h1>

<!-- Después: jerarquía correcta -->
<h1>Our Products</h1>
<h2>Featured Items</h2>
<h2>New Arrivals</h2>

Causas comunes

1. Problemas de plantilla — Varios componentes renderizando cada uno su propio H1
2. Plugins del CMS — Widgets o bloques que añaden etiquetas H1 adicionales
3. Logo en H1 — El logotipo del sitio envuelto en un H1 más el título de la página en otro H1
4. Secciones diseñadas de forma independiente — Cada sección con su propio H1

Buenas prácticas

1. Un H1 = un tema principal — El encabezado definitivo de la página
2. Usa H2 para las secciones principales — El siguiente nivel de importancia
3. Usa H3-H6 para subsecciones — Siguiendo la jerarquía
4. Audita tus plantillas — Comprueba que los componentes no añadan etiquetas H1 por separado