Las etiquetas H1, H2 y H3 son elementos HTML fundamentales para estructurar el contenido web y mejorar el posicionamiento SEO. Funcionan como un índice jerárquico que ayuda tanto a los motores de búsqueda como a los usuarios a entender la organización y el tema principal de cada página.
En esta guía verás qué es cada etiqueta, cómo utilizarlas correctamente, ejemplos de código y los errores más comunes que debes evitar para optimizar tu SEO on-page.
¿Qué son las etiquetas H1, H2 y H3?
Las etiquetas de encabezado (headings) son elementos HTML que marcan los títulos y subtítulos de una página web. Van desde H1 (la más importante) hasta H6 (la menos importante), aunque en SEO nos centramos principalmente en H1, H2 y H3.
Su función principal es doble: estructurar el contenido visualmente para los usuarios y comunicar a Google la jerarquía temática de la página. Una buena estructura de encabezados mejora la experiencia de usuario, reduce la tasa de rebote y facilita la indexación en buscadores.
Por qué son importantes para SEO
Las etiquetas de encabezado indican a Google:
- Cuál es el tema principal de la página (H1)
- Cómo se organiza el contenido (H2)
- Qué subtemas se tratan en profundidad (H3)
Además, incluir palabras clave relevantes en los encabezados refuerza la intención de búsqueda y aumenta las posibilidades de posicionar para términos relacionados.
Etiqueta H1: El título principal de la página
Qué es la etiqueta H1
El H1 es el título principal del contenido. Debe resumir en una frase de qué trata la página y contener la palabra clave principal por la que quieres posicionar. Es la etiqueta de encabezado más importante para SEO.
Cómo usar la etiqueta H1 correctamente
Reglas básicas del H1:
Solo un H1 por página. Cada página debe tener un único H1 que identifique el tema principal del contenido.
Incluye la palabra clave principal. Coloca tu keyword objetivo de forma natural al inicio del H1 siempre que sea posible.
Hazlo único y descriptivo. Cada página de tu web debe tener un H1 diferente que describa específicamente su contenido.
Sitúalo al inicio de la página. El H1 debe aparecer en la parte superior del contenido, donde tanto usuarios como buscadores esperan encontrarlo.
Diferéncialo del título SEO (meta title). El H1 puede coincidir con el meta title, pero no es obligatorio. El meta title aparece en los resultados de búsqueda y puede ser más persuasivo, mientras que el H1 se optimiza para SEO dentro de la página.
Ejemplo de código H1
html
<!-- Ejemplo correcto -->
<h1>Etiquetas H1, H2 y H3: Qué Son y Cómo Usarlas en SEO</h1>
<!-- Ejemplo incorrecto: demasiado genérico -->
<h1>Bienvenido a mi blog</h1>
<!-- Ejemplo incorrecto: múltiples H1 en una página -->
<h1>Título del artículo 1</h1>
<h1>Título del artículo 2</h1>Errores comunes con el H1
Usar el mismo H1 en todas las páginas. Colocar el nombre de la empresa como H1 en todo el sitio web diluye la relevancia de cada página.
Múltiples H1 en una misma página. Aunque técnicamente HTML5 lo permite con secciones, para SEO es mejor mantener un único H1 por página.
H1 demasiado largo. Los títulos excesivamente largos pierden fuerza. Mantén el H1 entre 20-70 caracteres para máxima efectividad.
Usar imágenes en lugar de texto. Google no puede leer texto dentro de imágenes. Si usas una imagen como H1, asegúrate de incluir el atributo alt, aunque lo ideal es siempre usar texto HTML.
Etiqueta H2: Subtítulos principales
Qué es la etiqueta H2
Las etiquetas H2 son los subtítulos principales que dividen el contenido en secciones temáticas. Cada H2 debe desarrollar un aspecto del tema principal indicado en el H1.
Cómo usar la etiqueta H2
Puedes usar varios H2 en una página. A diferencia del H1, es normal y recomendable tener múltiples H2 que estructuren el contenido en apartados lógicos.
Incluye palabras clave relacionadas. Usa sinónimos, variaciones long-tail y términos semánticos relacionados con tu keyword principal.
Mantén coherencia temática. Todos los H2 deben estar relacionados con el tema principal del H1. No incluyas secciones que se desvíen del objetivo de la página.
Facilita el escaneo visual. Los H2 permiten a los usuarios entender rápidamente de qué trata cada sección sin leer todo el contenido.
Ejemplo de código H2
html
<h1>Etiquetas H1, H2 y H3: Guía Completa SEO</h1>
<h2>¿Qué son las etiquetas de encabezado?</h2>
<p>Contenido explicativo...</p>
<h2>Etiqueta H1: El título principal</h2>
<p>Contenido sobre H1...</p>
<h2>Etiqueta H2: Subtítulos principales</h2>
<p>Contenido sobre H2...</p>
<h2>Buenas prácticas SEO con encabezados</h2>
<p>Contenido sobre buenas prácticas...</p>Cuántos H2 usar
No existe un número fijo, pero lo recomendable es usar entre 3 y 8 H2 por página. El contenido y la extensión del texto deben marcar la necesidad de más o menos subtítulos. Un artículo corto puede tener solo 2-3 H2, mientras que una guía extensa puede necesitar 10 o más.
Etiqueta H3: Subsecciones y detalles
Qué es la etiqueta H3
Las etiquetas H3 son subtítulos de tercer nivel que se utilizan para dividir el contenido dentro de una sección H2. Aportan un nivel adicional de organización y profundidad temática.
Cuándo usar H3
Cuando necesitas desglosar una sección H2. Si un apartado H2 es muy extenso o abarca varios puntos, usa H3 para organizarlo mejor.
Para crear listas estructuradas. Los H3 son ideales para enumerar características, pasos de un proceso o elementos de una categoría.
Sin abusar de su uso. No todos los H2 necesitan H3. Úsalos solo cuando realmente aporten claridad y estructura al contenido.
Ejemplo de código H3
html
<h1>Guía de Marketing Digital para Principiantes</h1>
<h2>SEO: Optimización en Motores de Búsqueda</h2>
<p>Introducción al SEO...</p>
<h3>SEO On-Page</h3>
<p>Contenido sobre optimización interna...</p>
<h3>SEO Off-Page</h3>
<p>Contenido sobre enlaces externos...</p>
<h3>SEO Técnico</h3>
<p>Contenido sobre aspectos técnicos...</p>
<h2>SEM: Publicidad en Buscadores</h2>
<p>Introducción al SEM...</p>Impacto SEO de los H3
Las etiquetas H3 tienen menor peso SEO que H1 y H2, pero siguen siendo útiles para la estructura semántica del contenido. Google las utiliza para entender mejor la profundidad y organización temática de la página, lo que puede influir indirectamente en el posicionamiento al mejorar la experiencia de usuario.
Jerarquía correcta de encabezados
La estructura jerárquica de los encabezados debe seguir un orden lógico y coherente, sin saltos de nivel. Piensa en ellos como el índice de un libro: primero va el título principal, luego los capítulos y después las secciones dentro de cada capítulo.
Estructura correcta
html
<h1>Título principal de la página</h1>
<h2>Primera sección principal</h2>
<p>Contenido de la sección...</p>
<h3>Subsección de la primera sección</h3>
<p>Contenido de la subsección...</p>
<h3>Otra subsección de la primera sección</h3>
<p>Contenido de la subsección...</p>
<h2>Segunda sección principal</h2>
<p>Contenido de la sección...</p>
<h3>Subsección de la segunda sección</h3>
<p>Contenido de la subsección...</p>
<h2>Tercera sección principal</h2>
<p>Contenido de la sección...</p>Representación visual de la jerarquía:
H1: Título principal
├── H2: Primera sección
│ ├── H3: Subsección A
│ └── H3: Subsección B
├── H2: Segunda sección
│ ├── H3: Subsección C
│ └── H3: Subsección D
└── H2: Tercera sección
└── H3: Subsección EErrores de jerarquía
Saltar niveles de encabezado. Pasar directamente de H1 a H3 sin H2 intermedio confunde tanto a usuarios como a buscadores.
html
<!-- INCORRECTO -->
<h1>Título principal</h1>
<h3>Subtítulo</h3> <!-- Falta el H2 -->Usar encabezados por estilo visual. No uses H3 solo porque te gusta su tamaño de fuente. Usa CSS para modificar el diseño, no la jerarquía HTML.
Invertir el orden lógico. No coloques un H2 antes del H1 o un H3 antes de su H2 correspondiente.
Buenas prácticas SEO con H1, H2 y H3
Para maximizar el impacto SEO de tus etiquetas de encabezado, sigue estas recomendaciones probadas:
Incluye palabras clave de forma natural. En el H1 coloca tu keyword principal, en los H2 usa variaciones y términos relacionados, y en los H3 emplea keywords long-tail o semánticas. Evita el keyword stuffing: la naturalidad es clave.
Mantén los encabezados concisos y descriptivos. Los títulos cortos son más efectivos. El H1 debería tener entre 20-70 caracteres, los H2 entre 30-60 caracteres y los H3 pueden ser ligeramente más largos si es necesario.
Respeta la intención de búsqueda. Tus encabezados deben reflejar lo que los usuarios esperan encontrar al buscar esa keyword. Analiza los resultados de la primera página de Google para entender qué tipo de contenido están priorizando.
Facilita el escaneo del contenido. Los usuarios leen en forma de F. Usa encabezados que permitan comprender la estructura del artículo con solo echarles un vistazo rápido.
Optimiza también para featured snippets. Estructurar el contenido con preguntas en H2 o H3 (estilo FAQ) aumenta las posibilidades de aparecer en fragmentos destacados de Google.
Usa cada encabezado una sola vez. Evita repetir el mismo texto en varios H2 o H3 de la misma página. Cada encabezado debe aportar información única.
Aplica formato consistente. Decide un estilo de capitalización (mayúsculas solo en la primera letra, Title Case, etc.) y mantenlo en todos los encabezados para dar coherencia profesional.
Errores comunes al usar etiquetas de encabezado
Estos son los fallos más frecuentes que perjudican el SEO de una web:
Usar múltiples H1 en páginas de listado. En blogs que muestran varios posts, cada título de artículo debe ser H2 en el listado, reservando el H1 para cuando el usuario accede al artículo completo.
Rellenar encabezados con palabras clave. Títulos como “SEO SEO: Mejora tu SEO con técnicas SEO” son contraproducentes. Google penaliza el sobreuso de keywords.
Usar encabezados para elementos decorativos. Secciones como “Últimas noticias”, “Síguenos en redes sociales” o “Newsletter” no deben ser H2 o H3 si son elementos repetidos en todas las páginas. Usa divs con estilos CSS.
No incluir encabezados en el contenido. Un texto largo sin H2 ni H3 es difícil de leer y Google no puede entender su estructura. Siempre divide el contenido en secciones lógicas.
Desconexión entre H1 y contenido. Si el H1 promete una cosa y el contenido trata otra, aumentará la tasa de rebote y Google lo interpretará como mala experiencia de usuario.
Encabezados vacios o genéricos. Títulos como “Introducción”, “Conclusión” o “Más información” no aportan valor SEO. Sé específico sobre qué contiene cada sección.
Preguntas frecuentes sobre etiquetas H1, H2 y H3
¿Cuántos H1 debe tener una página?
Una página debe tener un único H1 que identifique el tema principal del contenido. Aunque HTML5 técnicamente permite múltiples H1 dentro de diferentes secciones, para SEO es mejor mantener solo uno por página para evitar confusión en los motores de búsqueda.
¿Puedo saltar de H1 a H3 sin usar H2?
No es recomendable. Saltar niveles de encabezado rompe la jerarquía lógica del contenido y puede confundir a lectores de pantalla y buscadores. Siempre sigue el orden H1 → H2 → H3 → H4, sin omitir niveles intermedios.
¿El H1 debe ser igual al título SEO (meta title)?
No necesariamente. El H1 aparece dentro del contenido de la página, mientras que el meta title aparece en los resultados de búsqueda. Pueden ser iguales, pero a menudo es mejor optimizar el H1 para SEO con la keyword principal y hacer el meta title más persuasivo para aumentar el CTR.
¿Los H2 y H3 afectan al posicionamiento?
Sí, aunque con menor peso que el H1. Los H2 ayudan a Google a entender los subtemas de la página y pueden posicionar para keywords relacionadas. Los H3 tienen impacto menor pero mejoran la experiencia de usuario y la estructura semántica, lo que indirectamente beneficia el SEO.
¿Debo incluir keywords en todos los encabezados?
No necesariamente en todos, pero sí en los principales. El H1 debe incluir la keyword principal, los H2 deberían contener variaciones o términos relacionados, y los H3 pueden ser más descriptivos. Lo importante es mantener la naturalidad y no forzar las keywords.
¿Qué pasa si mi CMS genera H1 automáticamente?
La mayoría de CMS como WordPress generan el H1 automáticamente desde el título del post o página. Verifica que tu tema no esté duplicando H1 o usando el nombre del sitio como H1 en todas las páginas. Si es así, deberás ajustar la configuración del tema o usar código personalizado.
Tabla comparativa: H1 vs H2 vs H3
| Característica | H1 | H2 | H3 |
|---|---|---|---|
| Función | Título principal de la página | Subtítulos de secciones principales | Subsecciones dentro de H2 |
| Cantidad por página | 1 únicamente | 3-8 recomendado | Sin límite específico |
| Palabra clave | Keyword principal | Variaciones y términos relacionados | Keywords long-tail o semánticas |
| Importancia SEO | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐ |
| Posición ideal | Inicio del contenido | A lo largo del contenido | Dentro de secciones H2 |
| Longitud recomendada | 20-70 caracteres | 30-60 caracteres | 30-70 caracteres |
Conclusión: estructura tu contenido para ganar en SEO
Las etiquetas H1, H2 y H3 son la columna vertebral de cualquier estrategia SEO on-page exitosa. No son simples elementos decorativos, sino herramientas fundamentales para comunicar a Google y a los usuarios la estructura, jerarquía y relevancia de tu contenido.
Una página bien estructurada con encabezados correctos mejora el posicionamiento, aumenta el tiempo de permanencia, reduce la tasa de rebote y facilita que Google entienda exactamente de qué trata tu contenido y para qué búsquedas debe mostrarlo.
Implementa estas buenas prácticas en tu próxima página y observa cómo la estructura inteligente de encabezados se traduce en mejores resultados SEO y una experiencia de usuario superior.
Si necesitas ayuda profesional para optimizar la estructura SEO de tu web corporativa, en Esquío contamos con la experiencia y metodología para llevar tu proyecto al siguiente nivel.
