Заголовки H1, H2, H3 на странице: как расставить для SEO

Заголовки H1, H2, H3 — это скелет страницы. По ним человек за 10 секунд понимает, о чём текст, и решает, читать ли дальше, а поисковик определяет тему страницы и её разделов. Однако на сайтах заголовки часто путают с крупным шрифтом: дизайнер делает «красиво», а смысловая структура страдает. В статье разберём, как устроена иерархия, сколько H1 нужно, куда вставлять ключевые слова и как проверить заголовки на вашем сайте. Мы в Webman с 2016 года делаем и продвигаем сайты в Казахстане, и проверка заголовков входит в любой аудит.

В HTML есть шесть уровней заголовков: от h1 до h6. Они показывают структуру текста так же, как оглавление в книге.

• H1 — главный заголовок страницы. О чём она в целом.
• H2 — заголовки основных разделов.
• H3 — подразделы внутри H2.
• H4–H6 — вложенные уровни. На обычных сайтах нужны редко.

Важно отличать заголовок как смысловой элемент от крупного шрифта. Текст можно сделать большим и жирным, но если он не размечен тегом заголовка, поисковик и программы для чтения с экрана увидят обычный абзац. И наоборот: заголовок H3 можно показать мелким шрифтом, но структура от этого не изменится.

1. Читателю. Люди не читают сайт подряд, а пробегают глазами. Заголовки — точки входа в текст.
2. Поисковику. Заголовки помогают понять, о чём страница и её части. Google не называет их магическим рычагом, но это один из явных сигналов структуры, и хорошо оформленный раздел проще показать в ответе на запрос.
3. Людям с ограниченными возможностями. Программы чтения с экрана позволяют переходить между заголовками. Без разметки страница превращается в сплошную стену текста.
4. Нейросетям. Сервисы, которые отвечают на вопросы, охотнее берут из страницы чёткие разделы с понятными заголовками. Подробнее об этом — на странице про продвижение в нейросетях.

Правило, которое мы используем в Webman: один H1 на страницу. Технически HTML5 допускает несколько, и Google это не наказывает, но один главный заголовок — самый понятный вариант и для людей, и для поисковиков, и для вашей команды.

H1 должен:

• описывать главную тему именно этой страницы;
• содержать главный запрос, но естественно, как фразу, а не набор слов;
• отличаться от H1 других страниц сайта;
• быть коротким: обычно до 60–⁠70 знаков, чтобы читался целиком.

H1 и title: в чём разница

Title — это заголовок в результатах поиска и во вкладке браузера, H1 — заголовок на самой странице. Они близки, но не обязаны совпадать. Title пишут под выдачу: с названием компании, городом, призывом. H1 — под читателя. Как писать title и description, мы разбирали в статье про title и description.

Пример для страницы услуги:

• Title: «Ремонт кондиционеров в Астане: цены, выезд в день обращения | Название»
• H1: «Ремонт кондиционеров в Астане»

Представьте, что заголовки — это оглавление. Если выписать их подряд без текста, должно быть понятно, о чём страница.

Пример хорошей структуры для страницы услуги:

• H1: Ремонт кондиционеров в Астане
• H2: Какие поломки мы устраняем
• H2: Сколько стоит ремонт
• H3: От чего зависит цена
• H2: Как проходит работа
• H2: Вопросы и ответы

Правила:

1. Не перескакивайте уровни. После H2 идёт H3, а не H4. Сразу H1, потом H3 — сбивает логику.
2. Не используйте заголовки для оформления. Если нужно выделить цитату или фразу — используйте цитату или жирный шрифт, а не H2.
3. Каждый раздел H2 — своя подтема. Если два заголовка говорят об одном и том же, это один раздел.
4. Под заголовком должен быть текст. Заголовок, под которым сразу следующий заголовок, — признак пустой структуры.
5. Заголовок обещает то, что есть в разделе. «Наши преимущества» ничего не обещает, «Что входит в обслуживание» — обещает.

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

