Основы
Заголовок H1: как написать и сколько нужно на странице
H1 — видимый главный заголовок страницы. Он помогает читателю сразу понять, куда он попал, а поисковой системе — соотнести страницу с её содержанием. Для обычной статьи или карточки товара удобнее один понятный H1; несколько H1 сами по себе не означают санкцию.
Чем H1 отличается от title
<title> находится в служебной части HTML и обычно участвует в формировании заголовка результата поиска. H1 находится в содержимом страницы: его видит человек после открытия. Они могут передавать одну тему разными словами, но не должны обещать разное. Если title обещает инструкцию, а H1 ведёт к рекламному обзору, читатель не получает ожидаемого ответа.
Учебный пример: у страницы магазина title «Как выбрать беговые кроссовки для асфальта», а H1 «Кроссовки для бега по асфальту». Оба текста согласованы. На странице каталога H1 «Обувь» при title «Кроссовки для асфальта» слишком общий: уточните видимый заголовок. Google может учитывать видимый основной заголовок, когда формирует название результата поиска.
Сколько H1 ставить
В HTML допустимы несколько элементов H1. Правило «ровно один или поисковик накажет» неверно. Но для большинства отдельных документов один главный заголовок проще и для читателя, и для редактора. Если в макете два одинаково крупных H1, проверьте, действительно ли страница отвечает на два равноправных вопроса. Возможно, один блок должен быть H2 или отдельной страницей.
Главное — логичная структура. H1 называет страницу, H2 разделяет крупные шаги или вопросы, H3 делит один раздел на части. Не выбирайте уровень заголовка ради размера шрифта: внешний вид задаётся CSS. Пустой H1 или заголовок из одного ключевого слова без смысла не помогает посетителю.
Как написать полезный H1
Сформулируйте тему так, чтобы человек узнал свой вопрос за секунду. Для статьи «Как исправить ошибку 404» точнее, чем «Полезные советы». Для карточки товара укажите конкретный товар, модель или отличительный признак. Добавьте основной запрос естественно; перечень вариантов запроса через запятую читать трудно.
Сравните H1 с первым абзацем и содержимым: обещанный ответ должен появиться сразу и быть раскрыт дальше. Не нужно искусственно повторять фразу из title символ в символ. Если на сайте шаблон создаёт H1 из названия раздела, проверьте несколько разных URL: в каждой карточке и категории заголовок должен описывать именно эту страницу.
Типичные ошибки и исправления
Частая ошибка — логотип или название сайта в H1 на каждой странице, а реальная тема отмечена H2. Тогда посетителю сложнее понять, чем страницы отличаются. Исправьте шаблон: название сайта оставьте в шапке, а главный заголовок отдайте теме страницы.
Другая ошибка — два крупных заголовка, которые противоречат друг другу, например «Доставка» и «Контакты» над одной инструкцией по возврату. Выберите основную задачу страницы и разбейте остальное на разделы. Если темы самостоятельны и обе нужны поиску, разделите их на отдельные URL с полноценным содержанием.
Проверка шаблона на реальных страницах
На учебном сайте услуг откройте страницу «Ремонт кофемашин», страницу «Ремонт холодильников» и общую страницу «Услуги». Если везде стоит H1 «Услуги», шаблон не передаёт тему конкретной страницы. Измените поле, из которого шаблон берёт главный заголовок. После этого проверьте, что карточки услуг не получили бессмысленные заголовки из длинных внутренних названий в CMS.
Далее сравните каждую страницу с результатом поиска. Если поисковик показывает вместо title фразу из H1, проверьте, не обещают ли два заголовка разное и не слишком ли общий title. Не меняйте H1 только ради того, чтобы принудить поисковик к определённому сниппету: он формируется автоматически. Запишите исходный URL, старый и новый H1 и дату изменения; так будет проще понять эффект после повторного обхода.
Как проверить результат
Откройте страницу и назовите её тему, глядя только на H1 и первый экран. Затем посмотрите исходный HTML: заголовок должен быть текстом внутри элемента <h1>, а не картинкой или крупным <div>. Проверьте мобильную версию: видимый заголовок не должен исчезать или заменяться другим.
Для выборки возьмите главную, категорию, товар и статью. Сравните H1, title и начало текста на каждом URL. Проверка SEO title помогает найти страницы без H1, с повторяющимися заголовками и несогласованными метаданными; окончательное решение о формулировке принимает редактор после чтения страницы.
Первоисточники
FAQ
Частые вопросы
Несколько H1 приводят к санкции?
Нет. Важнее понятная иерархия и один очевидный главный заголовок для обычной страницы.
Нужно ли копировать title в H1 дословно?
Нет. Достаточно, чтобы они описывали одну тему и не обещали разный результат.
Можно ли сделать H1 картинкой?
Лучше использовать доступный текстовый заголовок. Изображение может его сопровождать, но не заменять.
Проверьте себя
Вопрос 1 из 2. Результат увидите только вы.
Обсуждение
Какой H1 на вашем сайте сейчас хуже всего описывает содержимое страницы?
Войдите, чтобы оставить комментарий. Читать обсуждение могут все. Комментарии проходят автоматическую и редакционную проверку.