Qué es un heading y cómo usar H1 H2 y H3 correctamente

IA

Quédate con lo más importante

Resume este artículo, encuentra los puntos clave o pregunta lo que quieras entender mejor.

Explorar con IA

Un heading es un encabezado utilizado para identificar el título de una página o de una sección dentro de su contenido. En HTML existen seis niveles, desde <h1> hasta <h6>, que permiten representar una jerarquía lógica entre temas y subtemas.

Los headings ayudan al usuario a escanear una página, comprender cómo está organizada y saltar rápidamente hacia la información que necesita. También aportan estructura semántica que puede ser utilizada por navegadores, tecnologías de asistencia y motores de búsqueda.

La clave no está en llenar todos los encabezados con palabras clave. Está en construir una estructura que explique con claridad cuál es el tema principal y cómo se relacionan sus diferentes secciones.

Qué significa heading

Heading significa encabezado o título.

En HTML hace referencia normalmente a los elementos:

<h1>
<h2>
<h3>
<h4>
<h5>
<h6>

Cada número representa un nivel dentro de la jerarquía del documento.

Por ejemplo:

<h1>Guía de posicionamiento SEO</h1>

<h2>Qué es SEO</h2>

<h2>Cómo funciona SEO</h2>

<h3>Rastreo</h3>
<h3>Indexación</h3>
<h3>Ranking</h3>

El H1 identifica el tema principal, los H2 representan grandes secciones y los H3 desarrollan subsecciones dentro de ellas.

Para qué sirven los encabezados HTML

Los headings cumplen principalmente una función estructural.

Ayudan a:

• Identificar el tema principal.
• Separar grandes secciones.
• Representar subtemas.
• Facilitar la lectura rápida.
• Crear una jerarquía comprensible.
• Mejorar la navegación mediante tecnologías de asistencia.

Puedes imaginarlos como el índice de un libro.

El nombre del libro representa el nivel principal, los capítulos serían secciones y los apartados dentro de cada capítulo serían niveles inferiores.

Qué diferencia hay entre H1 H2 H3 H4 H5 y H6

Elemento	Uso habitual
<h1>	Título principal de la página
<h2>	Secciones principales
<h3>	Subsecciones de un H2
<h4>	Subdivisiones adicionales
<h5>	Nivel de profundidad adicional
<h6>	Nivel más bajo disponible en HTML

Esto no significa que una página deba utilizar obligatoriamente los seis niveles.

La mayoría de los artículos pueden estructurarse perfectamente mediante H1, H2 y H3.

Qué es el H1

El H1 suele representar el encabezado principal de una página.

Por ejemplo, en este artículo podría ser:

<h1>Qué es un heading y cómo usar H1 H2 y H3 correctamente</h1>

El H1 debería permitir que una persona identifique rápidamente de qué trata la página.

También conviene que exista coherencia entre:

• La intención de la URL.
• El title.
• El H1.
• El contenido que aparece después.

No tienen que ser exactamente iguales.

Pueden expresar el mismo tema con redacciones ligeramente diferentes.

Cuántos H1 debe tener una página

Como práctica general resulta recomendable utilizar un H1 principal claramente identificable.

Esto facilita comprender cuál es el título principal del documento y mantiene una estructura sencilla.

HTML permite determinados escenarios con más de un elemento H1, pero eso no significa que debamos crear varios títulos principales sin una razón estructural clara.

Por tanto, una recomendación práctica sería:

Utiliza un H1 principal y organiza las demás secciones con H2, H3 y niveles inferiores cuando sean necesarios.

No presentaría un segundo H1 como una penalización automática de Google. La preocupación real debería ser la claridad de la estructura.

Qué son H2 y H3

Los H2 dividen el tema principal en grandes apartados.

Por ejemplo:

<h1>Cómo crear una tienda online</h1>

<h2>Elegir plataforma</h2>
<h2>Crear el catálogo</h2>
<h2>Configurar métodos de pago</h2>

Si dentro de “Elegir plataforma” necesitamos desarrollar diferentes opciones, podemos utilizar H3:

<h2>Elegir plataforma</h2>

<h3>WordPress y WooCommerce</h3>
<h3>Shopify</h3>
<h3>Desarrollo personalizado</h3>

El H3 depende conceptualmente del H2 anterior.

Ese principio es más importante que utilizar encabezados simplemente porque visualmente tienen un tamaño determinado.

Heading y header no son lo mismo

Esta confusión es frecuente.

Heading se refiere a un encabezado de contenido, normalmente representado mediante H1 a H6.

Header es otro elemento HTML:

<header></header>

El elemento <header> representa contenido introductorio o de navegación de una página o sección.

Dentro de un header puede existir un heading:

<header>
    <h1>Guía de marketing digital</h1>
    <p>Aprende sus principales conceptos.</p>
</header>

Por tanto:

heading ≠ header.

H1 y title tampoco son lo mismo

Otra diferencia importante está entre el encabezado principal y el elemento HTML <title>.

El title se encuentra dentro de la sección <head> del documento:

