H1 — главный заголовок сайта: как использовать его правильно?

Привет, друзья! Павел Гречко на связи, и в этой статье я расскажу вам, что такое H1, зачем он нужен и как использовать его правильно — чтобы улучшить SEO, повысить доверие пользователей и увеличить конверсии.

Вы думаете, H1 — это просто большой текст вверху страницы?
Значит, вы теряете трафик, доверие и продажи.

🎯 «H1 — это якорь страницы. Если он сбит — вся структура плывёт, и поисковики не понимают, о чём страница».

1. Что такое H1 — простыми словами

H1 — это HTML-тег <h1>, который обозначает главный заголовок страницы.

🧠 Аналогия:
→ Книга → название на обложке = H1.
→ Газета → заголовок на первой полосе = H1.
→ Фильм → название в титрах = H1.

Что делает H1:

• Помогает поисковикам понять суть страницы.
• Помогает пользователям сразу понять, о чём страница.
• Улучшает доступность (для скринридеров).
• Усиливает доверие и конверсию.

2. Зачем нужен H1 — 5 причин, почему он критически важен

2.1. Для SEO

• Google и Яндекс используют H1 как сигнал релевантности.
• Совпадение H1 с Title и ключевым запросом → выше позиции.
• Отсутствие H1 → страница может не ранжироваться.

2.2. Для пользователей (UX)

• Пользователь должен понять суть страницы за 3 секунды.
• H1 — первый элемент, на который падает взгляд.

2.3. Для доступности

• Люди с ограниченными возможностями используют скринридеры → H1 помогает им ориентироваться.

2.4. Для структуры страницы

• H1 — корень иерархии заголовков: H1 → H2 → H3 → H4.
• Без H1 — структура “ломается”, контент кажется “мусорным”.

2.5. Для конверсии

• Чёткий, продающий H1 → выше CTR, ниже отказы, выше конверсия.
• Пример:
  ❌ “Услуги” → ✅ “Ремонт iPhone за 1 час — 5000 ₽, гарантия 1 год”

3. Отличия H1 от Title — и как их сочетать

📊 Таблица: Title vs H1 → Где отображается → Цель → Пример

Почему не стоит дублировать H1 и Title

• Ошибка: “Title = H1” → поисковик видит переспам → падение CTR.
• Правильно: Title и H1 — семантически связаны, но разные по формулировке.

💡 Совет: Title — для клика, H1 — для доверия.

4. Требования к H1 — длина, ключи, оформление

4.1. Оптимальная длина

• Идеально: 30–60 символов (5–8 слов).
• Минимум: 3–4 слова.
• Максимум: 70 символов (иначе обрезается на мобильных).

4.2. Ключевые слова

• Основной ключ — ближе к началу.
• Не переспамливайте — 1–2 вхождения максимум.
• Пример:
  ❌ Купить ноутбук купить ноутбук дешево ноутбук 2025
  ✅ Купить ноутбук в 2025: как выбрать и не переплатить

4.3. Визуальное оформление

• Не стилизуйте через CSS — используйте именно тег <h1>.
• Не вставляйте ссылки, картинки, иконки внутрь H1.
• Размещайте на первом экране — до основного текста.

4.4. Уникальность

• Каждая страница — уникальный H1.
• Дубли H1 = дубли контента → фильтры, падение позиций.

5. Сколько H1 должно быть на странице?

🚫 Правило: Один H1 на страницу — золотой стандарт.

Почему:

• Поисковики ожидают один главный заголовок.
• Несколько H1 → робот не понимает, какой главный → падение позиций.
• HTML5 допускает несколько H1, но Google и Яндекс не рекомендуют.

💬 Цитата от Google (Гэри Илш):
«HTML5 допускает несколько H1, но мы по-прежнему рекомендуем использовать один, чтобы не усложнять семантическую структуру страницы».

Как проверить:

• Screaming Frog → фильтр по H1.
• Расширение Head of seo tools→ показывает все H1 на странице.
• Вручную: Ctrl+U → Ctrl+F → “h1”.

6. Как правильно составлять H1 — формулы и примеры

🧩 Из запроса → в заголовок → в структуру.

6.1. Формула 1: “Проблема + Решение”

• Пример: Устали от поломок iPhone? Ремонтируем за 1 час!

6.2. Формула 2: “Выгода + Срочность”

• Пример: Скидка 30% на ноутбуки — только до конца дня!

6.3. Формула 3: “Вопрос + Ответ”

• Пример: Как выбрать ноутбук в 2025? 7 критериев от эксперта

6.4. Формула 4: “Цифры + Факты”

• Пример: ТОП-5 холодильников 2025 — рейтинг по цене и качеству

6.5. Примеры по типу сайта

7. Частые ошибки при работе с H1 — и как их исправить

7.1. Ошибка: Нет H1 на странице

• Последствия: Страница не ранжируется, пользователь не понимает суть.
• Исправление: Добавьте один H1 в начало страницы.

7.2. Ошибка: Несколько H1 на странице

• Последствия: Поисковик не понимает главный заголовок → падение позиций.
• Исправление: Оставьте один H1, остальные замените на H2.

7.3. Ошибка: H1 после H2/H3