Как это выглядит на практике. Допустим, главный запрос — «ремонт кондиционеров Астана», вторичные — «стоимость ремонта кондиционера», «заправка кондиционера фреоном».

• H1: «Ремонт кондиционеров в Астане»
• H2: «Сколько стоит ремонт кондиционера»
• H2: «Заправка кондиционера фреоном: когда она нужна»

Заметьте: заголовки звучат как человеческие фразы, а не как перечисление ключей.

Чего не делать

• Не повторять один запрос в каждом заголовке. Страница станет похожа на переспам, а читать её неприятно.
• Не писать заголовки через запятую из ключей. «Ремонт кондиционеров Астана, цена, недорого, срочно» — плохой заголовок.
• Не обещать то, чего нет в тексте. Заголовок «Цены на ремонт» без цен разочаровывает читателя и ухудшает впечатление о странице.

Многие запросы в поиске — вопросы: «сколько стоит…», «как выбрать…», «почему не…». Заголовок H2 в виде вопроса с коротким прямым ответом в первых строках раздела — формат, который хорошо подходит и для читателя, и для расширенных ответов поисковиков и нейросетей.

Схема: вопрос в H2 → ответ в 1–⁠2 предложениях → детали и примеры. Такой формат отлично работает в разделе «Вопросы и ответы», который мы советуем добавлять на страницу услуги: пример структуры есть в статье про страницу услуги на сайте.

• Главная страница. H1 — чем занимается компания и где. Не слоган, а понятная фраза: «Разработка сайтов в Астане». H2 — блоки главной: услуги, примеры, этапы. См. статью про главную страницу сайта.
• Категория каталога. H1 — название категории. H2 — подкатегории или подборки, если они есть.
• Карточка товара. H1 — название товара. Остальные блоки (описание, характеристики, доставка) — H2.
• Статья блога. H1 — заголовок статьи, H2 — главы, H3 — подпункты. Именно так устроена и эта статья.

Типичные проблемы, которые мы находим при аудите:

• На странице нет H1. Заголовок сделан картинкой или абзацем с крупным шрифтом.
• H1 несколько и все разные. Логотип в шапке оформлен как H1 на каждой странице, а настоящий заголовок — вторым.
• H1 один и тот же на всех страницах. Например, название компании. Поисковик не отличает страницы друг от друга.
• Заголовки скрыты стилями. Текст есть для робота, а человек его не видит. Это нарушает правила Google, лучше так не делать.
• Нет порядка в уровнях. H3 идёт перед H2, H4 — без H3.
• Заголовки пустые или состоят из одного слова. «Услуги», «О нас», «Контакты» — допустимы для служебных разделов, но не для страниц, которые должны приводить трафик.
• Заголовки-слоганы. «Мы создаём будущее» не говорит ничего о предложении.

1. Откройте страницу и нажмите правой кнопкой → «Просмотреть код». Найдите (Ctrl+F) тег h1. Он должен быть один.
2. Выпишите все H1–H3 подряд. Читается ли это как оглавление?
3. Проверьте главный запрос. Есть ли он в H1 и хотя бы в одном H2?
4. Сравните с другими страницами. Нет ли одинаковых H1?
5. Посмотрите на телефоне. Заголовки не должны занимать пол-экрана и обрезаться.
6. Проверьте с помощью браузерного расширения для просмотра структуры заголовков — они показывают иерархию одним списком.

Для страниц, которые уже получают трафик, сверяйте изменения с данными в Google Search Console: если показы и клики растут, структура работает.

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

Если хотите, чтобы специалист проверил структуру заголовков и другие технические детали вашего сайта, закажите аудит на странице SEO-продвижения. SEO у нас от 200 000 ₸. А если сайт пора делать заново, разработка сайтов начинается от 330 000 ₸ за лендинг или сайт-визитку.