Encabezados H1–H6:
estructura y revisión

Define primero qué deben explicar los encabezados

H1–H6 identifican los encabezados y los niveles de sección en HTML. Una buena estructura ayuda a encontrar respuestas, entender la relación entre las partes y navegar con tecnologías de asistencia. Revisa a la vez el sentido, el marcado y la visualización. Un texto grande no demuestra por sí solo que sea un encabezado en el código.

El resultado práctico de una auditoría es una lista de correcciones concretas: URL, bloque, texto o nivel que cambiar y cómo validar el trabajo. Un informe con «48 avisos en el sitio» sin contexto no lo sustituye. Empieza por las páginas importantes y las plantillas repetidas: un error de ficha de producto puede reproducirse en todo el catálogo.

A continuación pasamos de revisar una página a auditar el sitio, configurar WordPress, publicar los cambios y observar los resultados. La estantería R-8 y su montaje son ejemplos didácticos, no un caso de cliente ni la descripción de un producto real.

Distingue H1, Title y presentación visual

La misma frase puede aparecer en varios sitios. Al validar el trabajo, aclara qué campo se editó y dónde se muestra su valor. El título de una entrada en el CMS a veces se convierte en H1, pero el tema o constructor puede usar otro ajuste.

Title y H1 pueden coincidir: no hace falta reordenar palabras artificialmente para diferenciarlos. También pueden destacar detalles útiles distintos. El H1 «Montaje de estanterías de almacén» identifica el servicio, mientras que Title puede indicar la zona y la empresa si el contenido lo respalda. Consulta la revisión detallada en la guía de etiquetas Title.

El título mostrado en la búsqueda no es una copia exacta garantizada de un campo. Google describe varias fuentes para generarlo, entre ellas un encabezado destacado de la página. Por eso, el tema principal debe ser coherente en los metadatos, el H1 y el contenido.

Construye el esquema a partir de las necesidades del visitante

Antes de elegir etiquetas, anota por qué se visita la página. En un servicio de montaje, las preguntas pueden ser qué estructuras se instalan, qué incluye el trabajo, cómo preparar el local, de qué depende el presupuesto y cómo se acepta el resultado. Cada pregunta independiente puede ser una sección si tienes una respuesta sustancial.

1. Formula el tema de la página en una frase.
2. Enumera las preguntas que el visitante necesita resolver para decidir.
3. Separa las preguntas independientes de los detalles de una misma cuestión.
4. Elimina los puntos repetidos o que desvían hacia otro servicio.
5. Comprueba que cada encabezado tenga debajo el texto, la tabla, las instrucciones o la ilustración necesarios.

Compara otros contenidos para la misma consulta: qué tareas resuelven, dónde solo dan consejos generales y dónde muestran ejemplos. No copies todo su índice. Si no tienes datos verificados para una sección de «Resultados de clientes», no inventes cifras. Es preferible explicar cómo se comprueban los resultados.

Una prueba editorial útil es leer solo los encabezados. Deben mostrar el camino de la pregunta a la solución. «Ventajas», «Características» e «Información adicional» pueden ser adecuados, pero, si el contexto no está claro, un título concreto permite encontrar antes el apartado correcto.

Marca la jerarquía y después ajusta el tamaño del texto

En un artículo normal, H1 sirve para el título, H2 para secciones independientes y H3 para subsecciones. H4–H6 se usan cuando existe una jerarquía más profunda real. No añadas los seis niveles por completitud ni elijas H4 solo porque el tema lo muestra más compacto.

Las recomendaciones de W3C WAI ayudan a distinguir una mayor profundidad del paso a otra sección. H2 → H4 se salta un nivel. H4 → H2 puede ser correcto: termina una subsección detallada y empieza una nueva sección principal.

<h1>Montaje de estanterías de almacén</h1>
<h2>Qué incluye el trabajo</h2>
<h3>Preparación de la zona de instalación</h3>
<h3>Montaje y fijación de la estructura</h3>
<h2>Cómo se acepta el resultado</h2>
<h3>Revisión según el proyecto acordado</h3>
<h2>De qué depende el precio</h2>