• Последствия: “Ломается” структура → снижение доверия.
• Исправление: Перенесите H1 в начало, перед всеми другими заголовками.

7.4. Ошибка: H1 — дубль Title или другого H1

• Последствия: Дубли контента → фильтры.
• Исправление: Сделайте уникальный H1 для каждой страницы.

7.5. Ошибка: H1 — просто “Главная”, “Каталог”, “Услуги”

• Последствия: Нет релевантности, нет конверсии.
• Исправление: Перепишите под ключ + выгоду + призыв.

8. Как использовать H1 в популярных CMS

🛠️ Пошаговые инструкции для WordPress, Tilda, Bitrix, Joomla.

8.1. WordPress

• H1 формируется из названия записи.
• Проверьте: В шаблоне темы — не заменён ли H1 на H2.
• Не дублируйте: Не вставляйте H1 вручную внутри редактора.

8.2. Tilda

• В блоке с текстом → “SEO: Тег заголовка” → выберите “H1”.
• Используйте только один H1 — в первом текстовом блоке.

8.3. Bitrix

• В редактировании раздела → поле “Заголовок страницы”.
• Проверьте header.php — нет ли там дублирующего H1.

8.4. Joomla

• В редакторе → “Параграф” → “Heading 1”.
• Проверьте шаблон — не генерирует ли он H1 автоматически.

💡 Совет: После обновления CMS или шаблона — перепроверьте H1.

9. Как сделать H1 привлекательным для пользователя

9.1. Говорите на языке читателя

• ❌ “Установка систем видеонаблюдения Москва дешево”
• ✅ “Как выбрать систему видеонаблюдения для дома в 2025 году”

9.2. Используйте вопрос, интригу, цифры

• Почему сайт не выходит в топ — 5 возможных причин
• Сколько стоит ремонт ванной в 2025 году?
• 3 ошибки в SEO, которые вы допустили сегодня

9.3. Сосредоточьтесь на пользе

• Как составить идеальное резюме за 15 минут
• Обзор лучших хостингов для интернет-магазина — сравнение и рейтинг

9.4. Избегайте кликбейта

• ❌ “Вы не поверите, что случилось с WordPress в 2025!”
• ✅ “Обновления WordPress 2025: что изменилось и как адаптироваться”

10. Практические кейсы — как мы увеличили трафик на 40% за счёт H1

10.1. Кейс: Интернет-магазин бытовой техники

• Проблема: H1 на всех страницах = “Каталог товаров”.
• Действия:
• Переписали H1 под каждый товар: Холодильник Samsung от 25 990 ₽ — доставка за 2 часа.
• Добавили выгоды: гарантия, рассрочка, подарки.
• Результат: Трафик +40%, конверсия +18%.

10.2. Кейс: Сайт клиники

• Проблема: H1 = “Наши услуги” на всех страницах.
• Действия:
• Переписали: УЗИ сердца — 2 500 ₽, результат за 30 минут, запись онлайн.
• Добавили срочность: “Свободные слоты на сегодня”.
• Результат: Записи выросли на 35%, позиции в ТОП-3 по 15 запросам.

11. Лайфхаки и секреты от профи

• Лайфхак 1: Используйте эмоциональные слова в H1: “🔥”, “🚀”, “❗”, “Бесплатно”, “Срочно”.
• Лайфхак 2: Добавляйте цифры и факты: “7 критериев”, “за 1 час”, “от 19 990 ₽”.
• Лайфхак 3: Тестируйте длину H1 — иногда длинный H1 конвертирует лучше короткого.
• Лайфхак 4: Используйте вопросы в H1 — особенно для информационных статей.
• Лайфхак 5: Сравнивайте H1 с ТОП-10 конкурентов — берите лучшее.

12. Заключение — Ваш план действий

1. Проверьте H1 на всех ключевых страницах → Screaming Frog / Sitechecker.
2. Исправьте ошибки → один H1, в начале, с ключом, уникальный.
3. Перепишите H1 → добавьте выгоду, эмоции, цифры, срочность.
4. Сравните с конкурентами → возьмите лучшие практики.
5. Запустите A/B-тест → тестируйте разные варианты H1 → измеряйте CTR и конверсию.

👍 Поставьте лайк, если материал помог!
💬 Какой H1 у вас? Какие приёмы используете? Пишите в комментариях — дополним статью!

14. FAQ

❓ Обязателен ли H1 на странице?
→ Да. Без H1 — страница теряет SEO-потенциал и UX.

❓ Можно ли использовать H1 в логотипе?
→ Нет. Логотип — это бренд, а H1 — суть страницы. Лучше: H1 = заголовок контента.

❓ Сколько символов должно быть в H1?
→ Нет жёсткого лимита. Оптимально — 30–70 символов. Главное — смысл и релевантность.

❓ Влияет ли H1 на позиции в Google?
→ Да, косвенно — как сигнал релевантности и структуры.

❓ Нужно ли точное совпадение H1 и Title?
→ Нет. Но они должны быть близки по смыслу и содержать ключ.

15. Полезные ресурсы

• Google Search Central — Заголовки
• Screaming Frog
• Sitechecker.pro
• Google Lighthouse
• W3C Validator