H1, H2 y H3 en SEO: cómo estructurar bien una página web

Hay páginas web que tienen buen contenido, pero cuesta leerlas.

Entras, ves bloques largos de texto, títulos que no explican nada, subtítulos puestos solo porque quedan bonitos, frases repetidas y una estructura que no ayuda a entender qué es importante y qué es secundario.

Ahí es donde entran las etiquetas H1, H2 y H3.

No son adornos. Tampoco son una fórmula mágica para posicionar. Son una forma de ordenar el contenido para que el usuario pueda leer mejor y para que Google entienda con más claridad de qué trata cada página.

Un buen uso de encabezados ayuda a que una página tenga más sentido.

Y eso, en SEO, diseño web y experiencia de usuario, importa bastante.

Qué son las etiquetas H1, H2 y H3

Las etiquetas H1, H2, H3, H4, H5 y H6 son encabezados HTML.

Sirven para organizar jerárquicamente el contenido de una página web.

La idea es parecida a la estructura de un documento bien ordenado:

• H1: título principal de la página.
• H2: apartados principales.
• H3: subsecciones dentro de un H2.
• H4, H5 y H6: niveles más profundos, útiles en contenidos largos o muy técnicos.

Por ejemplo, en una página sobre mantenimiento WordPress, una estructura sencilla podría ser:

H1: Mantenimiento WordPress para empresas
H2: Qué incluye el mantenimiento WordPress
H3: Actualizaciones de plugins
H3: Copias de seguridad
H3: Seguridad básica
H2: Cuándo contratar mantenimiento WordPress
H2: Preguntas frecuentes

La jerarquía ayuda a entender el contenido de un vistazo.

Si todo es un párrafo detrás de otro, el usuario se pierde. Y si todo son encabezados del mismo nivel, tampoco hay orden real.

Por qué los encabezados importan para el usuario y para Google

Los encabezados tienen dos funciones principales.

La primera es ayudar al usuario.

Cuando una persona entra en una página, no siempre lee desde la primera palabra hasta la última. Muchas veces escanea. Busca señales. Mira títulos. Baja por la página. Intenta localizar rápido si ese contenido responde a lo que necesita.

Unos buenos H2 y H3 ayudan a:

• Entender la estructura de la página.
• Encontrar respuestas concretas.
• Leer por bloques sin perderse.
• Distinguir ideas principales de detalles secundarios.
• Decidir si merece la pena seguir leyendo.

La segunda función es ayudar a los buscadores.

Google no necesita que le grites una keyword en cada encabezado. Pero una estructura clara puede ayudarle a interpretar mejor el contenido, sus apartados y la relación entre temas.

Por eso, los encabezados son parte del SEO on page.

No porque tengan poderes mágicos, sino porque ayudan a ordenar la página.

Diferencia entre title SEO y H1

Este punto suele generar bastante confusión.

El Title SEO y el H1 no son exactamente lo mismo.

Elemento	Dónde aparece	Función principal
Title SEO	En la pestaña del navegador y, muchas veces, en los resultados de Google.	Atraer el clic y resumir la página de cara al buscador.
H1	Dentro de la página, visible para el usuario.	Presentar el tema principal del contenido.

Pueden ser iguales, pero no tienen por qué ser idénticos.

Por ejemplo:

Title SEO: Diseño web para empresas en Madrid
H1: Diseño web profesional para empresas

El title puede estar más pensado para aparecer en Google.

El H1 puede sonar más natural dentro de la página.

Lo importante es que ambos estén alineados. Si el title promete una cosa y el H1 habla de otra, empezamos mal.

Cómo usar el H1 en una página web

El H1 debería resumir el tema principal de la página.

En una página de servicio, suele coincidir con el servicio principal.

En un artículo, suele coincidir con el tema central del post.

En una ficha de producto, suele ser el nombre del producto.

Una recomendación práctica: usa un H1 principal claro y visible.

A nivel técnico moderno pueden existir situaciones con más de un H1, pero para una web de empresa, una tienda o un WordPress normal, lo más limpio suele ser trabajar con un único H1 que marque el tema principal sin crear ruido.

Ejemplos de H1 claros