Es un ejemplo de estructura, no una obligación de incluir esas secciones en todos los sitios. Asigna primero los niveles semánticos y luego define los tamaños con estilos. Así, cada cambio de diseño no alterará la estructura del documento.

La navegación y las áreas laterales también pueden tener encabezados con sentido. No los elimines automáticamente por un informe del rastreador: revisa la función del bloque y el orden en su contexto. Una lista aislada de etiquetas puede no bastar para decidir sin conocer la estructura.

Redacta títulos que ayuden a elegir la respuesta adecuada

El H1 debe permitir reconocer el tema al entrar en la página. En una categoría puede ser el grupo de productos; en una ficha, el modelo concreto; en una guía, la tarea que se resolverá. Usa términos familiares para el público y detalles demostrables.

No repitas la consulta principal en cada H2. «Montaje de estanterías: precio», «Montaje de estanterías: fases» y «Montaje de estanterías: ventajas» suelen poder acortarse porque el H1 ya fija el tema. Conserva la precisión cuando quitarla cree ambigüedad.

Usa preguntas cuando la sección realmente las responda. No son una fórmula obligatoria para aparecer en respuestas destacadas. Contar caracteres tampoco sustituye la edición: revisa el sentido, la legibilidad y los saltos de línea, no un intervalo universal copiado de otra lista de control.

Revisa los encabezados en el HTML publicado

Abre la página como un visitante, haz clic derecho sobre el encabezado visible y elige «Inspeccionar» o Inspect. El nombre depende del idioma del navegador. Localiza el elemento: puede ser un H1, párrafo, bloque del constructor o imagen. Compara el texto con el resultado esperado tras guardar.

1. Anota la URL y el tipo de página.
2. Revisa el encabezado principal y el inicio del contenido principal.
3. Revisa H2–H6 en el orden del documento y compáralo con el orden visual.
4. Abre pestañas, menús o diálogos si el rastreador encontró allí encabezados adicionales.
5. Repite la revisión en anchura móvil: comprueba que no aparezca otra copia del H1 ni palabras cortadas.

Puedes ejecutar este fragmento de solo lectura en las herramientas de desarrollo. Enumera los H1–H6 normales del documento actual, sin cambiar nada ni enviar datos fuera.

console.table(
  [...document.querySelectorAll('h1,h2,h3,h4,h5,h6')]
    .map((node, index) => ({
      order: index + 1,
      level: node.tagName,
      text: node.textContent.trim().replace(/\s+/g, ' '),
      id: node.id,
      hasLayoutBox: node.getClientRects().length > 0
    }))
);

El campo hasLayoutBox solo indica que el elemento tiene geometría de diseño; no es una comprobación completa de accesibilidad o visibilidad. El fragmento no entra en iframes ni Shadow DOM, ni enumera elementos con un rol ARIA de encabezado independiente. Las interfaces complejas necesitan además revisar el árbol de accesibilidad.

Averigua de dónde salen los encabezados adicionales u ocultos

Un segundo H1 suele venir del logotipo, una versión móvil separada de la cabecera principal, un carrusel o el título de entrada repetido. Si el tema principal se muestra dos veces por accidente, corrige el componente. Para una cabecera adaptable suele bastar un elemento con estilos distintos según la anchura.

Un encabezado oculto en un diálogo cerrado no demuestra por sí solo manipulación de buscadores. El diálogo puede necesitar un título accesible. Del mismo modo, hay que evaluar el comportamiento real de pestañas y secciones desplegables. No conviertas todo en texto normal solo para reducir el número de etiquetas H.

En cambio, un H2 vacío dejado por un bloque eliminado no ayuda a navegar. Averigua por qué la plantilla genera una etiqueta sin contenido: campo vacío, sección opcional o error de importación. Corregir la condición de salida suele ser más útil que llenar todos los huecos con «Información adicional».

