≡En resumen
- El H1 es el título visible de la página; el title es el que aparece en la pestaña y suele usarse en Google.
- Un H1 por página es la buena práctica, aunque el HTML permite más y Google no penaliza tenerlos.
- Debe describir el contenido con la palabra clave principal de forma natural, no el logotipo ni un eslogan.
- Tras el H1 vienen H2, H3… sin saltarse niveles, para que la estructura se entienda.
- El tamaño se controla con CSS; usar un H1 solo para agrandar texto rompe la jerarquía.
01 ¿Qué es la etiqueta H1?
El H1 es una de las etiquetas HTML más básicas y, a la vez, de las que más se usan mal. Los navegadores lo muestran por defecto con la letra más grande de los seis niveles, pero su valor no es visual: es semántico. Le dice al navegador, al lector de pantalla y al buscador «este es el título de la página». Si quieres ver cómo encaja con el resto de niveles, repasa la ficha de encabezados H1 a H6.
02 ¿Para qué sirve la etiqueta H1?
Orientar al lector
Confirma en un segundo que ha llegado a la página que buscaba. Si el H1 no coincide con lo que prometía el resultado, se va.
Accesibilidad
Quien usa lector de pantalla salta de encabezado en encabezado para entender la página; el H1 es el punto de partida.
Dar contexto a Google
Ayuda a entender el tema principal y Google lo cita entre las fuentes para generar el título del resultado.
Estructurar el contenido
Todo lo que va debajo (H2, H3…) cuelga de él, como los capítulos de un libro cuelgan de su título.
03 H1 vs. title: diferencias
Es la confusión más frecuente. La etiqueta title va dentro del head, no se ve en el cuerpo de la página y aparece en la pestaña del navegador y, casi siempre, como título azul en Google. El H1 va en el body y es lo primero que lee quien ya ha entrado. Pueden coincidir, pero no tienen por qué.
| H1 | Title | |
|---|---|---|
| Dónde va | En el body, visible | En el head, no visible en la página |
| Quién lo ve | El usuario que ya está en la página | El usuario en Google y en la pestaña del navegador |
| Objetivo | Confirmar el tema y ordenar el contenido | Conseguir el clic desde los resultados |
| Longitud orientativa | La que necesite para ser claro | Corta para no cortarse en los resultados |
| Cuántos | Uno recomendado | Uno obligatorio |
| Ejemplo | Etiqueta H1 | Etiqueta H1: qué es y cómo usarla |
<head> <title>Zapatillas de trail impermeables | Tienda Montaña</title></head><body> <h1>Zapatillas de trail impermeables</h1> <h2>Cómo elegir tu talla</h2></body>
04 ¿Se pueden poner varios H1 en una página?
Técnicamente, sí: el estándar HTML no lo prohíbe. MDN, la documentación de referencia de Mozilla, indica que por lo general una página debería tener un único H1 que describa su contenido, y que usar varios no se considera buena práctica. Por su parte, John Mueller, de Google, explicó en 2019 que una web puede posicionar perfectamente sin H1 o con varios, porque Google no aplica límites.
Conclusión práctica: tener dos H1 no te va a hundir, pero un único H1 claro facilita la lectura, la accesibilidad y el trabajo del buscador. Es la opción que conviene.
05 Cómo escribir un buen H1 para SEO
- ✓Describe el contenido de la página en lenguaje natural, como lo buscaría tu cliente.
- ✓Incluye la palabra clave principal, sin repetirla ni forzarla.
- ✓Hazlo único: dos páginas con el mismo H1 suelen competir por la misma búsqueda.
- ✓Colócalo al principio del contenido, antes del texto principal.
- ✓No marques como H1 el logotipo, el nombre de la empresa en el menú ni un eslogan.
- ✓No lo ocultes con CSS ni lo conviertas en imagen sin texto.
- ✓Da el tamaño con CSS; si solo quieres letra grande, no uses un H1.
| Tipo de página | H1 flojo | H1 mejor |
|---|---|---|
| Home de una clínica | Bienvenidos | Clínica de fisioterapia en Valencia |
| Categoría de tienda | Productos | Zapatillas de trail para mujer |
| Artículo de blog | Consejos | Cómo elegir zapatillas de trail: 7 claves |
| Página de servicio | Servicios | Diseño de tiendas online con WooCommerce |
| Ficha de diccionario | Definición | Etiqueta H1 |
El H1 es solo uno de los puntos de nuestra checklist de SEO on page. Si quieres profundizar en cómo encajar títulos, subtítulos y palabras clave, esta guía explica cómo escribir textos SEO que posicionen, y en Trecebits tienes otros trucos SEO para principiantes.
06 El H1 en WordPress, Shopify y maquetadores visuales
En la mayoría de gestores de contenido no escribes el H1 a mano: la plantilla convierte el título de la entrada, de la página o del producto en el H1. Eso tiene una consecuencia práctica: el campo «Título» de tu CMS es tu H1, y lo que pongas ahí es lo que verá el lector arriba del todo. El title de SEO, en cambio, suele editarse aparte en el plugin o en los ajustes de SEO de la plataforma.
Los problemas aparecen cuando la plantilla y el contenido se pisan: un tema que marca el logotipo como H1 en todas las páginas, un maquetador visual en el que alguien elige «H1» para un titular decorativo a mitad de página, o un editor que empieza el texto con otro título grande marcado como Encabezado 1.
WordPress
El título de la entrada o página suele ser el H1. En el editor de bloques, empieza el contenido con encabezados de nivel 2 para no duplicarlo.
Shopify y WooCommerce
El nombre del producto o de la colección se imprime como H1 en la mayoría de temas; revisa que la descripción no añada otro.
Maquetadores visuales
Elementor, Divi o similares permiten elegir la etiqueta de cada titular; usa H1 solo en el titular principal.
Temas a medida
Pide al desarrollador que el logotipo vaya en un enlace o párrafo y que el H1 salga del título de cada página.
07 Cómo comprobar el H1 de una página
-
1
Inspecciona el título
Haz clic derecho sobre el título visible y elige Inspeccionar: verás si está marcado como h1 o como un simple div.
-
2
Busca en el código fuente
Con Ctrl+U abre el código y busca h1 para contar cuántos hay y qué texto contienen.
-
3
Usa una extensión de SEO
Las extensiones de análisis on page muestran el title, la meta description y el árbol de encabezados de un vistazo.
-
4
Rastrea el sitio entero
Un rastreador SEO lista las páginas sin H1, con H1 duplicado entre páginas o con varios H1.
Los H1 vacíos, duplicados o usados como adorno son hallazgos habituales en una auditoría SEO on page, sobre todo en temas de WordPress que marcan el logotipo como H1 en todas las páginas. Arreglarlo suele ser un cambio de plantilla, no de contenido. Y si el problema es el texto en sí, un servicio de redacción de contenidos SEO reescribe los H1 pensando primero en el lector.
Preguntas frecuentes sobre Etiqueta H1
H1 significa heading 1, encabezado de nivel 1 en inglés. Es la etiqueta HTML que marca el título principal de una página.
Indica a Google el tema principal de la página y es una de las fuentes que usa para generar el título del resultado. También mejora la lectura y la accesibilidad.
Lo recomendable es uno. El HTML permite más y Google no penaliza tener varios, pero un único H1 claro ordena mejor el contenido.
No. El title va en el head y se ve en la pestaña y en Google; el H1 va en el body y es el título visible dentro de la página.
Conviene que la incluya de forma natural, porque describe el tema de la página. Repetirla o forzarla no aporta nada.
Puede posicionar igualmente, pero pierdes una señal clara del tema y empeoras la navegación con lectores de pantalla.
Sí, con CSS. El tamaño visual no afecta a su función; lo que importa es que el elemento sea un h1.
Fuentes consultadas
Sobre el autor
Raúl Aránega Segura
CEO y especialista SEO en appyweb
Fundador de appyweb. Más de una década posicionando webs y tiendas online en Google y, ahora, en las respuestas de la IA.
Ver perfil en LinkedIn ↗