• Diseño web para clínicas dentales
• Mantenimiento WordPress para empresas
• Cómo migrar una web WordPress sin perder tráfico
• Comprar dominio web: qué debes mirar antes

Ejemplos de H1 flojos

• Bienvenidos
• Inicio
• Servicios
• Soluciones digitales para un mundo conectado

El usuario y Google deberían entender rápido de qué va la página.

Si tu H1 parece una frase de catálogo que podría servir para cualquier empresa, quizá no está haciendo bien su trabajo.

Cómo usar los H2

Los H2 son los apartados principales de una página.

Si el H1 es el tema general, los H2 son las grandes preguntas o bloques que desarrollan ese tema.

En un artículo como este, los H2 ayudan a dividir la guía en secciones.

En una página de servicio, pueden ordenar beneficios, proceso, precios, dudas, ejemplos o llamadas a la acción.

Un buen H2 debería ser:

• Claro.
• Descriptivo.
• Relacionado con el tema principal.
• Útil para quien escanea la página.
• No demasiado genérico.

Ejemplo de H2 pobres

• Introducción
• Más información
• Características
• Otros datos

Ejemplo de H2 mejores

• Qué incluye el mantenimiento WordPress
• Cuándo merece la pena rediseñar una web
• Errores frecuentes al importar productos a WooCommerce
• Cómo elegir un dominio para tu empresa

La diferencia es evidente.

Unos apartados no dicen casi nada. Los otros ayudan a entender qué vas a encontrar.

Cómo usar los H3

Los H3 sirven para dividir secciones dentro de un H2.

Son útiles cuando un apartado principal tiene varias ideas internas.

Por ejemplo:

H2: Errores frecuentes al crear una tienda WooCommerce
H3: No revisar los métodos de pago
H3: Subir productos sin categorías claras
H3: No probar el proceso de compra
H3: Olvidar los emails transaccionales

Los H3 ayudan a que el contenido respire.

No todo necesita convertirse en H2.

Si una idea depende de otra sección mayor, probablemente encaja como H3.

¿Hay que usar H4, H5 y H6?

En la mayoría de webs de empresa y artículos normales, con H1, H2 y H3 suele ser suficiente.

Los H4, H5 y H6 pueden ser útiles en contenidos muy largos, documentación técnica, manuales o comparativas amplias.

Pero no conviene complicar la estructura sin necesidad.

Una página con demasiados niveles puede volverse difícil de seguir.

La regla práctica sería esta:

• Usa H1 para el tema principal.
• Usa H2 para los bloques grandes.
• Usa H3 para desarrollar partes dentro de esos bloques.
• Usa H4 solo si de verdad necesitas otro nivel.

Por cierto: no existe H7 en HTML estándar. Si alguna herramienta o texto antiguo lo menciona, mejor olvidarlo.

Ejemplo de estructura para una página de servicio

Vamos a imaginar una página de servicio sobre diseño web para empresas.

Una estructura razonable podría ser:

H1: Diseño web para empresas

H2: Diseño de páginas web profesionales para empresas
H2: Qué debe tener una web de empresa
H3: Mensaje claro desde el primer bloque
H3: Servicios bien ordenados
H3: Formularios y llamadas a la acción
H3: Diseño adaptado a móvil

H2: Errores frecuentes en webs de empresa
H3: Hablar demasiado de la empresa y poco del cliente
H3: Ocultar el contacto
H3: No cuidar la velocidad de carga

H2: Cómo trabajamos el diseño web en ideaWeb
H2: Preguntas frecuentes sobre diseño web para empresas

Esta estructura tiene sentido porque cada apartado cumple una función.

No se limita a meter palabras clave. Ordena el contenido.

Y eso ayuda a que la página se lea mejor.

Ejemplo de estructura para un artículo de blog

Ahora imaginemos un artículo sobre cómo comprar un dominio web.

Podría tener esta estructura:

H1: Comprar dominio web: qué debes mirar antes de registrar uno

H2: Qué es un dominio web
H2: Comprar, registrar o alquilar un dominio: qué significa realmente
H2: Dominio, hosting y página web: no son lo mismo
H2: Qué extensión elegir: .com, .es, .net u otras
H2: Errores frecuentes al comprar un dominio
H2: Qué hacer después de comprar el dominio
H2: Preguntas frecuentes sobre comprar un dominio web

