Теги заголовков (H1–H6): как структурировать страницы для читателей и SEO

Теги заголовков — от <h1> до <h6> — обозначают заголовки на веб-странице. Они задают странице план, так же как главы и разделы структурируют книгу. Эта структура помогает сразу трём аудиториям:

• Читателям, которые пробегают заголовки глазами, чтобы найти нужную часть
• Пользователям программ экранного доступа, которые переходят от заголовка к заголовку
• Поисковым системам и ИИ-системам, которые по заголовкам понимают, о чём каждый раздел

Правильные заголовки — одно из самых простых on-page улучшений, которые можно сделать.

Как работают уровни заголовков

• H1 — главный заголовок страницы, описывающий её общую тему
• H2 — основные разделы
• H3 — подразделы внутри H2
• H4–H6 — более глубокие уровни, которые на большинстве страниц почти не нужны

Хороший план читается как оглавление:

H1  Как начать компостировать дома
  H2  Что можно и что нельзя компостировать
    H3  Зелёные материалы: богатые азотом
    H3  Коричневые материалы: богатые углеродом
  H2  Как выбрать компостер
  H2  Пошагово: закладываем первую кучу
  H2  Решение частых проблем
    H3  Компост неприятно пахнет
    H3  Компост не перегнивает
  H2  Часто задаваемые вопросы

Любой, кто посмотрит на этот план, точно поймёт, о чём страница, — и поисковая система тоже.

Должен ли на странице быть только один H1?

Технически HTML5 допускает несколько элементов H1, и Google заявлял, что несколько H1 не создают проблем для его систем. И всё же один H1 на страницу — самый понятный вариант. Он однозначно обозначает основную тему, сохраняет логичный план для программ экранного доступа и не путает SEO-инструменты.

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

Должен ли H1 совпадать с тегом title?

Они должны описывать одну тему, но не обязаны быть одинаковыми. Тег title пишется для результатов поиска и должен уложиться примерно в 60 символов. H1 — это заголовок, который люди видят, когда уже пришли на страницу, поэтому он может быть чуть длиннее или более разговорным.

Если они описывают совершенно разные вещи, Google с большей вероятностью перепишет ваш title в результатах поиска.

Лучшие практики для заголовков

Используйте заголовки для структуры, а не для оформления

Не выбирайте уровень заголовка из-за размера шрифта и не делайте обычный текст крупным и жирным вместо настоящего заголовка. Оформляйте заголовки через CSS, а уровень выбирайте по плану страницы.

Не пропускайте уровни

Переходите от H2 к H3, а не сразу от H2 к H4. Пропущенные уровни усложняют структуру, особенно для пользователей программ экранного доступа, которые перемещаются по уровням заголовков.

Делайте заголовки описательными

«Обзор», «Подробнее» и «Раздел 2» ничего никому не говорят. «Сколько стоит переоборудование мансарды?» точно сообщает читателям и поисковикам, что будет дальше.

Используйте слова, которые ищут люди, — естественно

Если страница нацелена на запрос «стоимость переоборудования мансарды», логично, чтобы H1 и хотя бы один H2 содержали эту фразу или близкие варианты. Не впихивайте ключевые слова в каждый заголовок — это плохо читается и не даёт никакой пользы.

Пишите заголовки-вопросы для контента с ответами

Когда раздел отвечает на вопрос, сформулируйте заголовок как этот вопрос и ответьте на него прямо в первом предложении под ним. Такой формат легко просматривать читателям и легко извлекать поисковикам для блоков с ответами, «Похожих вопросов» и ответов ИИ.

Делайте их краткими

Большинство заголовков лучше работают, если они короче 70 символов. Длинные заголовки трудно просматривать.

Заголовки и доступность

Для людей, пользующихся программами экранного доступа, заголовки — главный способ понять страницу и перемещаться по ней. Руководство по доступности веб-контента (WCAG) требует, чтобы заголовки описывали свои разделы и отражали реальную структуру контента. Поэтому хорошая структура заголовков — требование доступности, а не просто приятная мелочь для SEO, и она помогает всем.

Частые проблемы с заголовками

1. Нет H1 вообще — часто потому, что тема выводит заголовок страницы в оформленном div
2. Логотип в H1 на каждой странице — в итоге у всех страниц одинаковый H1
3. Заголовки в элементах дизайна вроде «Подписывайтесь на нас» или блоков рассылки в сайдбаре
4. Пустые заголовки — тег H, внутри которого только изображение без alt
5. Стены текста — длинные страницы совсем без подзаголовков

