Заголовки на странице выполняют две задачи сразу. Посетителю они помогают за несколько секунд понять, о чём текст и где искать нужное. Поисковой системе они показывают структуру страницы и её главные темы. При этом на многих сайтах заголовки расставлены случайно: размер шрифта выбирают по красоте, а уровни идут вперемешку. Разберём, как выстроить их правильно.
Что такое H1-H6
В коде страницы заголовки размечаются тегами от H1 до H6. Это уровни вложенности, как в оглавлении книги: H1 - название всей страницы, H2 - главы, H3 - подразделы внутри глав. Уровни H4-H6 нужны редко, в основном в длинных инструкциях и документации. Важно понимать, что уровень заголовка - это про смысл, а не про размер букв. Как заголовок выглядит, решает дизайн, а тег сообщает, какое место он занимает в структуре.
Главный заголовок H1
H1 отвечает на вопрос, о чём эта страница. На странице услуги это название услуги, в карточке товара - название товара, в статье - её тема. Хорошая практика - один H1 на страницу. Google заявляет, что справится и с несколькими, но один главный заголовок дисциплинирует: если не получается сформулировать его одной фразой, возможно, страница пытается рассказать сразу обо всём.
В H1 стоит включить основной запрос, по которому страницу должны находить, но в естественном виде. "Ремонт квартир в Таллинне под ключ" - хорошо. "Ремонт квартир Таллинн цена недорого" - плохо: так люди пишут в поиске, но не говорят. H1 и метатег title могут отличаться. Title виден в результатах поиска и должен привлекать клик, а H1 читает человек, который уже пришёл на страницу.
Подзаголовки H2 и H3
Подзаголовки делят страницу на смысловые блоки. Простой тест: выпишите все заголовки страницы подряд. Если получилось связное оглавление, по которому понятно содержание, структура удалась. Если получился набор слов вроде "Преимущества", "Подробнее", "Наши плюсы" - заголовки ничего не сообщают ни человеку, ни роботу.
Формулируйте подзаголовки конкретно. Вместо "Цены" - "Сколько стоит установка кондиционера". Вместо "Этапы" - "Как проходит работа: от замера до сдачи". Такие заголовки часто совпадают с тем, что люди вводят в поиск, и помогают странице появляться по уточняющим запросам. Кроме того, поисковые системы и нейросетевые ассистенты охотно берут в ответы фрагменты, где за заголовком-вопросом сразу следует короткий ясный ответ.
Частые ошибки
- На странице нет H1 вообще, либо в H1 размечен логотип.
- H1 одинаковый на всех страницах сайта, например название компании.
- Уровни пропущены: после H2 сразу идёт H4, потому что так красивее по размеру.
- Тегами заголовков размечены элементы оформления: телефон в шапке, названия блоков в подвале, подписи в меню.
- Заголовок есть визуально, но в коде это обычный жирный текст.
- В заголовки втиснуто несколько ключевых слов подряд.
Отдельная проблема встречается на сайтах, собранных из готовых блоков в конструкторе. Каждый блок приносит свои теги, и на странице оказывается пять H1 и ни одного H2. Внешне всё выглядит аккуратно, а структура в коде хаотична.
Заголовки и доступность
Люди, которые пользуются программами чтения с экрана, перемещаются по странице именно по заголовкам: программа зачитывает их список, и человек переходит к нужному разделу. Если заголовки расставлены ради размера шрифта, такая навигация ломается. Правильная иерархия - одно из базовых требований доступности, которые в Евросоюзе постепенно становятся обязательными для всё большего числа сайтов.
Как проверить свой сайт
Откройте страницу в браузере, вызовите инструменты разработчика и посмотрите на теги заголовков, либо установите бесплатное расширение, которое показывает структуру заголовков списком. Проверьте главную, основные страницы услуг и пару статей. Нужная картина простая: один H1 с темой страницы, под ним несколько H2 по смысловым блокам, внутри больших блоков - H3.
Исправление обычно занимает немного времени, потому что заголовки задаются в шаблонах: поправив шаблон страницы услуги, вы исправляете сразу все услуги. Это одна из тех SEO-работ, где небольшое усилие даёт заметный и долгий результат.