Los encabezados son la estructura del documento
H1, H2 y H3 son elementos de encabezado HTML que organizan el contenido visible de la página. Un H1 suele indicar el tema principal de la página; los H2 dividen las grandes preguntas; los H3 subdividen un H2 cuando el siguiente nivel aporta significado. Ayudan a leer por encima, a navegar con tecnologías de asistencia y a entender la relación entre las secciones. No son una cuota, un ajuste de tamaño de letra ni una garantía de posición en los resultados.
Una página puede tener un H1 eficaz sin repetir palabra por palabra la consulta objetivo. La prueba más sólida es si el encabezado describe con exactitud el contenido que tiene debajo. Google puede usar los encabezados visibles al formar los resultados de búsqueda, pero los enlaces de título y los snippets se generan a partir de varias señales de la página. El marcado de encabezados no compensa una página imprecisa ni una sección que induce a error.
Elige el esquema de la página
Redacta la secuencia del contenido antes de dar estilo. En una entrada de glosario, el H1 que aporta la plantilla puede nombrar el término; los H2 pueden cubrir la definición, el mecanismo, la implementación y los errores; los H3 pueden separar detalles dentro de un mismo mecanismo. En una categoría de producto, el H1 puede nombrar la categoría, mientras los H2 explican los criterios de selección, las variantes y la información de entrega. El esquema correcto depende de la tarea, no de una receta SEO fija.
| Nivel de encabezado | Úsalo cuando | No lo uses para |
|---|---|---|
| H1 | El tema central de la página | Un eslogan decorativo sin relación con el contenido |
| H2 | Una pregunta principal o una fase de la página | Una sola frase que debería ir en un párrafo |
| H3 | Una subdivisión real de un tema de H2 | Crear sangría visual sin jerarquía |
| Texto con estilo | Una etiqueta o un énfasis menor | Fingir que una etiqueta es una nueva sección del documento |
Ejemplo concreto: una página sobre renderizado en el servidor podría usar H2 como «Qué devuelve SSR», «Cuándo SSR cambia la ruta de entrega» y «Cómo comprobar la respuesta». Bajo el H2 de pruebas, los H3 pueden distinguir el HTML inicial, el código de estado HTTP y la hidratación. Un H3 llamado «SSR» bajo un H2 sin relación sería un esquema roto.
Comprueba la jerarquía tras el renderizado
- Lee la página en el orden del esquema e indica la pregunta que introduce cada encabezado.
- Inspecciona el DOM renderizado, no solo el editor del CMS, para ver los elementos h1, h2 y h3 reales.
- Confirma que la navegación de la plantilla, las tarjetas y las etiquetas del pie no crean secuencias de encabezados engañosas.
- Comprueba los acordeones y el contenido inyectado dinámicamente en el estado renderizado que reciben el rastreador y el usuario.
- Usa la lista de encabezados de un lector de pantalla o el árbol de accesibilidad del navegador para detectar etiquetas saltadas o duplicadas.
El criterio medible es estructural: cada encabezado tiene una sección relacionada, los niveles no implican una relación padre-hijo falsa y el contenido principal se entiende al leerlo como esquema. Una página puede ser perfectamente válida con un H1 y varios H2, pero sin ningún H3.
Errores habituales con los encabezados
El error habitual es elegir un encabezado por su tamaño visual y repetir la misma frase en todos los H2 para atacar una palabra clave. Otro es crear varios H1 en componentes reutilizables sin revisar la página completa. Una auditoría de contenido debería marcar los encabezados vacíos, duplicados, desconectados del contenido siguiente o usados para ocultar texto sin relación.