–
Títulos totales
–
Etiquetas H1
–
Problemas
Verificador de estructura de títulos
Pega el código fuente HTML para visualizar la jerarquía de títulos (H1-H6) como árbol indentado. El verificador detecta problemas comunes de SEO y accesibilidad.
Problemas detectados
- H1 faltante: cada página debe tener exactamente un H1
- Múltiples H1: se recomienda solo un H1 por página
- Saltos de nivel: ej. H2 seguido de H4 sin H3 intermedio
- Títulos vacíos: etiquetas de título sin contenido textual
Por qué importa la estructura de títulos
Una jerarquía bien estructurada sirve dos propósitos:
- SEO: los motores de búsqueda usan los títulos para entender la estructura. Un H1 descriptivo con la palabra clave principal ayuda a Google.
- Accesibilidad (WCAG): los lectores de pantalla navegan por títulos. Los saltos de nivel rompen esta navegación.
Buenas prácticas
- Exactamente un H1 por página, debe describir el tema principal
- H2 para secciones principales, H3 para subsecciones, etc.
- Nunca saltarse niveles, usar CSS para el estilo visual
Obligaciones legales en España y Europa
La estructura de encabezados no es solo una buena práctica SEO en España, es un requisito legal para muchas organizaciones:
- Real Decreto 1112/2018: obliga a todos los organismos del sector público español (administración, universidades públicas, organismos autónomos) a cumplir con WCAG 2.1 Nivel AA. El criterio 1.3.1 requiere una jerarquía de encabezados lógica. El incumplimiento puede denunciarse ante el organismo supervisor designado por cada Administración.
- Ley General de derechos de las personas con discapacidad (LGDPD): aplica requisitos de accesibilidad al sector privado para productos y servicios dirigidos al público. Desde el 28 de junio de 2025, el Acto Europeo de Accesibilidad (transpuesto en España) exige WCAG 2.1 AA a empresas de e-commerce, banca, transporte y libros electrónicos.
- WCAG 2.1 AA, criterio 1.3.1: se viola cuando los encabezados saltan niveles o cuando el contenido se indenta visualmente sin usar la jerarquía HTML.
Herramientas gratuitas para auditar: extensión WAVE, axe DevTools, pestaña "Accesibilidad" en las DevTools de Chrome.