Un H1 es una regla de diseño clara para una landing habitual. Si hay varios H1, establece primero la causa y la estructura prevista. Screaming Frog explica el aviso Multiple en términos de usabilidad, no como prueba universal de penalización en buscadores.

Recopila los encabezados en Screaming Frog

Para una revisión masiva, usa SEO Spider. El rastreo debe generar un inventario de URL revisadas y problemas repetidos. Si solo revisas parte del sitio, registra esa limitación: encontrar unos cientos de páginas no demuestra que se haya cubierto un catálogo grande.

1. Introduce la dirección del sitio en el campo Enter URL to spider y pulsa Start.
2. Cuando termine el rastreo, abre la pestaña H1. Guarda la exportación original.
3. Revisa la dirección, el texto del encabezado, la cantidad en Occurrences y el estado de indexabilidad.
4. Exporta por separado los grupos de H1 ausentes, duplicados y múltiples.
5. Pasa a H2 y revisa las secciones de distintos tipos de página.
6. Compara la cantidad y la lista de URL con la estructura prevista. Anota las páginas inaccesibles o no encontradas.

La documentación de las pestañas explica una limitación: por defecto, las columnas guardan solo los dos primeros H1 y H2; el total aparece aparte. No es una exportación completa de todos los encabezados H1–H6. Usa el DOM para obtener el esquema completo de una página; para un gran volumen, configura una extracción adicional con el especialista responsable.

Si no se encuentra un encabezado visible, compara el HTML original con el renderizado. La guía Missing H1 recomienda comprobar el renderizado de JavaScript. No crees un segundo encabezado hasta saber por qué falta el primero en el modo de rastreo elegido.

Separa los fallos de los avisos que requieren contexto

El filtro Non-sequential refleja una regla concreta del programa sobre el orden de los niveles. Analízala junto con la estructura de la página: las áreas auxiliares pueden necesitar una solución propia. La meta es una navegación clara, no vaciar el informe a cualquier precio.

Repetir «Envío» como H2 en varios productos no obliga a reescribir sus fichas. En cambio, el mismo H1 «Catálogo» en todas las categorías independientes sí merece atención. Si varias direcciones muestran el mismo contenido, cambiar una frase no resuelve el problema de URL; realiza una revisión de URL canónicas.

Ajusta el nivel en el editor y compruébalo en el sitio

En WordPress, comprueba primero cómo muestra el tema el título de la entrada. Si ya es H1, normalmente no necesitas repetir ese H1 como primer bloque del artículo. Si la plantilla oculta el título, revisa cómo se identifica el tema principal en la versión publicada.

1. Abre la página en el editor y selecciona el bloque de encabezado.
2. Busca el selector H1–H6 en la barra del bloque o en sus ajustes.
3. Asigna el nivel según la estructura y el tamaño y color con ajustes de formato independientes.
4. Abre la vista general y el esquema del documento para ver los niveles de los bloques.
5. Guarda los cambios, abre la página publicada y revisa su HTML.
6. Revisa el índice y los saltos, especialmente si cambió el texto o el ancla de un encabezado.

La guía oficial de Heading block describe estos controles. Su ubicación depende de la versión del editor y del tema. En un constructor, busca el ajuste de la etiqueta HTML del encabezado: elegir «grande» puede cambiar solo el aspecto.

El esquema del editor no siempre incluye la cabecera, el bloque principal de la plantilla y el pie. Ayuda al autor, pero no sustituye revisar la página terminada. Si tras guardar sigue apareciendo la versión antigua, comprueba la caché y el origen del valor antes de editar otro campo.

Corrige la causa común y revisa las excepciones

Si un error se repite en muchas URL, identifica el componente que lo genera: plantilla de producto, bloque principal o widget común. Decenas de arreglos manuales no sirven si la siguiente importación restaura la salida anterior.