<title>Qué es un heading y cómo usarlo en SEO</title>

El H1 aparece dentro del contenido visible:

<h1>Qué es un heading y cómo usar H1 H2 y H3 correctamente</h1>

Elemento	Función principal
<title>	Define el título del documento y puede influir en el título mostrado en buscadores
<h1>	Representa el encabezado principal visible del contenido

Ambos deberían describir coherentemente la misma página, pero no necesitan tener una redacción idéntica.

Cómo organizar correctamente los headings

Una estructura sencilla puede verse así:

H1 Tema principal

    H2 Primera sección

        H3 Primer subtema
        H3 Segundo subtema

    H2 Segunda sección

        H3 Primer subtema

    H2 Tercera sección

Lo importante es que cada nivel refleje la relación entre los contenidos.

No utilices un H4 simplemente porque necesitas un título visualmente pequeño.

El tamaño puede controlarse mediante CSS.

Se pueden saltar niveles de encabezado

Para mantener una jerarquía fácil de comprender, conviene evitar saltos innecesarios al abrir nuevas subsecciones.

Por ejemplo, esta estructura es poco recomendable:

<h1>Marketing digital</h1>

<h2>SEO</h2>

<h4>SEO técnico</h4>

Si “SEO técnico” depende directamente de “SEO”, normalmente tendría más sentido:

<h1>Marketing digital</h1>

<h2>SEO</h2>

<h3>SEO técnico</h3>

La razón principal no es una supuesta penalización SEO.

Una jerarquía lógica facilita la interpretación del contenido, especialmente para personas que utilizan tecnologías de asistencia.

Por qué los headings son importantes para accesibilidad

Los encabezados no son únicamente elementos visuales.

Las tecnologías de asistencia pueden utilizar la estructura de headings para permitir que una persona navegue rápidamente entre secciones.

Una página correctamente organizada permite comprender algo parecido a:

Título principal

Sección 1
    Subsección 1.1
    Subsección 1.2

Sección 2
    Subsección 2.1

Por eso es importante utilizar etiquetas semánticas reales en lugar de crear visualmente un título mediante:

<div class="titulo">Servicios</div>

cuando semánticamente debería ser:

<h2>Servicios</h2>

Qué relación tienen los headings con SEO

Los headings ayudan a describir la organización temática de una página.

Eso los convierte en una parte útil de una estructura HTML clara.

Sin embargo, no deberían utilizarse como contenedores para repetir palabras clave.

Por ejemplo, una estructura como:

<h2>Agencia SEO Bogotá</h2>
<h2>Mejor agencia SEO Bogotá</h2>
<h2>Servicios agencia SEO Bogotá</h2>
<h2>Precios agencia SEO Bogotá</h2>

puede resultar artificial si esas expresiones se introducen únicamente para aumentar la frecuencia de una keyword.

Es preferible utilizar encabezados que anticipen claramente qué encontrará el usuario debajo.

Google utiliza el H1

Google puede utilizar diferentes elementos de una página para interpretar y representar su título.

Entre ellos se encuentran:

• El elemento <title>.
• El título principal visible.
• Encabezados como el H1.
• Otros textos prominentes.

Esto refuerza la importancia de mantener coherencia entre el title, H1 y contenido.

Pero no significa que incluir una keyword exacta diez veces en los headings mejore automáticamente las posiciones.

Cómo escribir buenos headings para usuarios

Un heading debería ayudar incluso a una persona que no ha leído los párrafos anteriores.

Compara:

Poco informativo

<h2>Más información</h2>

Más claro

<h2>Cómo calcular el coste por lead</h2>

El segundo explica exactamente qué información contiene la sección.

También resulta más útil cuando una persona escanea rápidamente el artículo.

Cómo usar headings en un artículo de blog

Un artículo puede organizarse así:

<h1>Qué es email marketing</h1>

<h2>Cómo funciona el email marketing</h2>

<h2>Tipos de campañas</h2>

<h3>Newsletter</h3>
<h3>Emails automatizados</h3>
<h3>Campañas promocionales</h3>

<h2>Cómo medir resultados</h2>

Los headings permiten desarrollar la temática desde una pregunta principal hacia subtemas relacionados.

Cómo usar headings en ecommerce

En una categoría ecommerce podríamos tener:

<h1>Zapatos para running</h1>

<h2>Cómo elegir zapatos para correr</h2>

<h2>Tipos de zapatillas de running</h2>

<h3>Zapatillas para asfalto</h3>
<h3>Zapatillas para trail</h3>

La estructura dependerá de la información real de la página.

No es necesario crear headings únicamente para incluir más categorías o keywords si no existe contenido útil debajo.

Cómo usar headings en una landing page

En una landing comercial, los headings también pueden ayudar a guiar el recorrido del usuario.

Por ejemplo:

<h1>Software de inventario para pequeños comercios</h1>

<h2>Controla productos desde un solo lugar</h2>

<h2>Cómo funciona</h2>

<h2>Integraciones disponibles</h2>

<h2>Planes</h2>

