Что такое иерархия заголовков (H1–H6)?

В HTML есть шесть уровней заголовков: от <h1> до <h6>. Иерархия заголовков означает их использование по принципу оглавления: главная тема страницы помещается в единственный H1, основные разделы — в H2, а их подразделы — в H3. Заголовки выбираются для создания структуры, а не для оформления; если вам нужен более крупный текст, используйте CSS.

#Почему это важно

Поисковые системы и ИИ-ассистенты используют заголовки, чтобы понять, какой раздел отвечает на тот или иной вопрос. Четкая иерархия упрощает суммаризацию контента и его цитирование по разделам. Пользователи программ экранного доступа (скринридеров) также навигируют по странице с помощью заголовков. Без H1 или при наличии нескольких таких заголовков главная тема страницы становится неясной.

#Где это встречается в SEOAsist

В разделе Health подсчитывается количество H1 на каждой странице и формируются отчеты по двум проблемам: No H1 heading и Multiple H1 headings. Обе имеют статус Serious. Подсказка рекомендует использовать один H1 для главной темы, а остальные превратить в H2/H3. Краулер также учитывает заголовки H2 в форме вопросов, которые питают сигналы готовности ответов на стороне GEO. Подробности: Health: technical audit.

#Пример

<h1>Boiler Service Guide</h1>
  <h2>When should a boiler be serviced?</h2>
  <h2>What does a service check?</h2>
    <h3>Burner and heat exchanger cleaning</h3>
    <h3>Gas leak test</h3>
  <h2>Boiler service prices</h2>

#Частые ошибки

• Использование логотипа или названия сайта в качестве H1 на каждой странице, из-за чего реальный заголовок страницы становится вторым H1.
• Выбор уровня заголовка из-за размера шрифта (например, использование H4 только потому, что он выглядит мелким).
• Пропуск уровней (переход от H2 сразу к H4).
• Игнорирование компонентов темы (сайдбар, футер), которые выводят лишние H1/H2.