Etiqueta H1

Qué comprueba esta auditoría

Analiza el HTML renderizado y cuenta los elementos <h1>. Pasa cuando hay exactamente uno; avisa cuando hay cero o más de uno.

Por qué importa

El H1 es el titular de la página. Es la señal on-page más fuerte del tema, solo por detrás del <title>, tanto para Google como para los agentes de IA que intentan extraer el asunto principal.

Tres formas de fallar:

• Sin H1: la página carece de su titular principal. Los buscadores recurren al title, lo cual está bien, pero pierdes una capa de claridad. Los agentes de IA que despojan el HTML suelen coger el H1 como respuesta a “de qué va esta página”.
• Varios H1: el tema se reparte. Cada H1 parece igual de importante, así que Google no puede determinar cuál es el titular real.
• El H1 no encaja con el contenido: un H1 de “Bienvenido” en una página de precios desperdicia ese espacio de ranking.

Cómo solucionarlo

Usa exactamente un <h1> por página, colocado cerca del principio, que describa el propósito de la página:

<h1>Cómo escribir una meta description que posicione</h1>

A continuación, usa <h2> para las secciones mayores, <h3> para las subsecciones, etc. Consulta jerarquía de encabezados para las reglas.

Ayudas por framework:

• WordPress: el título de la entrada se renderiza como H1 en la mayoría de los temas. Si tu tema lo renderiza como <h2>, arréglalo.
• React/Next/Astro: el componente de la plantilla de página debería renderizar <h1>{props.title}</h1> exactamente una vez.

Errores frecuentes:

• Logo del sitio envuelto en <h1> en todas las páginas. El logo es un logo, no un titular. Usa <h1> solo para contenido específico de la página.
• Varios H1 desde un CMS que deja a los editores insertar encabezados. Forma a los editores para que usen H2/H3 dentro del cuerpo.

Preguntas frecuentes

¿El H1 tiene que coincidir con el title?

No exactamente; pueden ser distintos. El title es para los resultados de búsqueda; el H1 es para la propia página. Muchos sitios usan un title más largo y de marca (Tema de la página | Nombre del sitio) y un H1 más corto y limpio (Tema de la página).

¿Qué pasa con el sectioning de HTML5?

HTML5 en teoría permite varios H1 si cada uno está dentro de un <section> o un <article>. Los navegadores y los lectores de pantalla no lo respetan, así que limítate a un H1 por página.

¿El H1 afecta al ranking tanto como el title?

No, pero es una señal secundaria relevante. Google extrae el H1 como parte de entender el tema de la página. Los rastreadores de IA le dan mucho peso porque es el texto visible más prominente.