≡En resumen
- La jerarquía Hn es el índice de una página: H1 para el tema, H2 para las secciones y H3 a H6 para subdividirlas.
- Cada nivel debe colgar del anterior: no saltes de H2 a H4 ni uses encabezados para cambiar el tamaño de la letra.
- Google dice que el orden de los encabezados no afecta al posicionamiento, pero sí le ayuda a entender el contenido.
- Para la accesibilidad sí es decisivo: la mayoría de usuarios de lectores de pantalla navega saltando de encabezado en encabezado.
- Puedes revisar la jerarquía de cualquier página con las herramientas del navegador, extensiones o un rastreador SEO.
01 ¿Qué son las marcas de jerarquía Hn?
El nombre «marcas de jerarquía» es propio del vocabulario SEO en español; en HTML se llaman simplemente elementos de encabezado, y en el día a día se habla de «los Hn», «las H» o «los headings». Son unas de las etiquetas HTML más antiguas y más importantes para la estructura, porque describen el significado del texto, no su aspecto.
02 Niveles de H1 a H6: para qué sirve cada uno
| Nivel | Uso | Ejemplo en un artículo |
|---|---|---|
| H1 | Título principal de la página: dice de qué trata todo | Cómo cuidar un olivo en maceta |
| H2 | Secciones principales | Riego |
| H3 | Apartados dentro de una sección H2 | Riego en verano |
| H4 | Subapartados dentro de un H3 | Olivos jóvenes |
| H5 y H6 | Niveles muy finos; poco frecuentes fuera de documentación técnica | Casos concretos o notas de detalle |
El nivel más importante es el primero. Tienes todo sobre él en la ficha de la etiqueta H1: cómo redactarlo, en qué se diferencia del title y por qué lo habitual es usar uno por página.
03 Ejemplo de jerarquía correcta e incorrecta
h1Cómo cuidar un olivo en macetah2Riegoh3Riego en veranoh3Riego en invierno
h2Podah3Poda de formaciónh3Poda de mantenimiento
h2Preguntas frecuentes
04 Jerarquía de encabezados y SEO: qué dice Google
Google es claro: tener los encabezados en orden es muy útil para los lectores de pantalla, pero para la Búsqueda no importa si no lo están. Tampoco hay un número ideal de encabezados, y varios H1 en una página no son un problema para Google. Eso no significa que los Hn no cuenten: los encabezados son textos visibles y destacados que ayudan a los buscadores (y a los sistemas de IA que resumen páginas) a identificar de qué trata cada bloque y a extraer respuestas concretas.
La conclusión práctica: no busques trucos de palabras clave en los H2, escribe encabezados que describan con precisión cada sección. Es la base de la redacción de contenidos SEO y uno de los puntos de nuestro checklist de SEO on page.
05 Encabezados y accesibilidad: WCAG y lectores de pantalla
| Criterio | Nivel | Qué exige |
|---|---|---|
| 1.3.1 Información y relaciones | A | Que la estructura visible (títulos, apartados) esté también en el código, con elementos de encabezado reales |
| 2.4.6 Encabezados y etiquetas | AA | Que los encabezados describan el tema o propósito de su sección |
| 2.4.10 Encabezados de sección | AAA | Que el contenido se organice con encabezados de sección |
71,6 %
de usuarios de lectores de pantalla navega primero por los encabezados en una página larga
Fuente: WebAIM Screen Reader User Survey #10 (dic. 2023-ene. 2024)
88,8 %
considera muy o algo útiles los niveles de encabezado
Fuente: WebAIM Screen Reader User Survey #10 (dic. 2023-ene. 2024)
Para una persona ciega, la lista de encabezados es el índice de la página: salta de H2 en H2 hasta encontrar lo que busca. Si los niveles están desordenados o faltan, se pierde. Además, desde junio de 2025 la accesibilidad es obligatoria para muchas webs de comercio electrónico y servicios en la UE; tienes los detalles en nuestra guía sobre la normativa de accesibilidad web.
06 Cómo estructurar los encabezados de una página paso a paso
-
1
Escribe el índice antes que el texto
Define el tema (H1) y las preguntas que vas a responder (H2) antes de redactar.
-
2
Un H1 que describa la página
Claro, específico y coherente con el title y con lo que el usuario buscaba.
-
3
H2 para cada bloque temático
Cada H2 debe poder leerse solo y decir qué contiene la sección.
-
4
H3 solo si divides un H2
Si un H2 tiene un único subapartado, probablemente no necesitas H3.
-
5
Separa estructura y diseño
El tamaño y el color se controlan con CSS; el nivel del encabezado depende del contenido.
-
6
Revisa la plantilla
Comprueba que la cabecera, el pie y la barra lateral de tu tema no insertan encabezados irrelevantes.
En WordPress, el bloque «Encabezado» del editor permite elegir el nivel de H2 a H6; el H1 lo pone normalmente el título de la entrada. Si usas un maquetador visual, revisa que el nivel elegido no se haya cambiado solo por estética. Si quieres repasar la diferencia con otros usos de la palabra, consulta también qué son los encabezados en documentos y webs.
07 Cómo revisar la jerarquía Hn de cualquier web
- ✓Herramientas de desarrollo del navegador: inspecciona el código y busca las etiquetas h1 a h6.
- ✓Extensiones que muestran el esquema de encabezados de la página, como HeadingsMap o Web Developer.
- ✓El validador de HTML del W3C, con la opción de mostrar el esquema (outline) de encabezados.
- ✓Herramientas de accesibilidad como WAVE, que señalan niveles saltados y encabezados vacíos.
- ✓Rastreadores SEO como Screaming Frog para detectar en todo el sitio páginas sin H1, con H1 duplicados o vacíos.
En sitios grandes, los problemas de encabezados suelen venir de la plantilla y se repiten en cientos de URL. Detectarlos y priorizarlos es parte de una auditoría SEO on page.
Preguntas frecuentes sobre Marcas de jerarquía Hn
Son los elementos de encabezado de HTML, de h1 a h6, que marcan los títulos y subtítulos de una página por niveles. La n indica el nivel, del 1 (más importante) al 6.
Lo recomendable es uno, que describa el tema de la página. Google afirma que tener varios no es un problema para el posicionamiento, pero un único H1 es más claro para usuarios y lectores de pantalla.
No es recomendable. Saltar niveles confunde a quien navega con lector de pantalla y rompe la lógica del índice. Si necesitas un tamaño menor, cámbialo con CSS.
Según Google, no afecta al ranking. Aun así, unos encabezados claros ayudan a los buscadores y a la IA a entender cada sección y a extraer respuestas, y mejoran la lectura.
El title es el título del documento que aparece en la pestaña del navegador y suele usarse en los resultados de Google. El H1 es el título visible dentro de la página. Pueden coincidir, pero no tienen por qué.
Inspecciona el código con las herramientas del navegador o usa una extensión que muestre el esquema de encabezados. Para un sitio completo, un rastreador SEO lista los H1 y H2 de cada URL.
El criterio 1.3.1 (nivel A) exige que la estructura visual esté en el código con encabezados reales, y el 2.4.6 (nivel AA) pide que los encabezados describan su sección.
Fuentes consultadas
Sobre el autor
Raúl Aránega Segura
CEO y especialista SEO en appyweb
Fundador de appyweb. Más de una década posicionando webs y tiendas online en Google y, ahora, en las respuestas de la IA.
Ver perfil en LinkedIn ↗