Guarda la versión de la plantilla y ejemplos HTML antes de cambiarla. Acuerda el origen del texto: título de entrada, campo H1 específico, categoría o modelo. Valida los campos obligatorios y define una salida coherente para los opcionales, sin paréntesis vacíos, guiones sobrantes ni frases cortadas.

• Comprueba un título corto y el más largo.
• Prueba una entrada con un campo opcional vacío.
• Revisa un producto con variantes, una categoría y una continuación del listado.
• Abre la versión móvil, el menú y el diálogo del formulario.
• Asegúrate de que los enlaces anteriores a secciones sigan funcionando.

Este trabajo requiere código y reglas editoriales. En el desarrollo técnico del sitio, conviene documentarlos juntos para que el siguiente editor no restaure el problema desde los ajustes de un bloque.

Cambia los encabezados con un motivo claro y posibilidad de revertir

Corregir una errata, cambiar un nivel incorrecto y cambiar el tema de una landing son acciones distintas. Si «montaje» pasa a ser «venta» en el H1, cambia la promesa de la página. Contrasta la oferta, el contenido y las consultas objetivo, no solo la presencia de una palabra clave.

1. Guarda la URL, los Title y H1 anteriores y la estructura de subtítulos.
2. Anota el motivo, la nueva versión y la mejora prevista para el visitante.
3. Revisa las consultas reales y páginas de entrada en la analítica disponible.
4. Aplica primero las reglas a un grupo representativo y revisa las excepciones.
5. Registra la fecha de publicación y otros cambios simultáneos.
6. Tras publicar, repite el rastreo y la revisión manual de los escenarios clave.

El tamaño del primer grupo depende del sitio: importa más cubrir casos distintos que elegir una cifra redonda. No prolongues durante meses un fallo evidente de plantilla solo por hacer un experimento formal. Pero separa los cambios masivos de redacción de migraciones de URL y reescrituras completas si necesitas evaluar su efecto específico.

La reversión debe restaurar una versión verificada, no un texto improvisado. Guarda el contenido y las reglas de plantilla. Si un cambio mejora la accesibilidad y el tráfico fluctúa sin causa conocida, revertir automáticamente solo por una gráfica puede devolver el defecto anterior.

Comprueba el resultado técnico antes de evaluar la búsqueda

Inmediatamente después de publicar puedes comprobar que el encabezado se guardó, la plantilla no añadió duplicados, los enlaces del índice funcionan, el texto no se corta y la página está disponible. Una revisión del HTML o una puntuación verde del plugin no demuestra más impresiones en buscadores.

En Google Search Console y Yandex Webmaster, analiza por separado las URL y consultas modificadas. Compara periodos comparables y considera la demanda, estacionalidad, otros trabajos, cambios en resultados de búsqueda y conjunto de páginas. Que una caída coincida con la fecha de edición no demuestra causalidad.

Si empeoran los indicadores, revisa primero la disponibilidad, la indexación y que el texto publicado coincida con el aprobado. Luego identifica qué consultas y páginas cambiaron. Una caída general puede tener otra causa; usa la guía de indexación si una URL ha desaparecido o está bloqueada para la búsqueda.

No hay un plazo universal en el que una modificación deba dar resultados. Define antes las condiciones de evaluación: suficientes datos comparables, versión actual procesada por el buscador y fallos técnicos detectados ya corregidos. Para el SEO, esto es más útil que prometer mejores posiciones por un solo H1.

Valida las correcciones con criterios concretos

Incluye en el informe las decisiones sobre casos dudosos, no solo el número final de avisos. Por ejemplo: «H2 “Envío” repetido en fichas: se mantiene como título de una sección útil». Así proteges una estructura válida de la siguiente sustitución automática masiva.

Los encabezados son un punto de la revisión general del sitio. Los formularios, la analítica, la velocidad, los accesos y las copias de seguridad se revisan aparte con la guía para aceptar un sitio entregado por un desarrollador.

Preguntas frecuentes sobre H1–H6