Etiquetas de encabezado (H1, H2, H3…)

Las etiquetas de encabezado (H1, H2, H3…) son elementos HTML que definen títulos y subtítulos jerárquicos en una página web, facilitando la organización del contenido, la experiencia de usuario y el SEO.

Las etiquetas de encabezado (o header tags) son elementos HTML que van desde <h1> hasta <h6> y se utilizan para estructurar el contenido de una página en diferentes niveles de importancia. <h1> representa el título principal del documento, mientras que <h2>, <h3> y sucesivas definen secciones y subsecciones relacionadas con ese tema principal.

En una buena práctica SEO y de usabilidad, cada página debería tener un único H1 que describa de forma clara y concisa de qué trata el contenido. Los H2 se usan para dividir el texto en grandes bloques temáticos, y los H3 para profundizar en subapartados dentro de cada sección. Esta jerarquía ayuda a los usuarios a escanear la página rápidamente y permite a los motores de búsqueda entender la estructura y relevancia de cada parte del contenido.

Además, las etiquetas de encabezado son importantes para la accesibilidad web, ya que los lectores de pantalla las utilizan para navegar por la página. Un uso coherente de H1, H2, H3… mejora la experiencia de personas con discapacidad visual, al ofrecerles una ruta lógica a través de los títulos.

Desde el punto de vista de SEO on-page, los encabezados no solo ordenan la información, sino que también son lugares estratégicos para incluir la palabra clave principal en el H1 y términos relacionados o variaciones en H2 y H3, siempre de manera natural. No se trata de rellenar con keywords, sino de reflejar de forma clara el contenido de cada sección.

En resumen, las etiquetas de encabezado (H1, H2, H3…) cumplen tres funciones clave: aportan una estructura lógica al contenido, mejoran la legibilidad y accesibilidad para los usuarios y ayudan a los buscadores a interpretar la temática y prioridades informativas de cada página.

Ejemplos

  • Ejemplo:
    Un artículo de blog sobre "Guía completa de SEO" podría usar <h1>Guía completa de SEO para principiantes</h1> como título principal, <h2>Investigación de palabras clave</h2> como sección y <h3>Cómo usar herramientas de palabras clave</h3> como subapartado dentro de esa sección.
  • Ejemplo:
    En una página de producto, el H1 podría ser el nombre del producto, los H2 se usarían para secciones como "Características", "Beneficios" y "Preguntas frecuentes", y los H3 detallarían puntos concretos dentro de cada bloque, por ejemplo, cada característica técnica específica.
  • Ejemplo:
    En una landing page de un curso online, el H1 presentaría el curso, los H2 separarían "A quién va dirigido", "Contenido del curso" y "Testimonios", mientras que los H3 listarían cada módulo del temario dentro de la sección de contenido.

Preguntas frecuentes

¿Cuántas etiquetas H1, H2 y H3 debo usar en una página?
Lo más recomendable es usar un único H1 por página, que actúe como título principal. Puedes utilizar tantos H2 y H3 como necesites para organizar el contenido en secciones y subsecciones, siempre respetando una jerarquía lógica y evitando saltar niveles sin sentido (por ejemplo, no pasar de H1 directamente a H3).
¿Las etiquetas de encabezado influyen en el SEO?
Sí, las etiquetas de encabezado influyen de forma indirecta en el SEO. Ayudan a los motores de búsqueda a entender el tema principal de la página y la relación entre sus secciones, y mejoran la experiencia del usuario al hacer el contenido más escaneable. Incluir palabras clave relevantes en H1, H2 y H3 puede aportar contexto semántico, siempre que se haga de forma natural y sin relleno excesivo.
¿Cuál es la diferencia entre el H1 y el título SEO (meta title)?
El H1 es el encabezado principal que ve el usuario dentro de la página y describe su contenido. El título SEO o meta title es el título que se muestra en los resultados de búsqueda y en la pestaña del navegador. Aunque pueden ser similares, es mejor no duplicarlos palabra por palabra y aprovechar cada uno con un enfoque distinto: el H1 para claridad del contenido y el meta title para maximizar el clic desde las SERP.

SINÓNIMOS

También conocido como: etiquetas de título HTML, encabezados HTML, header tags

ÚLTIMA REVISIÓN

Actualizado el: 01/10/2025