Заголовок H1 – это главный заголовок веб-страницы, структурный элемент HTML, который обозначается тегом
. На странице должен быть только один H1, и он должен точно отражать основную тему контента. H1 видит поисковик и читатель: для поисковика это сигнал о главной идее страницы, для читателя – первое, что ориентирует его в содержании.
| Что разберем | Что это даст |
| Как правильно написать и разместить H1 | Страница будет точнее восприниматься поисковиком и читателями, улучшится SEO |
| Чем H1 отличается от других заголовков (H2, H3) | Поймете иерархию заголовков и правильно структурируете контент |
| Какие ошибки убивают эффективность H1 | Не будете неумышленно вредить видимости страницы в поиске |
| Когда нужно менять или адаптировать H1 | Сможете оптимизировать заголовок под реальные запросы читателей и алгоритмы |
Как написать и разместить H1 правильно
Основное правило: один H1 на странице, в начале контента, точно описывающий суть страницы. H1 должен быть уникальным в пределах сайта – один и тот же H1 на разных страницах вредит SEO.
Структура текста H1: используйте основной ключевой запрос, по которому вы хотите ранжироваться. Если вы пишете статью про то, как выбрать ноутбук, H1 может быть “Как выбрать ноутбук: критерии выбора и рекомендации”, а не “Все о ноутбуках” или “Ноутбуки бывают разные”.
Где размещать: H1 должен быть первым значимым заголовком на странице. Если у вас есть логотип, навигация, баннер – это не H1. H1 идет сразу перед основным контентом или сразу после него, но обязательно в видимой части страницы, желательно выше сгиба.
Длина: оптимально 40–60 символов. Слишком короткий H1 (“Ноутбуки”) не информативен, слишком длинный (“Как выбрать ноутбук для работы, учебы, игр и видеомонтажа в 2024 году с учетом всех современных требований”) теряет эффективность в поиске.
Ключевые слова в H1: вставляйте основной запрос, но естественно. Не “Выбрать ноутбук ноутбук купить ноутбук”, а “Как выбрать ноутбук: полное руководство”.
Отличие H1 от H2, H3 и других заголовков
Иерархия заголовков
H1 – главный заголовок страницы. H2 – подразделы внутри этой темы. H3 – подтемы внутри H2. И так далее.
Если H1 – “Как выбрать ноутбук”, то H2 могут быть: “Процессор и производительность”, “Оперативная память”, “Видеокарта”. А H3 под каждым H2 – более узкие вопросы: под “Процессор и производительность” может быть H3 “Intel или AMD: что выбрать”.
Правило: H1 только один
На странице не должно быть два или больше H1. Если вы видите несколько H1 на одной странице – это ошибка. Поисковик запутывается, не понимает, что главное, и страница теряет вес в поиске.
Частая ошибка: использовать H1 для логотипа сайта на каждой странице. Логотип должен быть просто текстом или изображением, не H1. H1 – только для заголовка конкретной страницы.
H1 и заголовок браузера (title)
Это не одно и то же. Title – это то, что видно в закладке браузера и в выдаче поиска. H1 – это заголовок, видимый на самой странице. Title может быть немного длиннее и включать дополнительный контекст (“Как выбрать ноутбук для работы и учебы | Гайд 2024”), а H1 обычно короче и точнее (“Как выбрать ноутбук”).
Когда H1 вредит, а не помогает
Несоответствие между H1 и контентом
Если H1 говорит “Как выбрать ноутбук за 10 000 рублей”, а в статье вы разбираете ноутбуки от 30 000 рублей, поисковик видит несоответствие. Страница не ранжируется по нужному запросу и теряет доверие алгоритма.
Как избежать: убедитесь, что H1 действительно отражает основное содержание статьи. Если вы меняли фокус статьи во время написания, обновите H1.
H1, который не совпадает с интентом читателя
Интент – это то, что человек реально ищет. Если он пишет “как выбрать ноутбук”, он ищет рекомендации и критерии. H1 “История ноутбуков” или “Интересные факты о ноутбуках” не соответствуют интенту, даже если на странице есть и выбор.
Как проверить: посмотрите на выдачу поиска по вашему основному запросу. Какие H1 видны в топе? Ваш H1 должен быть похож по структуре и логике, но уникален по формулировке.
Переоптимизация H1 под ключевые слова
Если вы пишете “Ноутбук купить ноутбук выбрать ноутбук рекомендации”, это выглядит неестественно и может быть расценено как спам. Поисковик штрафует за такое.
Как избежать: H1 должен звучать как нормальный русский заголовок, которым его может написать журналист или автор блога. Ключевые слова вставляются естественно, один раз основной запрос, может быть один синоним.
Слишком общий или слишком узкий H1
“Ноутбуки” – слишком общо. По такому запросу конкурировать невозможно, и непонятно, о чем именно статья.
“Как выбрать ноутбук Dell XPS 13 Plus 2024 года для видеомонтажа в Adobe Premiere Pro на Windows 11” – слишком узко. Такой запрос никто не ищет, страница не получит трафик.
Оптимум: H1 должен быть специфичным, но поисковым. “Как выбрать ноутбук для видеомонтажа” – это хороший баланс.
Развилки: когда нужно менять или адаптировать H1
H1 на главной странице сайта
На главной странице H1 может быть названием компании или основным предложением. Например, для агентства веб-дизайна: “Создаем сайты, которые продают” или “Веб-дизайн и разработка сайтов для бизнеса”.
На главной не обязательно использовать ключевой запрос – здесь важнее ценностное предложение и узнаваемость компании.
H1 на категории (каталоге)
Если это категория товаров, H1 может быть “Ноутбуки” или “Купить ноутбуки в интернет-магазине”. Здесь важно включить коммерческое намерение, если это продажная страница.
H1 на странице продукта
Здесь H1 – название продукта или его основная характеристика. “ASUS VivoBook 15” или “Ноутбук ASUS VivoBook 15 с процессором Intel Core i5”.
H1 для статей в блоге
Здесь H1 должен точно отражать тему статьи и содержать основной ключевой запрос. “Как выбрать ноутбук: полное руководство” – хороший вариант.
Когда менять H1 после публикации
Если страница не ранжируется по нужному запросу, но контент релевантен, можно изменить H1. Также меняют H1, если выясняется, что реальный интент читателей отличается от предполагаемого.
Осторожно: не меняйте H1 слишком часто. Поисковик может расценить это как нестабильность. Если H1 работает и страница ранжируется, оставьте как есть.
Типичные ошибки с H1
Несколько H1 на странице
Некоторые разработчики или редакторы по ошибке делают несколько H1. Это путает поисковик и ослабляет SEO страницы.
Как проверить: откройте исходный код страницы (Ctrl+U в браузере), найдите все теги
. Должен быть только один.
H1 внутри других элементов
Иногда H1 помещают внутри блока “Похожие статьи” или других второстепенных элементов. Это неправильно. H1 должен быть в основном контентном потоке.
H1, который не видно на странице
Если H1 скрыт CSS (display: none, visibility: hidden) или находится за пределами видимой области и туда невозможно попасть, это может быть расценено как попытка манипуляции. Поисковик может не учитывать такой H1 или штрафовать страницу.
Пустой H1 или H1 с одним символом
Иногда из-за ошибок в коде H1 остается пустым. Это вредит SEO. Всегда проверяйте, что H1 содержит реальный текст.
H1 на иностранном языке на русской странице
Если контент на русском, но H1 на английском, это создает несоответствие. Поисковик может неправильно классифицировать страницу.
Примеры хороших и плохих H1
| Плохой H1 | Хороший H1 | Почему |
| Ноутбуки | Как выбрать ноутбук: критерии и рекомендации | Плохой слишком общий, хороший содержит интент и информативен |
| Информация о продукте | ASUS VivoBook 15: характеристики и обзор | Плохой не информативен, хороший точно говорит, о чем страница |
| Как купить ноутбук купить ноутбук выбрать | Как купить ноутбук: пошаговое руководство | Плохой переоптимизирован и неестественен, хороший естественен и содержит ключевое слово один раз |
| Главная | Веб-студия: создание сайтов для бизнеса | Плохой не информативен, хороший сразу показывает, что это за сайт |
| Статья про ноутбуки | 7 ошибок при выборе ноутбука: как их избежать | Плохой просто описательный, хороший содержит угол (ошибки) и интент (как избежать) |
Ограничения и исключения
H1 на одностраничных приложениях (SPA)
Если у вас одностраничное приложение на React, Vue или Angular, H1 может меняться динамически. Это нормально, но поисковик может не сразу это увидеть. Убедитесь, что H1 устанавливается на сервере или в начальном HTML, а не только после загрузки JavaScript.
H1 на мобильной версии
H1 должен быть одинаков на мобильной и десктопной версии. Если у вас адаптивный дизайн, H1 просто масштабируется, но текст остается тем же.
H1 в многоязычных сайтах
На каждой языковой версии страницы должен быть свой H1 на соответствующем языке. На русской версии – русский H1, на английской – английский.
H1 в PDF или других форматах
Если вы публикуете контент в PDF или других форматах, правила H1 там не применяются. H1 – это элемент HTML. В PDF используются другие структурные элементы.
H1 для микроразделов внутри одной большой статьи
Если у вас очень большая статья, которую можно разбить на несколько отдельных страниц, каждая отдельная страница должна иметь свой H1. Не делайте один H1 для всего и потом H2 для каждого раздела – это неправильная структура.
Как проверить H1 на своем сайте
Используйте инструменты для проверки SEO:
- Yoast SEO (плагин для WordPress) – показывает H1, проверяет его наличие и качество
- Semrush – анализирует H1 на странице и сравнивает с конкурентами
- Ahrefs – показывает H1 для каждой страницы сайта
- Google Search Console – показывает, как Google видит ваши страницы, включая заголовки
- Исходный код страницы – нажмите Ctrl+U, найдите
– это самый надежный способ проверить, есть ли H1
Главное о H1
H1 – это главный заголовок страницы, который помогает поисковикам и читателям понять, о чем контент. Один H1 на странице, в начале контента, точно отражающий суть. Должен быть уникален на сайте, содержать основной ключевой запрос, звучать естественно и соответствовать реальному содержанию страницы. Если H1 правильный, страница лучше ранжируется в поиске и быстрее ориентирует читателя.