El Heading Structure Analyzer de Screpy lista los elementos H1–H6 en el orden del código fuente y señala encabezados vacíos, niveles omitidos y H1 ausentes o múltiples. Usa el esquema para revisar las relaciones entre secciones antes de editar. Los recuentos describen el HTML recuperado, no una puntuación de ranking de Google ni una evaluación completa de accesibilidad.
Lee el esquema HTML en el orden del código
Introduce una URL HTTP/HTTPS pública que devuelva HTML legible. El informe muestra nivel, texto extraído y línea de cada encabezado. Lee toda la lista antes de examinar avisos individuales. El lector debería comprender la progresión general sin necesitar cada párrafo.
Las barras cuentan encabezados por nivel; una barra mayor no es mejor. La sangría representa niveles HTML, no tamaño de letra, posición visual o importancia. Un párrafo grande puede parecer un encabezado sin ser H2; un H3 con estilos sigue siendo H3 en este esquema.
Se conservan hasta 1.000 filas y 500 caracteres por encabezado. Los recuentos pueden abarcar más elementos que la lista visible. El truncamiento o el límite de filas generan un aviso de cobertura parcial. No interpretes una etiqueta recortada como el texto completo ni una selección como todo el esquema.
Ajusta los niveles a las secciones y subsecciones
La guía de encabezados W3C WAI explica cómo comunican organización y facilitan la navegación, también con tecnologías de apoyo. Elige niveles por relación, no por el aspecto que prefieras.
Este esquema ficticio corresponde a talleres de cerámica para principiantes. Es una organización posible, no un escaneo observado ni un requisito para todas las páginas de servicios.
| Nivel | Encabezado de ejemplo | Relación |
|---|---|---|
| H1 | Talleres de cerámica para principiantes | Tema principal |
| H2 | Qué vas a crear | Sección principal bajo ese tema |
| H3 | Tu primer cuenco | Detalle del H2 anterior |
| H2 | Fechas y reservas | Nueva sección al mismo nivel que el H2 previo |
| H3 | Elegir una sesión | Detalle dentro de fechas y reservas |
Si «Tu primer cuenco» aparece como H4 justo después del H2, revisa si debería ser H3 o si falta una sección superior real. No insertes un H3 vacío para silenciar el aviso. La relación debe surgir del contenido.
Volver de H4 a H2 puede cerrar subsecciones e iniciar otra sección principal. Es diferente de saltar hacia mayor profundidad de H2 a H4. Las zonas fijas, como navegación o barra lateral, también necesitan contexto. No cambies niveles útiles solo para que cada elemento consecutivo de la lista descienda un paso.
Revisa los hallazgos en el contexto de la página
Un encabezado vacío significa que el extractor no encontró texto. Localiza la línea y añade palabras útiles o elimina un elemento sin uso. Comprueba si la plantilla emitió un contenedor vacío antes de atribuirlo al editor del artículo. Esta extracción no analiza el nombre accesible calculado.
La ausencia de H1 pide revisar cómo se marca el tema principal. Varios H1 piden inspeccionar la jerarquía: un título de logotipo repetido junto al del artículo puede venir de una plantilla compartida. Un encabezado principal claro es un buen comienzo, pero el aviso no afirma una penalización automática de Google. No borres contenido útil para forzar un recuento.
Lee también las palabras. «Más información» repetido orienta menos que un encabezado con la pregunta o tema siguiente. Usa lenguaje natural sin repetir la misma palabra clave en cada encabezado. El analizador no juzga si el texto describe fielmente la sección.
El generador de encabezados con IA puede proponer alternativas. Revísalas contra el contenido; generar una etiqueta no determina dónde ni en qué nivel debe estar.
Publica los cambios semánticos y vuelve a comprobar
Elige el elemento correcto en el CMS o componente y aplica los estilos por separado. La referencia MDN de encabezados describe seis niveles y desaconseja usarlos solo para redimensionar texto. Cambiar CSS no corrige un nivel HTML erróneo.
Revisa navegación, pie y barra lateral junto al contenido. Una plantilla puede afectar muchas páginas; comprueba una segunda página representativa si el componente se reutiliza. Publica y repite la URL. Compara texto, secuencia y relaciones con el esquema previsto, sin buscar cantidades iguales por nivel.
La herramienta lee HTML sin ejecutar JavaScript. No determina visibilidad CSS, orden final de lectura ni roles o niveles calculados. Revisa la página renderizada por separado cuando scripts o atributos de accesibilidad cambien la experiencia.
Para señales más amplias usa el On-Page SEO Checker. El título del documento en el navegador es otro campo; el generador de títulos SEO con IA ayuda a redactarlo. Un buen esquema facilita comprender el contenido, pero no verifica todas las condiciones SEO o de accesibilidad.
Usa JavaScript SEO Checker para comparar HTML original y DOM renderizado capturado. Muestra cambios de metadatos y contenido con límites explícitos de recursos y observación, no una predicción de lo que Google indexa.