<h2>Preguntas frecuentes</h2>

Aquí los headings cumplen una función doble: estructuran el HTML y ayudan a la persona a comprender rápidamente la propuesta.

Headings y GEO

Una buena estructura de encabezados también ayuda a dividir información extensa en unidades claras y fácilmente identificables.

Esto puede favorecer la comprensión y recuperación de fragmentos específicos por diferentes sistemas.

Por ejemplo, un contenido sobre KPI podría separar claramente:

• Qué es un KPI.
• KPI vs métrica.
• Cómo crear un KPI.
• Ejemplos.
• Fórmulas.

Eso resulta mucho más interpretable que publicar todo el contenido dentro de un único bloque de texto.

Sin embargo, utilizar H2 o H3 no garantiza que una página vaya a ser citada dentro de una respuesta generativa. GEO sigue dependiendo de un conjunto mucho más amplio de factores relacionados con contenido, fuentes, autoridad, claridad y recuperación de información.

Errores comunes al utilizar headings

• Utilizarlos únicamente para cambiar el tamaño del texto.
• No disponer de un título principal claro.
• Saltar niveles sin necesidad.
• Crear encabezados vacíos.
• Repetir keywords artificialmente.
• Utilizar encabezados que no describen la sección.
• Crear demasiados niveles para contenido sencillo.
• Confundir <header> con <h1>.
• Confundir el H1 con el meta title.

Cómo revisar la estructura de headings de una página

Puedes hacer una comprobación sencilla:

1. Extrae todos los H1, H2 y H3.
2. Ignora temporalmente el resto del contenido.
3. Léelos en orden.
4. Comprueba si cuentan por sí solos la estructura de la página.

Por ejemplo:

H1 Qué es un lead

H2 Qué significa lead
H2 Cómo se genera un lead
H2 Qué es un lead cualificado
H2 Qué es un MQL
H2 Qué es un SQL
H2 Cómo medir los leads

Sin leer los párrafos ya podemos comprender qué pretende explicar el artículo.

Esa es una buena señal.

Cuál es una buena estructura de headings

No existe un número ideal de H2 o H3.

Una página corta puede necesitar únicamente:

H1
H2
H2
H2

Una guía extensa podría necesitar:

H1
H2
    H3
    H3
H2
H2
    H3
        H4
H2

La profundidad debería depender de la complejidad real del contenido.

El objetivo no es alcanzar una cantidad concreta de headings, sino utilizar cada encabezado para representar correctamente la relación entre temas y subtemas.

Una buena estructura consigue que usuarios, tecnologías de asistencia y sistemas que procesan el documento puedan reconocer rápidamente cuál es el tema principal y cómo está organizada la información que lo desarrolla.

Convierte lo que aprendes en el siguiente paso de tu negocio

Explora nuestros servicios o cuéntanos qué necesitas mejorar.

• SEO en Colombia
• Google Ads
• Meta Ads
• Redes sociales
• Diseño web

Hablemos de tu proyecto →

Preguntas frecuentes sobre headings

Qué es un heading en HTML

Un heading es un encabezado que representa el título de una página o sección. HTML dispone de seis niveles, desde H1 hasta H6.

Qué significa H1

H1 es el encabezado de nivel más alto y normalmente se utiliza para identificar el tema principal de una página.

Cuál es la diferencia entre H1 H2 y H3

H1 suele representar el tema principal, H2 divide el contenido en grandes secciones y H3 crea subsecciones dentro de un H2.

Cuántos H1 debe tener una página

Como práctica general conviene utilizar un único H1 claramente identificable como título principal, aunque la existencia de más de uno no debe interpretarse automáticamente como una penalización SEO.

Se pueden saltar niveles de encabezado

Conviene evitar saltos innecesarios al crear subsecciones porque una secuencia lógica facilita la comprensión y la navegación mediante tecnologías de asistencia.

H1 y title son lo mismo

No. El title pertenece a los metadatos del documento, mientras el H1 es normalmente el encabezado principal visible dentro de la página.

Heading y header son lo mismo

No. Heading hace referencia a elementos H1 a H6. Header es un elemento HTML utilizado para agrupar contenido introductorio o de navegación.

Los headings ayudan al SEO

Ayudan a organizar y describir la estructura del contenido, pero no deberían utilizarse para repetir palabras clave ni considerarse una fórmula independiente para mejorar posiciones.

Hay que incluir keywords en todos los H2

No. Los encabezados deberían describir cada sección de forma natural. Una keyword puede aparecer cuando realmente ayuda a explicar el tema.

Los headings son importantes para accesibilidad

Sí. Los lectores de pantalla y otras tecnologías de asistencia pueden utilizarlos para comprender la estructura y navegar entre secciones.

Se puede usar un H3 directamente después de un H1

Puede existir técnicamente, pero si ese H3 representa una subsección directa del contenido principal normalmente sería más coherente utilizar un H2.

Cuántos H2 debe tener una página

No existe un número ideal. Deben existir tantos como sean necesarios para dividir naturalmente los grandes temas tratados en la página.