Уровни заголовков определяют смысловую иерархию, а не обязательный размер текста. Поэтому визуальное оформление H1–H6 может различаться в зависимости от дизайн-системы сайта.
Зачем нужен заголовок H1
Заголовок H1 выполняет две основные функции: обозначает тематику страницы для поисковых систем и помогает посетителям быстро понять, какую информацию они найдут на сайте.
Значение H1 для поисковых систем
Яндекс и Google используют H1 как один из сигналов для определения тематики страницы и её соответствия поисковым запросам. Заголовок анализируется вместе с Title, основным текстом, ссылками и другими элементами документа.
В ранних подходах к SEO большое внимание уделялось точному вхождению ключевых слов в заголовки. По мере развития поисковых алгоритмов значение комплексной оценки содержания возросло: современные поисковые системы способны определять тематику страницы даже при неидеальной HTML-разметке. Поэтому H1 сегодня не стоит рассматривать как самостоятельный инструмент повышения позиций.
Это не означает, что заголовок утратил значение для SEO. Корректный H1 помогает обозначить основную тему документа и остаётся частью базовой внутренней оптимизации сайта.
Значение H1 для пользователей
H1 помогает посетителю сразу определить тему страницы и понять, соответствует ли её содержание ожиданиям. Это особенно важно при переходе из поисковой выдачи или рекламы, когда пользователь рассчитывает найти информацию, товар или услугу, соответствующие его запросу.
Заголовки также помогают ориентироваться в длинных материалах. При беглом просмотре читатель может переходить между разделами H2–H6, находя интересующие вопросы без необходимости последовательно читать весь текст.
Чем H1 отличается от Title
H1 и Title обозначают тему веб-страницы, но выполняют разные задачи. Title задаёт название HTML-документа, а H1 — главный заголовок его содержимого.
Пример для страницы услуги SEO-продвижения:
Title: SEO-продвижение сайтов в Москве — услуги агентства | Кувшинка
H1: SEO-продвижение сайтов в Москве
Title содержит дополнительную информацию об услуге и название агентства, тогда как H1 кратко обозначает содержание страницы.
При этом полное совпадение H1 и Title допустимо и само по себе не является SEO-ошибкой. Главное, чтобы оба заголовка соответствовали содержимому страницы и не были перегружены ключевыми словами.
Также важно учитывать, что Яндекс и Google не всегда используют Title в первоначальном виде. При формировании заголовка поискового результата они могут обращаться к другим элементам страницы, включая H1.
Как правильно составить H1
При составлении H1 важно учитывать содержание страницы, поисковый интент и естественность формулировки. Рассмотрим основные рекомендации.
Сколько заголовков H1 должно быть на странице
Для большинства сайтов рекомендуется использовать один H1 на страницу. Это помогает выделить главный заголовок и сохранить понятную иерархию документа.
Несколько H1 не означают автоматических санкций поисковых систем, однако на обычных страницах такая структура редко необходима. Дополнительные заголовки могут появляться из-за настроек CMS, когда H1 одновременно выводится шаблоном и редактором.
Оптимальная длина H1
У Яндекса и Google нет официального ограничения на длину H1. В SEO-практике иногда рекомендуют придерживаться 70 символов, но это не обязательное требование.
Например, «Роботы-пылесосы» подходит для страницы товарной категории, а «Как провести технический SEO-аудит интернет-магазина» — для информационной статьи.
Главное — точность и понятность заголовка, а не количество символов.
Использование ключевых слов в H1
В H1 желательно включать основную ключевую фразу, соответствующую содержанию страницы. При этом необязательно сохранять точное вхождение запроса или неестественный порядок слов.
Например:
Ключевую фразу можно размещать ближе к началу заголовка, если это не ухудшает читаемость.
Уникальность заголовка H1
Для каждой самостоятельной страницы желательно составлять H1, отражающий её содержание. Одинаковые заголовки на разных URL не всегда являются ошибкой, но могут указывать на проблемы с шаблонами или недостаточную конкретизацию страниц.
Например, региональные страницы могут иметь заголовки «SEO-продвижение сайтов в Москве» и «SEO-продвижение сайтов в Санкт-Петербурге».
Однако уникальный H1 не делает уникальным сам контент. Простая замена названия города не оправдывает создание множества однотипных страниц.
Заголовки для коммерческих страниц
На страницах услуг H1 должен обозначать конкретное предложение компании. Уточнения о формате работы, технологии или регионе уместны, если помогают раскрыть суть услуги.
Пример 1. Конкретное название услуги
Во втором варианте указана не только услуга, но и формат её оказания.
Пример 2. Вместо рекламных обещаний — содержание
Конкретное название услуги позволяет сразу понять назначение страницы.
Пример 3. Уточнение специализации
Второй вариант предпочтительнее, если страница посвящена разработке именно на этой платформе. При этом первый заголовок сам по себе не является ошибкой для общей страницы услуги.
Заголовки для информационных статей
H1 информационной статьи должен отражать её тему и показывать, на какой вопрос читатель получит ответ. Для инструкций подходят формулировки «Как сделать…», «Как проверить…», а для обзоров — конкретные названия рассматриваемых тем.
Пример 1. Объяснение термина
Пример 2. Практическая инструкция
Пример 3. Тематическая подборка
Неудачно: «Ошибки, которые допускают многие»
Удачно: «10 распространённых ошибок технической SEO-оптимизации»
Заголовок должен соответствовать глубине материала. Например, формулировка «Как провести SEO-аудит сайта: пошаговая инструкция» предполагает последовательное руководство, а не краткое описание услуги.
Год в H1 стоит указывать, если содержание действительно зависит от времени: например, при обзоре изменений поисковых алгоритмов или рекламных инструментов. Для универсальных инструкций и определений он обычно не нужен.
Заголовки для интернет-магазинов
В интернет-магазинах H1 зависит от типа страницы. Для категорий и подкатегорий он обозначает товарную группу, а для карточек — конкретный товар с его названием и характеристиками.
Пример 1. Категория товаров
Пример 2. Подкатегория
Пример 3. Карточка товара
Неудачно: «Мощный ноутбук для любых задач»
Удачно: «Ноутбук [производитель] [модель], 16 ГБ RAM, SSD 512 ГБ»
В карточках товаров рекомендуется использовать фактическое наименование модели и характеристики, позволяющие отличить её от других предложений. Условия доставки, скидки и наличие лучше размещать в отдельных элементах страницы, чтобы не перегружать главный заголовок.
Как добавить H1 на сайт
Способ добавления H1 зависит от того, как устроен сайт. В HTML-документе заголовок можно прописать вручную, а в системах управления контентом (CMS) он обычно создаётся через редактор страницы или автоматически выводится шаблоном.
Добавление H1 через HTML
Чтобы добавить H1 вручную, необходимо разместить соответствующий тег внутри <body> — части HTML-документа, содержащей видимое содержимое страницы.
Пример простой HTML-страницы с главным заголовком:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Разработка сайтов под ключ</title>
</head>
<body>
<main>
<h1>Разработка сайтов под ключ</h1>
<p>Информация об услуге разработки сайтов.</p>
</main>
</body>
</html>
В данном примере H1 расположен внутри элемента <main>, который обозначает основное содержимое страницы. Это удобный способ отделить главный контент от навигации, шапки и подвала сайта.
После внесения изменений необходимо сохранить HTML-файл и открыть страницу в браузере. Для проверки разметки можно воспользоваться инструментами разработчика: выделить заголовок, нажать правой кнопкой мыши и выбрать «Просмотреть код».
Если заголовок формируется JavaScript, важно убедиться, что он присутствует в итоговом DOM страницы и доступен для обработки поисковыми системами. Для SEO предпочтительно, чтобы основное содержимое, включая H1, было доступно без необходимости выполнять сложные клиентские сценарии.
Настройка H1 в WordPress, Tilda и 1С-Битрикс
В системах управления контентом (CMS) заголовок H1 обычно можно настроить без ручного редактирования HTML-кода. Однако способ его формирования зависит от используемой платформы, шаблона сайта и настроек отдельных компонентов.
WordPress
В WordPress заголовок записи или страницы во многих темах автоматически выводится в теге H1.
Чтобы проверить его настройку:
Откройте административную панель WordPress.
Перейдите в раздел «Страницы» или «Записи».
Выберите нужный материал и отредактируйте его название.
Сохраните изменения и проверьте итоговую HTML-разметку.
Не следует добавлять отдельный блок «Заголовок» с уровнем H1, не убедившись, что тема оформления уже не выводит главный заголовок автоматически.
Tilda
В Tilda HTML-тег заголовка можно задать через настройки соответствующего блока.
Откройте нужную страницу в редакторе Tilda.
Перейдите к блоку, содержащему главный заголовок.
Откройте настройки блока и найдите параметр «SEO: тег для заголовка» или аналогичное поле.
Выберите H1, сохраните изменения и опубликуйте страницу.
Название и расположение параметра могут различаться в зависимости от используемого блока. Если заголовок состоит из нескольких текстовых элементов, следует проверить, к какому именно элементу применяется выбранный тег.
1С-Битрикс
В 1С-Битрикс H1 может формироваться из названия страницы, свойств раздела, настроек компонента или шаблона сайта.
Например, на страницах каталога заголовок нередко выводится через PHP:
<h1><?$APPLICATION->ShowTitle(false);?></h1>
В таком случае текст заголовка определяется настройками страницы или логикой компонента, а HTML-тег задаётся шаблоном.
Для изменения H1 необходимо определить источник его формирования. В зависимости от реализации потребуется отредактировать название страницы, свойства раздела либо шаблон компонента.
После любых изменений следует проверить итоговый HTML: выбранный заголовок должен отображаться корректно, а шаблон не должен создавать лишние H1.
Как проверить H1 на странице
Проверить наличие и корректность H1 можно непосредственно в браузере или с помощью специализированных SEO-инструментов. Первый способ подходит для анализа отдельных страниц, второй — для массовой проверки заголовков на всём сайте.
Проверка H1 через браузер
Современные браузеры позволяют просматривать HTML-разметку страницы без установки дополнительных программ. Например, в Google Chrome можно воспользоваться встроенными инструментами разработчика.
Порядок проверки:
Откройте страницу, заголовок которой необходимо проверить.
Нажмите правой кнопкой мыши на заголовок и выберите «Просмотреть код».
В открывшейся панели Elements найдите выделенный HTML-элемент.
Убедитесь, что основной заголовок заключён в тег <h1>.
Нажмите Ctrl + F в панели Elements и выполните поиск по <h1, чтобы найти другие элементы с таким тегом.
Если H1 отсутствует или встречается несколько раз, проверьте назначение найденных элементов и структуру страницы.
Также можно использовать браузерные SEO-расширения, которые отображают заголовки H1–H6 в виде списка. Это удобно, когда необходимо быстро оценить иерархию без самостоятельного изучения HTML-кода.
Важно учитывать, что панель Elements показывает текущую структуру DOM. Если страница изменяется после загрузки с помощью JavaScript, она может отличаться от первоначального HTML, полученного браузером. Для сравнения можно открыть исходный код страницы сочетанием Ctrl + U.
Массовая проверка H1 через Screaming Frog
Для проверки заголовков на большом количестве страниц можно использовать Screaming Frog SEO Spider — программу для технического аудита сайтов. Она сканирует URL, собирает данные об HTML-элементах и позволяет обнаруживать потенциальные проблемы с H1.
Чтобы провести проверку:
Запустите Screaming Frog SEO Spider, введите адрес сайта в верхнее поле и нажмите Start.
Дождитесь завершения сканирования и откройте вкладку H1.
В выпадающем списке фильтров выберите тип проблемы, которую необходимо проверить.
Изучите обнаруженные URL и при необходимости экспортируйте результаты через кнопку Export.
Во вкладке H1 доступны следующие фильтры:
Набор и названия фильтров могут различаться в зависимости от версии программы.
Для массовой выгрузки проблем можно воспользоваться меню Bulk Export → Web → H1, если соответствующий отчёт доступен в установленной версии программы.
Полученный список следует проанализировать перед внесением изменений. Например, H1 длиной более 70 символов не обязательно требует сокращения, а одинаковые заголовки могут быть допустимы на отдельных типах страниц.
Приоритет исправления стоит определять по значимости URL, характеру проблемы и её влиянию на структуру и удобство сайта. Сам факт попадания страницы в отчёт Screaming Frog ещё не означает, что она неправильно оптимизирована.
Распространённые ошибки при использовании H1
При работе с H1 проблемы возникают не только из-за неправильно составленного текста, но и вследствие особенностей шаблонов сайта, настроек CMS и JavaScript. Некоторые из них невозможно обнаружить визуально — требуется проверить HTML-разметку страницы.
Особое внимание стоит уделять шаблонным ошибкам. Например, неправильно настроенный компонент каталога может формировать некорректные H1 сразу на множестве страниц. Поэтому при обнаружении однотипных проблем сначала следует проверить общий шаблон, а не исправлять каждый URL вручную.
Не все предупреждения SEO-инструментов требуют обязательного вмешательства. Перед исправлением необходимо определить, мешает ли выявленная особенность пользователям, поисковым системам или корректной работе сайта.
Частые вопросы о теге H1
Нужно ли добавлять H1 на главную страницу сайта?
Да, на главной странице также рекомендуется использовать H1. Его содержание зависит от назначения сайта: для компании это может быть основная услуга или направление деятельности, для интернет-магазина — название товарной категории или характеристика ассортимента.
Можно ли размещать ссылку внутри H1?
Да, HTML допускает размещение ссылки <a> внутри H1. Само по себе это не является технической ошибкой или основанием для санкций поисковых систем.
Однако на обычных страницах главный заголовок чаще оставляют без ссылки. Если H1 обозначает текущую страницу, переход по нему на тот же URL обычно не приносит пользователю дополнительной пользы.
Можно ли изменять H1 после индексации страницы?
Да, заголовок можно редактировать после публикации и индексации. Например, при изменении ассортимента, обновлении услуги или уточнении содержания статьи.
После повторного обхода страницы поисковые системы смогут учесть обновлённый заголовок. При этом изменение H1 не гарантирует ни роста, ни снижения позиций.
