Encabezados H1, H2 y H3: cómo estructurar tu página

Por qué importa

Una buena estructura ayuda a que la gente encuentre lo que busca de un vistazo y a que los buscadores entiendan de qué trata cada parte de la página. Google ha explicado que usa los encabezados para entender mejor el contenido, aunque ponerlos no basta por sí solo para posicionar.

También son clave para la accesibilidad: muchas personas que usan lector de pantalla saltan de encabezado en encabezado para moverse por la página, y si faltan o los niveles están desordenados, se pierden.

Cómo lo comprueba Posiciona

Contamos los encabezados de H1 a H6 del HTML, también los que estén ocultos en menús o ventanas emergentes. Si no hay ningún H1, la puntuación es 20; si hay más de uno, 60. Además, si se salta un nivel (por ejemplo, hay H1 y H3 pero ningún H2), la puntuación queda como máximo en 70. Con un solo H1 y sin saltos, 100. Te mostramos el recuento por nivel y el texto de los H1 encontrados.

En la nota de SEO esta comprobación cuenta como “importante” (peso 3 de 5).

Cómo solucionarlo

Pon un único H1 por página que diga claramente de qué trata, con las palabras que usaría tu cliente: el nombre del producto, de la categoría o el título del artículo.
Divide el contenido en secciones con H2 y, dentro de ellas, usa H3 si hace falta. No te saltes niveles: después de un H1 va un H2, no un H3.
Elige el nivel por la estructura, no por el tamaño de letra. Si quieres un texto más grande o más pequeño, cámbialo con estilos (CSS), no usando otro encabezado.
No uses encabezados para dar formato a textos que no son títulos, como avisos de envío, precios o eslóganes del pie de página.
Busca H1 ocultos: logotipos, menús para móvil o ventanas emergentes a veces llevan un H1 que no se ve, pero cuenta.
Revisa el resultado con una extensión de navegador que muestre el esquema de encabezados, como HeadingsMap, o con el recuento por nivel de tu informe de Posiciona.

Estructura correctaHTML

<h1>Zapatillas de trail para mujer</h1>
  <h2>Cómo elegir tu talla</h2>
    <h3>Si tienes el pie ancho</h3>
  <h2>Envíos y devoluciones</h2>

En WordPress

En casi todos los temas, el título de la entrada o página ya se muestra como H1: dentro del contenido, empieza por H2. El nivel de cada bloque “Encabezado” se elige en su barra de herramientas.
En Elementor y otros maquetadores, el widget de título tiene una opción para elegir la etiqueta HTML: úsala para decidir entre H1, H2 o un párrafo según el papel del texto, no según su tamaño.

En Shopify

En la mayoría de los temas, el nombre del producto, de la colección o de la página ya se muestra como H1. Evita añadir otro H1 en la descripción: en el editor de texto, usa “Encabezado 2” o inferiores.
Algunas secciones del editor de temas dejan cambiar el tamaño del título, pero eso suele cambiar solo el estilo, no la etiqueta. Si una sección usa un nivel que no le toca, hay que cambiarlo en su fichero de la carpeta Sections, en Tienda online → Temas → Editar código.
En la página de inicio, algunos temas convierten el logotipo en el H1. Si además un banner lleva otro H1, deja solo uno.

Preguntas frecuentes

¿Es malo tener varios H1?

Para Google no es un problema grave: ha dicho que su buscador sabe interpretar páginas con varios H1. Aun así, un único H1 deja claro cuál es el tema principal, facilita la navegación con lector de pantalla y es la práctica más extendida. Por eso en nuestro informe varios H1 aparecen como un aspecto mejorable, no como un error crítico.

¿Cuántos H2 o H3 debe tener una página?

No hay un número correcto. Depende de la longitud y de cuántos temas trate: un producto sencillo puede tener dos o tres H2 (descripción, envíos, opiniones) y un artículo largo, muchos más. Usa un encabezado cada vez que empiece una parte que alguien querría encontrar al echar un vistazo.