Los encabezados HTML (headings) son etiquetas H1–H6 que definen la jerarquía del contenido en una página. Los motores de búsqueda y los lectores de pantalla los usan para comprender la estructura del documento. Una estructura correcta de encabezados es crucial para el SEO, la accesibilidad y la legibilidad de la página.
Comprueba la estructura de encabezados de tu página
La herramienta analizará automáticamente la jerarquía de encabezados de cualquier página: Headings Checker.
¿Qué son los encabezados HTML?
Los encabezados son etiquetas HTML de H1 a H6 que crean una estructura jerárquica del contenido — similar a los capítulos y subcapítulos de un libro. H1 es el título principal, H2 son las secciones, H3 son las subsecciones, etc. El navegador los muestra por defecto con un tamaño de fuente decreciente, pero su verdadero papel va mucho más allá de la apariencia.
H1–H6
6 niveles de encabezado
1×
número recomendado de H1 por página
~60%
de páginas tienen errores en los encabezados
WCAG
requiere una jerarquía correcta
Jerarquía de encabezados H1–H6
Cada nivel de encabezado cumple un papel diferente en la estructura del documento. Saltarse niveles (p. ej. pasar de H2 a H4) es un error estructural.
Uno por página. Palabra clave principal. Describe toda la página.
Divisiones principales del contenido. Deben cubrir los temas clave de la página.
Detalle de la sección H2. Pueden contener palabras clave LSI.
Menos usado. Úsalo solo cuando el contenido requiera una división más profunda.
Muy poco frecuente. La mayoría de las veces es innecesario — considera simplificar la estructura.
Prácticamente sin usar. En la mayoría de los casos puede sustituirse por otro elemento HTML.
Ejemplo de estructura correcta
Una jerarquía correcta de encabezados forma un árbol — cada nivel está anidado en el superior.
H1 Guía de DNS
H2 ¿Qué son los registros DNS?
H3 Registro A
H3 Registro CNAME
H2 ¿Cómo comprobar el DNS?
H3 Herramientas online
H3 Comando dig
H1 Guía de DNS
H3 ¿Qué son los registros DNS? ← H2 omitido
H5 Registro A ← H4 omitido
H2 ¿Cómo comprobar el DNS? ← ¿H2 después de H5?
H4 Herramientas online ← falta H3
Encabezados y SEO
Los motores de búsqueda analizan los encabezados para comprender de qué trata la página y la importancia de cada fragmento de contenido.
H1 — la señal SEO más importante
Google trata el H1 como la descripción principal de la página. Debe contener la palabra clave principal y ser único — un H1 por página. La ausencia de H1 o varios H1 es una señal de estructura deficiente.
H2 — temas de sección
Los H2 definen los temas principales tratados en la página. Conviene incluir en ellos variantes y sinónimos de la palabra clave principal (palabras clave LSI). A menudo aparecen en los featured snippets.
H3–H6 — profundidad y detalle
H3 y niveles inferiores ayudan a los robots a comprender la estructura detallada. Son especialmente importantes en artículos guía largos y documentación. Tienen menor impacto directo en los rankings que H1 y H2.
Encabezados y accesibilidad
Para los usuarios de lectores de pantalla (ciegos, con baja visión), los encabezados son la forma principal de navegar por la página.
El estándar WCAG 2.1 requiere una jerarquía correcta de encabezados
El criterio 1.3.1 (Información y relaciones) y el 2.4.6 (Encabezados y etiquetas) obligan a usar los encabezados de forma que reflejen la estructura del contenido, no solo la apariencia visual.
Buenas prácticas
- Un H1 que contenga el tema de la página
- Mantener la continuidad de la jerarquía (sin saltar niveles)
- Contenido de encabezados descriptivo y comprensible
- Los encabezados reflejan la estructura, no el estilo
Errores frecuentes
- Usar encabezados solo por el tamaño de fuente grande
- Saltarse un nivel (p. ej. H2 → H4)
- Ausencia de H1 o varios H1 en la página
- Encabezados vacíos o encabezados con solo una imagen
Resumen rápido — H1–H6
| Etiqueta | Cuántos por página | Impacto SEO | Uso típico |
|---|---|---|---|
| H1 | Exactamente 1 | Muy alto | Título de la página / artículo |
| H2 | Varios | Alto | Secciones principales del contenido |
| H3 | Cualquiera | Moderado | Subsecciones dentro de H2 |
| H4 | Cualquiera | Bajo | Divisiones más profundas del contenido |
| H5 | Raramente | Mínimo | Documentación, especificaciones |
| H6 | Casi nunca | Mínimo | Casos muy raros |
Preguntas frecuentes
Técnicamente HTML5 permite varios H1 en distintas secciones, pero en la práctica del SEO se recomienda un H1 por página. Google ha confirmado en repetidas ocasiones que prefiere una declaración clara del tema de la página. Varios H1 pueden diluir la señal para los motores de búsqueda y desorientar a los usuarios de lectores de pantalla.
No. La etiqueta title es invisible en la página — se muestra en la pestaña del navegador y en los resultados de Google. H1 es el encabezado visible en la página. Deben ser similares en contenido, pero no tienen que ser idénticos. El title está limitado a unos 60 caracteres para los resultados de búsqueda, el H1 puede ser más largo.
Sí. Google analiza la jerarquía de encabezados para comprender la estructura y las relaciones temáticas del contenido. Saltarse niveles (p. ej. H2 → H4) no es un error crítico, pero dificulta a robots y usuarios la comprensión de las relaciones entre secciones. Las auditorías regulares de la estructura de encabezados son una buena práctica SEO.
Sí — puedes cambiar el aspecto de un encabezado libremente mediante CSS. Sin embargo, lo que importa es el rol semántico en HTML, no el visual. La situación inversa es problemática: dar estilo a un párrafo normal como texto grande no lo convierte en encabezado para los motores de búsqueda ni para los lectores de pantalla.
Puedes utilizar nasuestra herramienta Headings Checker, que representa visualmente la jerarquía de encabezados de cualquier página. Alternativamente, en Chrome DevTools, escribe en la consola: document.querySelectorAll('h1,h2,h3,h4,h5,h6'), para ver la lista de todos los encabezados.