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.
Руководитель отдела гигиены и организации пространства.
Четкий формат, удобный для программ чтения с экрана и поисковых систем — один заголовок H1 на странице, без переходов между строками.
Что означает "Заголовок: Менеджер по гигиене и структуре"?
Заголовки (<h1> до <h6>Заголовки — это структура содержания страницы. Программы чтения с экрана перемещаются между разделами, используя ярлыки заголовков, а поисковые системы интерпретируют их как тематические карты. Гигиена заголовков подразумевает использование ровно одного заголовка. <h1>, бесшовная иерархия (нет) h2 → h4(Переход), Заголовки описывают то, что следует далее.
Обязательства и выгоды — WCAG 1.3.1.
WCAG 1.3.1 (Информация и взаимосвязи) Это уровень А. Страница с тремя h1один или один h4 сразу после h1 Это семантически некорректно — пользователи программ чтения с экрана теряют ориентацию, страдает SEO (Google использует структуру заголовков для лучшего понимания темы). Кроме того: согласованный менеджер структуры в бэкэнде предотвращает случайное неправильное использование заголовков редакционной командой в качестве „крупного жирного текста".
Как именно мы это решим.
- Ровно один на странице
<h1>(обычно заголовок страницы или главный заголовок). - Бесшовная иерархия:
h1 → h2 → h3, без прыжка сh2непосредственно наh4. - Менеджер структуры в бэкэнде отображает структуру в режиме реального времени во время редактирования — визуальная проверка вместо выборки.
- Шаблоны тем отображают заголовки семантически, а не по дизайнерским соображениям (нет).
h3Просто потому, что желателен размер 24 пикселя — для этого и существует CSS. - Линтер в хуке prepublish: блокирует публикацию в случае нарушения заголовка (необязательно).
- В плагине DigElite, в каждом классе страницы присутствует: conscious
h1/h2/h3- Стратегия по разделам.
Соответствующие структурные элементы нашего модульного комплекса
-
Полная навигация с помощью клавиатуры
WCAG 2.1.1Все функции доступны — без мыши. Незаменимо для пользователей программ чтения с экрана, полезно для всех остальных.
-
Контрастный сканер с автоматической проверкой
WCAG 1.4.3Постоянная проверка контрастности в бэкэнде — о регрессиях сообщается до того, как редакционная группа что-либо заметит.
-
Регионы ARIA Live
WCAG 4.1.3Динамический контент (ошибки форм, индикатор загрузки, мини-корзины) озвучивается программой чтения с экрана.
-
Генератор альтернативного текста на основе ИИ
WCAG 1.1.1Больше никаких „изображений без описания". Искусственный интеллект создает первый черновик, а редакционная команда его дорабатывает.
Вам нужен именно этот модуль?
Первичная консультация (15 минут) — мы выясним, насколько она актуальна для вашего сайта.
Запишитесь на первичную консультацию
Дополнительная информация:
Обзор BFSG ·
Обзор производительности ·
Финансирование BAFA ·
Часто задаваемые вопросы