Headers y estructura de contenido
Organiza tu contenido con headers efectivos.
La estructura de headers es como el esqueleto de tu contenido. Define la jerarquía de información, ayuda a Google a entender tu página y permite a los usuarios escanear rápidamente para encontrar lo que buscan.
Por qué la estructura de headers importa
Para Google
Google usa los headers para:
- Entender de qué trata cada sección
- Identificar los temas principales y secundarios
- Determinar la relevancia para diferentes búsquedas
- Generar featured snippets (fragmentos destacados)
Para los usuarios
El 79% de los usuarios escanean el contenido antes de leer. Los headers permiten:
- Navegación rápida por el contenido
- Decidir si vale la pena leer una sección
- Volver a encontrar información específica
- Entender la estructura general sin leer todo
Para accesibilidad
Los lectores de pantalla usan headers para navegar. Una estructura correcta es esencial para usuarios con discapacidad visual.
Jerarquía de headers: H1 a H6
Estructura correcta
H1: Título principal (uno solo por página)
├── H2: Sección principal 1
│ ├── H3: Subsección 1.1
│ ├── H3: Subsección 1.2
│ │ ├── H4: Detalle 1.2.1
│ │ └── H4: Detalle 1.2.2
│ └── H3: Subsección 1.3
├── H2: Sección principal 2
│ ├── H3: Subsección 2.1
│ └── H3: Subsección 2.2
└── H2: Conclusión
Reglas fundamentales
| Regla | Correcto | Incorrecto |
|---|---|---|
| Un solo H1 por página | ✓ Un H1 | ✗ Múltiples H1 |
| No saltar niveles | ✓ H2 → H3 → H4 | ✗ H2 → H4 (salta H3) |
| Jerarquía lógica | ✓ H3 dentro de H2 | ✗ H2 después de H3 |
| H1 refleja el contenido | ✓ H1 = tema principal | ✗ H1 = nombre de empresa |
El H1: Tu título más importante
Características del H1 perfecto
1. Único por página
✓ <h1>Guía Completa de SEO On-Page</h1>
✗ <h1>Guía de SEO</h1>
<h1>Todo sobre SEO On-Page</h1>
2. Incluye la keyword principal
✓ <h1>SEO On-Page: 15 Técnicas que Realmente Funcionan</h1>
✗ <h1>Técnicas que Mejorarán tu Posicionamiento</h1>
3. Describe el contenido exacto de la página
✓ <h1>Cómo Instalar Google Analytics 4 Paso a Paso</h1>
✗ <h1>Google Analytics</h1>
4. Diferente al meta title (puede tener variación)
Meta Title: SEO On-Page: 15 Técnicas Probadas 2026 | Tooldata
H1: Guía de SEO On-Page: 15 Técnicas que Triplican tu Tráfico
Errores comunes con H1
<!-- Error: H1 como logo/nombre de empresa -->
✗ <h1><img src="logo.png" alt="Mi Empresa"></h1>
<!-- Error: H1 vacío o solo decorativo -->
✗ <h1></h1>
✗ <h1>***</h1>
<!-- Error: H1 demasiado genérico -->
✗ <h1>Bienvenido</h1>
✗ <h1>Inicio</h1>
<!-- Error: Keyword stuffing en H1 -->
✗ <h1>SEO, Posicionamiento SEO, Servicios SEO, Agencia SEO México</h1>
H2: Tus secciones principales
Los H2 dividen tu contenido en secciones principales. Son los que aparecen en el índice de contenido.
Mejores prácticas para H2
1. Usar variaciones de keywords (LSI)
<h1>Guía de Email Marketing</h1>
<h2>Qué es el Email Marketing y Por Qué Importa</h2>
<h2>Cómo Crear tu Primera Campaña de Emails</h2>
<h2>Automatización de Email Marketing</h2>
<h2>Métricas de Email Marketing que Debes Medir</h2>
<h2>Herramientas de Email Marketing Recomendadas</h2>
2. Que sean descriptivos y específicos
✓ <h2>5 Errores de Email Marketing que Reducen tu Tasa de Apertura</h2>
✗ <h2>Errores Comunes</h2>
3. Crear expectativa sobre el contenido
✓ <h2>Por Qué el 60% de los Emails Terminan en Spam (y Cómo Evitarlo)</h2>
✗ <h2>Sobre el Spam</h2>
Estructura de H2 para diferentes tipos de contenido
Artículo tipo "Cómo hacer":
<h1>Cómo Crear una Estrategia de Content Marketing</h1>
<h2>Qué es Content Marketing y Por Qué lo Necesitas</h2>
<h2>Paso 1: Define tu Audiencia Objetivo</h2>
<h2>Paso 2: Investiga Keywords y Temas</h2>
<h2>Paso 3: Crea tu Calendario Editorial</h2>
<h2>Paso 4: Produce Contenido de Calidad</h2>
<h2>Paso 5: Distribuye y Promociona</h2>
<h2>Errores que Debes Evitar</h2>
<h2>Conclusión y Siguientes Pasos</h2>
Artículo tipo "Lista":
<h1>10 Herramientas de SEO Gratuitas</h1>
<h2>1. Google Search Console</h2>
<h2>2. Google Analytics 4</h2>
<h2>3. Ubersuggest (Versión Gratuita)</h2>
<!-- ... más herramientas ... -->
<h2>10. Screaming Frog (500 URLs Gratis)</h2>
<h2>Cómo Elegir la Herramienta Correcta</h2>
Artículo tipo "Comparativa":
<h1>Semrush vs Ahrefs: Comparativa Completa 2026</h1>
<h2>Resumen Rápido: ¿Cuál Elegir?</h2>
<h2>Comparativa de Funcionalidades</h2>
<h2>Análisis de Keywords</h2>
<h2>Investigación de Backlinks</h2>
<h2>Auditoría de Sitio</h2>
<h2>Precios y Planes</h2>
<h2>Veredicto Final</h2>
H3 y H4: Subsecciones y detalles
Cuándo usar H3
Usa H3 cuando una sección H2 necesita subdivisiones:
<h2>Tipos de Keywords para tu Estrategia SEO</h2>
<h3>Keywords Informativas</h3>
<p>Contenido sobre keywords informativas...</p>
<h3>Keywords Navegacionales</h3>
<p>Contenido sobre keywords navegacionales...</p>
<h3>Keywords Transaccionales</h3>
<p>Contenido sobre keywords transaccionales...</p>
<h3>Keywords Comerciales</h3>
<p>Contenido sobre keywords comerciales...</p>
Cuándo usar H4
Usa H4 para detalles específicos dentro de H3:
<h2>Cómo Hacer Keyword Research</h2>
<h3>Herramientas Gratuitas</h3>
<h4>Google Keyword Planner</h4>
<p>Cómo usar Keyword Planner...</p>
<h4>Ubersuggest</h4>
<p>Cómo usar Ubersuggest...</p>
<h3>Herramientas de Pago</h3>
<h4>Semrush</h4>
<p>Cómo usar Semrush...</p>
<h4>Ahrefs</h4>
<p>Cómo usar Ahrefs...</p>
H5 y H6: Úsalos con precaución
Rara vez necesitas H5 o H6. Si tu contenido requiere tantos niveles, considera:
- Dividir en múltiples páginas
- Simplificar la estructura
- Usar listas en lugar de más headers
Optimización de headers para featured snippets
Google extrae headers para crear featured snippets. Optimiza para esto:
Para snippets de lista
<h2>Pasos para Configurar Google Analytics 4</h2>
<h3>1. Crea una Cuenta de Google Analytics</h3>
<h3>2. Configura una Propiedad GA4</h3>
<h3>3. Instala el Código de Seguimiento</h3>
<h3>4. Verifica la Instalación</h3>
<h3>5. Configura Eventos Básicos</h3>
Para snippets de definición
<h2>Qué es el SEO On-Page</h2>
<p>El SEO On-Page es el conjunto de técnicas de optimización que se aplican directamente en las páginas de un sitio web para mejorar su posicionamiento en buscadores. Incluye la optimización de contenido, meta tags, URLs, imágenes y estructura interna.</p>
Para snippets de tabla
<h2>Comparativa de Herramientas SEO</h2>
<table>
<tr>
<th>Herramienta</th>
<th>Precio</th>
<th>Mejor para</th>
</tr>
<!-- contenido de tabla -->
</table>
Usando IA para estructurar contenido
Prompt para crear estructura de headers
Actúa como un especialista en SEO y arquitectura de contenido.
Crea una estructura de headers (H1 a H4) para un artículo sobre:
- Tema: [tu tema]
- Keyword principal: [keyword]
- Intención de búsqueda: [informativa/transaccional/etc.]
- Longitud objetivo: [número de palabras]
Requisitos:
- Un solo H1 que incluya la keyword principal
- 5-8 secciones H2 que cubran el tema completamente
- H3 donde sea necesario para subdividir
- Cada header debe ser descriptivo y específico
- Incluir variaciones de la keyword (LSI)
- Estructura lógica que fluya naturalmente
Formato de salida:
H1: [título]
H2: [sección 1]
H3: [subsección si aplica]
H2: [sección 2]
...
Prompt para evaluar estructura existente
Analiza esta estructura de headers y sugiere mejoras:
[pega tu estructura actual]
Evalúa:
1. ¿El H1 incluye la keyword y es único?
2. ¿Los H2 cubren el tema completamente?
3. ¿La jerarquía es correcta (no salta niveles)?
4. ¿Los headers son descriptivos o genéricos?
5. ¿Hay oportunidades para featured snippets?
Proporciona una versión mejorada con explicaciones.
Código HTML correcto para headers
<!DOCTYPE html>
<html lang="es">
<head>
<title>Guía de SEO On-Page: 15 Técnicas Probadas 2026 | Tooldata</title>
</head>
<body>
<article>
<!-- H1: Único, con keyword -->
<h1>Guía de SEO On-Page: 15 Técnicas que Triplican tu Tráfico</h1>
<p>Introducción del artículo...</p>
<!-- H2: Secciones principales -->
<h2>Qué es el SEO On-Page y Por Qué Importa en 2026</h2>
<p>Contenido de la sección...</p>
<h2>Los 15 Factores de SEO On-Page Más Importantes</h2>
<!-- H3: Subsecciones -->
<h3>1. Optimización de Meta Title</h3>
<p>Contenido...</p>
<h3>2. Meta Description Efectiva</h3>
<p>Contenido...</p>
<!-- H4 si necesitas más detalle -->
<h3>3. Estructura de URLs</h3>
<h4>URLs para Páginas de Producto</h4>
<p>Contenido específico...</p>
<h4>URLs para Artículos de Blog</h4>
<p>Contenido específico...</p>
<h2>Errores Comunes que Debes Evitar</h2>
<p>Contenido...</p>
<h2>Conclusión y Próximos Pasos</h2>
<p>Contenido...</p>
</article>
</body>
</html>
Checklist de estructura de headers
Antes de publicar, verifica:
- Solo hay un H1 en la página
- El H1 incluye la keyword principal
- Los H2 cubren todos los aspectos importantes del tema
- No hay saltos de nivel (H2 → H3 → H4, no H2 → H4)
- Cada header es descriptivo, no genérico
- Los headers incluyen variaciones de keywords
- La estructura permite escaneo rápido del contenido
- Hay potencial para featured snippets en al menos una sección
- Los headers forman un "resumen" lógico del artículo
Ejercicio práctico
Analiza y mejora esta estructura deficiente:
<h1>Marketing</h1>
<h3>Introducción</h3>
<h2>Qué es</h2>
<h4>Tipos</h4>
<h2>Cosas importantes</h2>
<h1>Herramientas</h1>
<h2>Conclusión</h2>
Problemas a identificar:
- ¿Cuántos H1 hay y es correcto?
- ¿Se respeta la jerarquía?
- ¿Los headers son descriptivos?
- ¿Qué headers son demasiado genéricos?
Puntos clave de esta lección
- Solo un H1 por página, con la keyword principal
- Los H2 son tus secciones principales y deben ser descriptivos
- Nunca saltes niveles de jerarquía (H2 → H4)
- Los headers deben funcionar como un "índice" del contenido
- Optimiza headers para featured snippets con estructura clara
- La IA puede ayudarte a crear y evaluar estructuras
- Una buena estructura mejora SEO, UX y accesibilidad
Próxima lección
Aprenderás sobre Schema markup con ayuda de IA - cómo implementar datos estructurados para que Google muestre rich snippets con estrellas, precios, FAQs y más.
Quiz de comprensión
- ¿Por qué solo debe haber un H1 por página?
- ¿Qué significa "no saltar niveles" en la jerarquía de headers?
- ¿Cómo ayudan los headers a Google a crear featured snippets?
- ¿Cuál es la diferencia entre el H1 y el meta title?
¿Completaste esta lección?
Marca esta lección como completada. Tu progreso se guardará en tu navegador.