Las etiquetas Hn (H1, H2, H3)

Las etiquetas Hn (H1, H2, H3...) ofrecen al motor y a la IA un esquema jerárquico de su contenido, independiente de su formato visual. Una jerarquía limpia facilita la comprensión global de la página y su división en bloques utilizables.

La jerarquía semántica correcta

Las etiquetas de encabezado forman un árbol lógico: el H1 es el título principal de la página, los H2 son sus secciones principales, los H3 son subsecciones de esos H2, y así sucesivamente. No es una herramienta de formato (agrandar un texto), sino una herramienta de estructuración del significado.

<h1>Guía completa de la facturación electrónica</h1>
  <h2>Por qué la facturación electrónica se está volviendo obligatoria</h2>
  <h2>Los formatos de archivo aceptados</h2>
    <h3>Formato Factur-X</h3>
    <h3>Formato UBL</h3>
  <h2>Cómo elegir su plataforma de desmaterialización</h2>

Saltarse un nivel (pasar de un H1 directamente a un H3, por ejemplo) rompe esta lógica y dificulta que una máquina entienda en qué nivel de detalle se sitúa un pasaje determinado.

Un único H1 por página

La regla más sencilla de recordar: una página debe tener un único H1, que resuma el tema central de la página, generalmente cercano, pero no necesariamente idéntico, al contenido de la etiqueta Title. Varios H1 en una misma página (frecuente con ciertos temas o creadores visuales, o con ciertos componentes de maquetación reutilizados sin pensarlo) diluyen la señal enviada sobre el tema principal.

El H1 y el title pueden diferir ligeramente en su formulación: el title suele optimizarse para la visualización en los resultados de búsqueda (con el nombre de la marca, por ejemplo), mientras que el H1 puede centrarse únicamente en el tema, sin elemento de marca. Esta diferencia es normal y no supone ningún problema, siempre que ambos textos describan el mismo tema central sin contradecirse.

Estructurar en preguntas para facilitar el chunking

Un LLM divide el contenido de una página en bloques (chunks) para indexarlo o extraer de él una respuesta, un mecanismo detallado en la lección sobre el chunking. Formular sus H2 y H3 en forma de preguntas concretas aumenta la probabilidad de que un bloque entero responda de forma autónoma a una consulta del usuario, sin depender del contexto de los párrafos vecinos.

Antes: Ventajas Después: ¿Cuáles son las ventajas de la facturación electrónica para una pyme?

Antes: Implementación Después: ¿Cómo implantar la facturación electrónica en 3 pasos?

Un H2 formulado como pregunta, seguido de una respuesta directa en las primeras frases del párrafo, corresponde exactamente al formato que una IA busca extraer para construir su propia respuesta. Esta lógica no se aplica de manera uniforme a todos los H2 de una página: el sumario de un artículo puede legítimamente mezclar títulos afirmativos («Definición y desafíos») y títulos interrogativos («¿Cuánto cuesta la implementación?»), siempre que cada sección, tomada de forma aislada, siga siendo comprensible sin depender del párrafo anterior.

Errores frecuentes

• Usar los Hn únicamente por su aspecto visual (una etiqueta <h3> elegida porque «tiene el tamaño adecuado»), ignorando la jerarquía lógica.
• Poner el nombre de la empresa o un eslogan en el H1 en lugar del tema real de la página.
• Multiplicar los niveles de encabezado en un contenido corto, lo que fragmenta innecesariamente la información y perjudica la legibilidad de conjunto.
• Dejar que un tema o un plugin genere automáticamente H2 vacíos o redundantes (por ejemplo, «Sumario», «Introducción» sin contenido real debajo).
• Formular dos H2 casi idénticos en una misma página («Nuestras ventajas» y «Nuestros puntos fuertes»), lo que confunde la distinción entre secciones para un lector automático.
• Insertar palabras clave en los Hn de forma artificial, en detrimento de la legibilidad para un lector humano: la lógica de estructuración nunca debe primar sobre la claridad de la frase.

Verificar la jerarquía de sus páginas

Un rápido vistazo al inspector del navegador (o una herramienta que liste las etiquetas Hn de una página) basta para detectar incoherencias: varios H1, saltos de nivel o encabezados vacíos. Corregir esta estructura generalmente no requiere ningún cambio visual si su CSS ya está desacoplado del HTML semántico; consulte la lección sobre el HTML5 semántico para profundizar en ese desacoplamiento.

La longitud y el contenido de un buen H2

Un H2 demasiado corto («Ventajas», «FAQ», «Precios») funciona como referencia visual para un humano que escanea la página, pero transmite poca información a una máquina que debe juzgar, sin contexto, la relevancia del bloque que sigue. A la inversa, un H2 demasiado largo (una frase entera de 20 palabras) pierde legibilidad y capacidad de escaneo para el lector humano. El equilibrio recomendado se sitúa generalmente entre 5 y 12 palabras, suficiente para plantear una pregunta o una afirmación completa, sin convertirse en un párrafo disfrazado.

Otro hábito útil: releer únicamente la lista de sus H2 y H3, sin el cuerpo del texto, como haría una herramienta que construye un sumario automático. Si esta lista por sí sola permite adivinar el contenido de la página con un buen nivel de precisión, la jerarquía cumple su función. Si solo forma una sucesión de palabras vagas, es señal de que hay que retrabajarla.