Fíjate en algo importante: los H2 podrían leerse casi como un resumen del artículo.

Ese es un buen síntoma.

Si una persona solo escanea los encabezados y ya entiende el recorrido del contenido, la estructura va bien encaminada.

Errores frecuentes con H1, H2 y H3

Estos errores aparecen mucho en webs hechas con prisas, plantillas mal adaptadas o constructores visuales usados sin criterio.

Usar encabezados solo para cambiar el tamaño

Este es uno de los errores más comunes.

Alguien quiere un texto grande y lo pone como H2. Quiere otro un poco más pequeño y usa H3. Luego otro más grande y vuelve al H1.

Así no se estructura una página. Así se maqueta con etiquetas incorrectas.

Para cambiar tamaños está el CSS.

Los encabezados deben usarse por jerarquía, no por estética.

Poner varios H1 sin sentido

En muchos temas o constructores, aparecen varios H1 sin que nadie lo haya decidido conscientemente.

Puede venir del logo, del título de una plantilla, de un módulo hero o de un bloque reutilizado.

No siempre será una catástrofe, pero sí puede ser una señal de estructura descuidada.

En una web profesional, merece la pena revisar que cada página tenga un H1 claro.

No usar ningún H1 visible

También pasa lo contrario.

Páginas que tienen diseño visual, frases grandes, imágenes potentes y bloques llamativos, pero ningún H1 real.

Visualmente parece que hay título. Técnicamente no.

Esto suele pasar cuando el título principal se ha puesto como párrafo, imagen o módulo sin etiqueta adecuada.

Repetir la keyword en todos los encabezados

Meter la palabra clave en H1, H2, H3, H4 y en cada frase no hace que una página sea mejor.

Hace que suene peor.

Una cosa es usar términos relacionados de forma natural. Otra es convertir los encabezados en una lista de keywords empujadas a la fuerza.

Saltar niveles sin lógica

Pasar de H1 a H4 sin H2 ni H3 puede crear una estructura rara.

No siempre es grave, pero normalmente indica que se han usado headings por apariencia y no por orden.

Usar encabezados ocultos

Ocultar texto para meter palabras clave es una mala práctica.

Si un encabezado es importante, debería tener sentido para el usuario.

Lo que no quieres mostrar al usuario probablemente no deberías usarlo como base de tu SEO.

Encabezados en WordPress, Divi y Elementor

En WordPress, los encabezados pueden gestionarse desde el editor, desde el tema o desde un constructor visual.

Y ahí vienen muchos problemas.

En Divi, Elementor u otros maquetadores, es fácil elegir visualmente un “título” sin revisar qué etiqueta HTML está usando realmente.

Un módulo puede parecer un H2, pero ser un H4.

Otro puede parecer un simple texto grande, pero estar marcado como H1.

Por eso, cuando revisamos una web, no basta con mirar cómo se ve.

Hay que revisar cómo está construida.

Cómo revisar la estructura de encabezados de una página

Hay varias formas de revisar los H1, H2 y H3 de una página.

Puedes hacerlo con:

• El inspector del navegador.
• Extensiones SEO para Chrome o Firefox.
• Herramientas de auditoría SEO.
• Screaming Frog u otras herramientas de rastreo.
• Plugins SEO dentro de WordPress.

Lo que conviene mirar:

• Si hay un H1 claro.
• Si el H1 coincide con la intención de la página.
• Si los H2 ordenan bien los apartados.
• Si los H3 dependen de los H2 correctos.
• Si hay saltos extraños de jerarquía.
• Si hay encabezados vacíos.
• Si hay headings usados solo para diseño.
• Si se repiten keywords de forma artificial.

Muchas veces, con solo revisar la estructura de encabezados, ya se ve si una página está pensada o simplemente montada por bloques.

Encabezados y accesibilidad

Los encabezados también ayudan a la accesibilidad.

Personas que usan lectores de pantalla pueden navegar por una página saltando entre encabezados.