Сканирование сайта покажет страницы без H1 или с несколькими H1, а проверка отдельной страницы — её полный план.

Примеры планов для распространённых типов страниц

Страница товара

H1  Кофемашина Breville Barista Express
  H2  Ключевые особенности
  H2  Комплектация
  H2  Характеристики
  H2  Отзывы покупателей
  H2  Доставка и возврат

Страница местной услуги

H1  Срочный сантехник в Москве
  H2  Что мы ремонтируем
    H3  Прорывы труб
    H3  Поломки котлов
    H3  Засоры канализации
  H2  Районы выезда
  H2  Цены
  H2  Почему выбирают нас
  H2  Часто задаваемые вопросы

Сравнительная статья

H1  Лучшие жерновые кофемолки 2026 года
  H2  Наш выбор вкратце
  H2  Как мы тестировали
  H2  Обзоры лучших кофемолок
    H3  1. Baratza Encore ESP — лучшая в целом
    H3  2. Fellow Opus — лучший дизайн
  H2  На что смотреть при выборе кофемолки
  H2  Вопросы и ответы

Каждый план понятен сам по себе. Его можно отдать автору, и он точно поймёт, что нужно написать.

Заголовки и блоки с ответами

Когда страница попадает в блок с ответом — ответ в рамке над некоторыми результатами, — Google часто использует заголовок как контекст, а абзац или список сразу под ним — как ответ. Списки в таких блоках часто собираются из серии заголовков H2 или H3 либо из нумерованного списка под заголовком.

Чтобы дать контенту лучший шанс:

• Формулируйте заголовок как вопрос или задачу
• Отвечайте кратко (около 40–60 слов) в первом абзаце после него
• Используйте нумерованный список для шагов и маркированный — для вариантов
• Используйте таблицу для сравнений

Та же структура облегчает ИИ-поисковикам извлечение и цитирование вашего контента.

Аудит заголовков на сайте

Проблемы с заголовками обычно идут от шаблонов, поэтому повторяются на множестве страниц. Сканирование быстро покажет закономерности:

1. Страницы без H1 — проверьте шаблон для этого типа страниц
2. Страницы с несколькими H1 — часто виноват логотип или виджет сайдбара
3. Одинаковые H1 на многих страницах — признак шаблонных или скудных дублирующихся страниц
4. H1, не совпадающие с темой title — риск противоречивых сигналов

Исправьте шаблон один раз — и улучшатся все страницы, которые его используют. Для отдельных страниц откройте план и прочитайте только заголовки: если история складывается и охватывает то, что ожидает пользователь, структура работает.

Оформление заголовков без поломки структуры

Иногда дизайнеры хотят маленький неприметный заголовок для раздела, который по структуре является H2, или крупную визуальную фразу, которая вовсе не заголовок. CSS решает обе задачи: оформите H2 как маленький с помощью класса, а для декоративной фразы используйте оформленный абзац или div. HTML должен честно отражать структуру контента, а внешний вид пусть берёт на себя CSS.

Главное

• Заголовки задают странице план, который помогает читателям, пользователям программ экранного доступа и поисковым системам.
• Используйте один H1 для основной темы, H2 для разделов и H3 для подразделов, не пропуская уровни.
• Выбирайте уровни заголовков по структуре, а оформляйте их через CSS.
• Заголовки-вопросы с прямым ответом под ними хорошо подходят для блоков с ответами и ответов ИИ.
• Большинство проблем с заголовками идут от шаблонов — исправляйте их один раз в источнике.
• Прочитайте только заголовки: если план рассказывает историю, структура работает.

Часто задаваемые вопросы

Помогают ли теги заголовков SEO?

Да. Они помогают поисковым системам понять тему и структуру страницы и делают контент удобнее для чтения, что поддерживает вовлечённость. H1 особенно сильно сигнализирует об основной теме страницы.

Можно ли использовать H1 несколько раз?

Можно, и Google с этим справляется, но один H1 на страницу понятнее для пользователей, инструментов доступности и аудитов.

Сколько H2 должно быть на странице?

Столько, сколько в ней реальных разделов. На короткой странице товара их может быть два-три, в длинном руководстве — десять и больше.

Должны ли заголовки содержать ключевые слова?

Используйте релевантные термины там, где они естественно вписываются, особенно в H1 и главных H2. Понятность для читателя важнее точного вхождения ключевых слов.