Definición:
H1 es el elemento de HTML que identifica un encabezado de primer nivel. Habitualmente se utiliza para expresar el título principal del contenido de una página y situarlo en el nivel superior de su jerarquía de encabezados.
Su función es estructural: indica qué texto actúa como encabezado, no únicamente cómo debe verse. Un texto grande o en negrita no se convierte en H1 si no tiene el marcado correspondiente.
Índice de contenidos
Cómo se representa un H1 en HTML
El encabezado se escribe mediante las etiquetas de apertura <h1> y cierre </h1>, con el texto entre ambas. Por ejemplo:
<h1>Guía de mantenimiento de bicicletas</h1>Este elemento forma parte del cuerpo del documento HTML. Puede estar dentro del contenido principal o de una cabecera que lo introduce; no necesita aparecer inmediatamente después de la etiqueta <body>.
Su aspecto se controla mediante estilos CSS. El tamaño, la tipografía, el color y los márgenes pueden cambiar sin alterar su nivel semántico. Por esa razón, elegir H1 solo para agrandar una frase confunde la estructura del documento con su presentación.
Diferencia entre H1 y la etiqueta title
El H1 encabeza el contenido dentro de la página. El elemento <title>, situado en la cabecera técnica del documento, proporciona su título al navegador y suele mostrarse en la pestaña.
Ambos pueden contener el mismo texto o versiones diferentes que describan el mismo contenido. Por ejemplo, el H1 puede ser “Mantenimiento de bicicletas” y el title, “Mantenimiento de bicicletas: guía básica | Nombre del sitio”. No es obligatorio diferenciarlos para evitar una supuesta duplicación.
El título que aparece en Google tampoco es una reproducción garantizada del title. Google explica que genera sus enlaces de título utilizando distintas fuentes, entre ellas ese elemento, el título visual y los encabezados de la página.
Por tanto, cambiar un H1 puede influir en la información que Google interpreta, pero no permite decidir por sí solo el texto exacto que mostrará en los resultados.
Relación con H2, H3 y los demás encabezados
HTML dispone de seis niveles de encabezado, desde H1 hasta H6. Sus números expresan niveles de organización, no una secuencia que deba utilizarse completa en cada página.
En una estructura habitual, el H1 identifica el tema principal, los H2 introducen sus apartados y los H3 desarrollan subsecciones dentro de ellos. Un documento breve puede no necesitar niveles inferiores.
Por ejemplo, una página titulada “Mantenimiento de bicicletas” puede tener un H2 llamado “Revisión de frenos” y, dentro de ese apartado, un H3 llamado “Comprobación de las pastillas”.
Mantener una jerarquía coherente ayuda a reconocer las relaciones entre contenidos. Evitar saltos al abrir subsecciones facilita esa interpretación, aunque volver de un H3 a un H2 es normal cuando comienza otro apartado principal.
H1 y accesibilidad web
Los encabezados forman parte de la accesibilidad web. Los lectores de pantalla permiten recorrerlos o presentar una lista de ellos para localizar secciones sin escuchar todo el documento de principio a fin.
Un título marcado correctamente aporta información que no depende de su apariencia. En cambio, un párrafo agrandado mediante estilos puede parecer un encabezado sin estar identificado como tal para las tecnologías de asistencia.
Como criterio general, un único H1 que describa el contenido principal proporciona una estructura clara. La presencia de varios H1 requiere revisar el contexto y la jerarquía; no debe interpretarse por sí sola como una penalización automática de Google.
Utilizar H1 correctamente tampoco garantiza que toda la página sea accesible. Es una parte de una estructura que incluye otros aspectos, como las etiquetas de los formularios, los textos alternativos y la navegación mediante teclado.
Redacción y uso del H1 en SEO
El H1 ayuda a identificar el tema de la página y forma parte de la revisión del SEO on-page. Su texto debe describir el contenido con claridad, sin acumular palabras clave ni prometer información que después no aparece.
No existe un número universal de caracteres que determine si un H1 es correcto. Su extensión depende de lo que necesita comunicar y de cómo se presenta en distintos tamaños de pantalla.
En un CMS, el título introducido en el editor puede convertirse automáticamente en H1 mediante la plantilla. Añadir otro manualmente al cuerpo podría duplicar el encabezado principal. La comprobación debe hacerse sobre el HTML que recibe el navegador, no solo sobre el nombre del campo del editor.
Un encabezado adecuado no sustituye al contenido, a la indexabilidad ni al resto de los elementos de la página. Su utilidad consiste en identificar y organizar la información, no en garantizar una posición concreta en los resultados de búsqueda.