Si la estructura está bien ordenada, entender el contenido es más fácil.

Si los encabezados están puestos al azar, la experiencia empeora.

Por eso, usar bien H1, H2 y H3 no es solo un tema de SEO.

También es una cuestión de orden, lectura y respeto por distintos modos de navegar.

Cuándo pedir una revisión SEO on page

Puedes revisar encabezados por tu cuenta si la web es sencilla.

Pero conviene pedir ayuda cuando:

• La web tiene muchas páginas de servicio.
• Has hecho un rediseño y no sabes si se ha mantenido la estructura.
• Una herramienta SEO te marca varios H1.
• Las páginas no posicionan pese a tener contenido.
• Usas Divi, Elementor u otro constructor visual.
• Hay contenidos antiguos sin estructura clara.
• Quieres mejorar páginas importantes antes de invertir en más contenido.

Una revisión de encabezados no suele ir sola.

Normalmente se revisa junto con titles, metas, URLs, enlazado interno, intención de búsqueda, contenido, llamadas a la acción y estructura general.

Porque una página no falla solo por un H2.

Pero muchas páginas fallan porque nadie ha pensado el conjunto.

Cómo podemos ayudarte en ideaWeb

En ideaWeb podemos revisar la estructura de encabezados de tu web dentro de una mejora SEO on page o una revisión más amplia de diseño, contenidos y WordPress.

Podemos ayudarte a detectar:

• H1 ausentes o duplicados sin sentido.
• H2 genéricos o mal planteados.
• H3 usados solo por diseño.
• Encabezados desordenados en Divi o Elementor.
• Páginas de servicio con estructura floja.
• Posts antiguos que necesitan reordenarse.
• Problemas de title SEO y H1.
• Contenido que no responde bien a la búsqueda del usuario.

También podemos ayudarte si necesitas crear nuevas páginas con una estructura clara desde el principio, dentro de un proyecto de diseño web profesional, diseño web WordPress o posicionamiento SEO.

Una web no se ordena sola.

Y un buen contenido, si está mal estructurado, puede perder bastante fuerza.

Preguntas frecuentes sobre H1, H2 y H3 en SEO

¿Qué es una etiqueta H1?

La etiqueta H1 es el encabezado principal de una página. Debe resumir el tema central del contenido y ser visible y claro para el usuario.

¿Qué diferencia hay entre H1 y title SEO?

El title SEO aparece en la pestaña del navegador y puede mostrarse en Google. El H1 aparece dentro de la página como título principal visible. Pueden coincidir, pero no tienen por qué ser idénticos.

¿Cuántos H1 debe tener una página?

Como recomendación práctica, en webs de empresa y WordPress suele ser mejor usar un H1 principal claro por página. Más que obsesionarse con el número, conviene evitar estructuras confusas.

¿Qué son los H2?

Los H2 son encabezados de segundo nivel. Sirven para dividir el contenido en apartados principales y ayudar al usuario a entender la estructura de la página.

¿Qué son los H3?

Los H3 son subsecciones dentro de un H2. Ayudan a ordenar ideas más concretas dentro de un apartado principal.

¿Los H1, H2 y H3 posicionan en Google?

No posicionan por sí solos, pero ayudan a estructurar el contenido y pueden facilitar que Google y los usuarios entiendan mejor la página.

¿Debo poner palabras clave en todos los encabezados?

No. Conviene usar términos relevantes de forma natural, pero repetir keywords en todos los encabezados puede sonar forzado y empeorar la lectura.

¿Puedo usar H2 solo para hacer un texto más grande?

No es recomendable. Los encabezados deben usarse para ordenar el contenido. Para cambiar tamaños o estilos conviene usar CSS.

¿Cómo reviso los encabezados de mi web?

Puedes revisarlos con el inspector del navegador, extensiones SEO, herramientas de auditoría o rastreadores como Screaming Frog. Lo importante es comprobar la jerarquía real, no solo el aspecto visual.

¿ideaWeb puede revisar los H1, H2 y H3 de mi web?

Sí. En ideaWeb podemos revisar encabezados, titles, metas, contenido, enlazado interno y estructura SEO on page para mejorar la claridad de tus páginas.