En esta lección tratamos las etiquetas de encabezado de HTML, de <h1> a <h6>. Los encabezados juegan un papel crítico tanto en la jerarquía visual como en el SEO.
Nota de 2026: este artículo se escribió en 2014. El funcionamiento de las etiquetas de encabezado no ha cambiado. Única actualización: en 2026 Google interpreta la jerarquía de encabezados con menos rigidez (se toleran varios h1), pero una jerarquía correcta sigue siendo la mejor práctica.
Los seis niveles de encabezado
<h1>Título principal de la página (el más grande)</h1>
<h2>Títulos de las secciones principales</h2>
<h3>Subsecciones</h3>
<h4>Nivel inferior</h4>
<h5>Se usa poco</h5>
<h6>El más pequeño (muy raro)</h6>La jerarquía correcta para el SEO
- Cada página debe tener un solo <h1> (el título principal de la página).
- Las secciones se etiquetan con <h2>.
- Dentro de un <h2>, las subsecciones llevan <h3> — no saltes niveles (no pases de <h2> directamente a <h4>).
- Incluye las palabras clave objetivo en los encabezados, pero que suene natural.
- No uses encabezados con fines puramente estilísticos (solo para tener letra grande) — para eso está el CSS.
Ejemplo práctico
<h1>¿Cómo comprar un dominio en Turquía?</h1>
<h2>1. Elegir el proveedor adecuado</h2>
<h3>Nacional vs internacional</h3>
<h3>Comparativa de precios</h3>
<h2>2. Buscar el nombre de dominio</h2>
<h2>3. Pasos de la compra</h2>Nota de 2026 — Accesibilidad (a11y)
Los usuarios de lectores de pantalla navegan entre encabezados con la tecla H. Una jerarquía correcta no es solo cuestión de SEO: es imprescindible para que tu sitio sea usable por personas con discapacidad visual.
