Más de un encabezado H1
El encabezado de nivel superior de una página describe de qué trata toda la página, por lo que normalmente cada página debería tener solo uno. Silktide informa de las páginas que repiten su encabezado de nivel superior.
En , el encabezado de nivel superior es el elemento <h1>. Debe actuar como el titular de la página, con <h2> a <h6> estructurando el contenido por debajo:
<!-- Dos encabezados de nivel superior en conflicto -->
<h1>Nuestros servicios</h1>
<h1>Contáctanos</h1>
<!-- Un solo h1, con h2 para el siguiente tema -->
<h1>Nuestros servicios</h1>
<h2>Contáctanos</h2>
Por qué es importante
El <h1> tiene un peso especial para los motores de búsqueda cuando deciden de qué trata una página y qué titular mostrar. Varios encabezados de nivel superior diluyen esa señal y pueden hacer que en los resultados de búsqueda se utilice el texto equivocado como título de la página.
Un único <h1> claro también ayuda a las personas que usan , que a menudo navegan por los encabezados: un encabezado de nivel superior proporciona un punto de inicio inequívoco.
Cómo solucionarlo
- Mantén un único
<h1>que describa toda la página y rebaja los demás a<h2>(o niveles inferiores, según corresponda en el contenido). - Si un elemento está diseñado como un gran encabezado pero no es el tema principal de la página —un eslogan, un banner promocional—, usa un nivel de encabezado inferior o, en su lugar, un párrafo con estilo.
- Revisa tus plantillas: un logotipo del sitio o la cabecera de una sección envueltos en
<h1>en todas las páginas es una causa habitual.
Cómo lo comprueba Silktide
- Recorre el contenido de la página en orden, buscando elementos
<h1>. - Trata los elementos de seccionado de HTML5 (
<section>,<article>,<aside>,<details>,<header>,<footer>,<nav>) como ámbitos independientes: se permite un<h1>dentro de cada uno de ellos, independiente del resto de la página. - Marca cada
<h1>adicional encontrado después del primero dentro del mismo ámbito.
Solución de problemas
Mi página usa un h1 por sección, ¿está mal?
HTML5 permite un <h1> dentro de cada elemento de seccionado, y Silktide acepta ese patrón. Ten en cuenta que los motores de búsqueda y las no tratan de forma fiable los <h1> por secciones como niveles anidados, por lo que un único <h1> a nivel de página con niveles explícitos de <h2>-<h6> sigue siendo la opción más robusta.