Reparación del esquema de encabezados

Los encabezados forman un esquema del documento en el que se apoyan tanto la tecnología asistiva como los buscadores. Unos niveles elegidos por tamaño visual y no por jerarquía producen un esquema que dice algo distinto de la página. Esta habilidad repara la estructura sin cambiar el diseño.

El archivo de la habilidad

---
name: heading-outline-repair
description: Úselo cuando una página se lea bien para una persona pero su estructura de encabezados resulte ilegible para un rastreador o un lector de pantalla.
---

# Reparación del esquema de encabezados

Los encabezados forman un esquema del documento en el que se apoyan tanto la tecnología asistiva como los buscadores. Unos niveles elegidos por tamaño visual y no por jerarquía producen un esquema que dice algo distinto de la página. Esta habilidad repara la estructura sin cambiar el diseño.

## Qué necesitas antes

- La página renderizada
- Su jerarquía visual tal como fue diseñada

## Método

1. Extraiga todos los encabezados en orden del documento con su nivel, ignorando por completo los estilos.
2. Compruebe los tres fallos estructurales: ausencia de H1, más de un H1 y saltos de nivel, como un H2 seguido directamente de un H4.
3. Lea el esquema extraído por sí solo. Si no describe la página, los niveles están mal por muy bien que se vea la página.
4. Compruebe qué hay dentro del H1. Texto oculto destinado a lectores de pantalla, o un titular rotatorio, pueden inflar el encabezado hasta cientos de caracteres: una persona ve un titular corto mientras un rastreador lee un párrafo.
5. Corrija cambiando los niveles para que reflejen el significado y después restaure la apariencia con CSS. Tamaño y nivel son independientes.
6. Saque del encabezado cualquier frase destinada solo a lectores de pantalla y llévela a un elemento hermano, de modo que la tecnología asistiva la conserve mientras el encabezado sigue siendo corto.

## Qué produce esto

Un esquema corregido, más cualquier contenido oculto retirado de los encabezados y reubicado sin pérdida.

## Dónde falla esto

- Elegir el nivel de encabezado por el tamaño de la fuente
- Dejar texto visualmente oculto dentro de un H1, lo que lo infla para los rastreadores
- Usar varios H1 porque la plantilla de un framework los genera

---

De la biblioteca de habilidades de QuQi - https://www.quqi.io/es/skills/heading-outline-repair

Qué necesitas antes

• La página renderizada
• Su jerarquía visual tal como fue diseñada

Método

1. 01 Extraiga todos los encabezados en orden del documento con su nivel, ignorando por completo los estilos.
2. 02 Compruebe los tres fallos estructurales: ausencia de H1, más de un H1 y saltos de nivel, como un H2 seguido directamente de un H4.
3. 03 Lea el esquema extraído por sí solo. Si no describe la página, los niveles están mal por muy bien que se vea la página.
4. 04 Compruebe qué hay dentro del H1. Texto oculto destinado a lectores de pantalla, o un titular rotatorio, pueden inflar el encabezado hasta cientos de caracteres: una persona ve un titular corto mientras un rastreador lee un párrafo.
5. 05 Corrija cambiando los niveles para que reflejen el significado y después restaure la apariencia con CSS. Tamaño y nivel son independientes.
6. 06 Saque del encabezado cualquier frase destinada solo a lectores de pantalla y llévela a un elemento hermano, de modo que la tecnología asistiva la conserve mientras el encabezado sigue siendo corto.

Qué produce esto

Un esquema corregido, más cualquier contenido oculto retirado de los encabezados y reubicado sin pérdida.

Dónde falla esto

• Elegir el nivel de encabezado por el tamaño de la fuente
• Dejar texto visualmente oculto dentro de un H1, lo que lo infla para los rastreadores
• Usar varios H1 porque la plantilla de un framework los genera

Más en SEO on-page