Eine gute Überschrift für Maschinen und Menschen: Eine H1 pro Seite. Keine Übersprungspunkte.
Überschriften sind wichtig für Bildschirmleser. Sie helfen von Abschnitt zu Abschnitt zu springen. Maschinen lesen Überschriften als Themenplan. Gute Überschriften heißen: Eine H1, keine Lücken in der Reihenfolge. Keine großen Sprünge zum Beispiel von H2 zu H4. Sie beschreiben das folgende Thema.
Die WCAG-Regel 1.3.1 ist sehr wichtig. Eine Seite mit drei H1 oder eine H4 direkt nach H1 ist schlecht. Nutzer von Bildschirmlesern verstehen dann wenig. Suchmaschinen verstehen die Themen nicht gut. Ein guter Struktur-Manager im Hintergrund verhindert Fehler. So nutzt niemand Überschriften als einfach „großen Text“.
15 Minuten Gespräch klären: Ist es für Ihre Seite wichtig? Mehr Infos: BFSG-Übersicht, Leistungs-Übersicht, BAFA-Förderung, häufige Fragen.
Jefe de Higiene y Estructura
Estructura limpia para lectores de pantalla y motores de búsqueda: un encabezado H1 por página, sin saltos.
¿Qué significa "Gerente de Higiene y Estructura de Encabezado"?
Encabezados (<h1> hasta <h6>Los encabezados son la estructura del índice de una página. Los lectores de pantalla navegan entre secciones mediante atajos de encabezado, mientras que los motores de búsqueda los interpretan como mapas temáticos. La higiene de encabezados implica usar exactamente un encabezado. <h1>, jerarquía sin fisuras (no h2 → h4-Salto), Los encabezados describen lo que sigue.
Obligación y beneficio — WCAG 1.3.1.
WCAG 1.3.1 (Información y relaciones) es Nivel A. Una página con tres h1s o uno h4 inmediatamente después h1 Presenta errores semánticos: los usuarios de lectores de pantalla se desorientan y el SEO se resiente (Google utiliza esquemas de encabezados para comprender los temas). Además, un gestor de estructura coherente en el backend evita que el equipo editorial utilice los encabezados de forma incorrecta, como si fueran texto en negrita.
Cómo lo resolveremos específicamente.
- Exactamente uno por página
<h1>(normalmente título de página o titular principal). - Jerarquía sin fisuras:
h1 → h2 → h3, sin salto desdeh2directamente enh4. - El gestor de estructura en el backend muestra el esquema en tiempo real durante la edición: validación visual en lugar de muestreo.
- Las plantillas de temas renderizan los encabezados semánticamente, no por razones de diseño (no
h3simplemente porque se desean 24px (para eso está CSS). - Linter en el gancho de prepublicación: bloquea la publicación en caso de infracción de encabezado (opcional).
- En el plugin DigElite, presente en cada clase de página: consciente
h1/h2/h3-Estrategia por sección.
Componentes básicos relacionados de nuestro conjunto de módulos
-
Navegación completa con teclado
WCAG 2.1.1Todas las funciones son accesibles sin necesidad de ratón. Imprescindible para usuarios de lectores de pantalla, útil para todos los demás.
-
Escáner de contraste con auditoría automática
WCAG 1.4.3Se realiza una comprobación continua del contraste en el sistema interno: se informa de cualquier regresión antes de que el equipo editorial se dé cuenta.
-
Regiones en vivo de ARIA
WCAG 4.1.3El lector de pantalla anuncia el contenido dinámico (errores de formulario, pantalla de carga, minicarritos).
-
Generador de texto alternativo con IA
WCAG 1.1.1Se acabaron las "imágenes sin descripción". La IA proporciona el primer borrador y el equipo editorial lo perfecciona.
¿Necesitas este módulo en concreto?
Consulta inicial de 15 minutos: aclararemos si es relevante para su sitio web.
Más información:
Descripción general de BFSG ·
Descripción general del rendimiento ·
Financiación de BAFA ·
Preguntas frecuentes
