H1 тег: что это и как использовать для SEO

H1 — главный заголовок страницы. Один из ключевых on-page SEO факторов. Узнайте правила использования H1 для лучшего ранжирования в поисковиках.

h1seoзаголовкиon-page-seohtml

Что такое H1 тег

H1 — HTML-тег заголовка первого уровня <h1>. Это главный заголовок страницы, отображаемый пользователям и индексируемый поисковыми системами как основная тема страницы.

<h1>Купить iPhone 16 Pro в Москве — официальный магазин Apple</h1>

В иерархии заголовков H1 стоит выше H2, H3 и далее — как главы и подглавы в книге.

Зачем H1 важен для SEO

H1 — один из прямых on-page сигналов ранжирования:

  • Тема страницы — говорит поисковику о чём страница
  • Ключевые слова — Google придаёт H1 повышенный вес
  • Структура — помогает поисковику понять иерархию контента
  • Сниппет — Google иногда использует H1 вместо title в SERP

Правила использования H1

Один H1 на страницу

Рекомендуется использовать один H1 на странице — это главный заголовок. Несколько H1 допускаются в HTML5, но для SEO предпочтительнее один.

<!-- Правильно: один H1 -->
<h1>Главный заголовок страницы</h1>

<h2>Первый подраздел</h2>
<h3>Подраздел внутри первого</h3>

<h2>Второй подраздел</h2>

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

Каждая страница должна иметь уникальный H1, отражающий её содержание. Дублирующиеся H1 — сигнал некачественного контента.

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

Включите главный ключевой запрос страницы в H1. Не нужно вставлять все возможные ключевые слова — один главный запрос естественно.

H1 vs Title

Title (для поисковиков, 50-60 символов):
"Купить iPhone 16 Pro в Москве | TechStore"

H1 (для пользователей, любая длина):
"iPhone 16 Pro — купите официально с гарантией Apple"

H1 и Title могут различаться. Title оптимизирован под SERP, H1 — для посетителей сайта.

Размеры и стили заголовков

<!-- Семантическая иерархия -->
<h1>Ноутбуки Apple MacBook</h1>
  <h2>MacBook Air</h2>
    <h3>MacBook Air M3 13"</h3>
    <h3>MacBook Air M3 15"</h3>
  <h2>MacBook Pro</h2>
    <h3>MacBook Pro 14"</h3>

Не пропускайте уровни (H1 → H3 без H2) — это нарушает семантику.

/* Визуальный размер можно изменить через CSS — семантика важнее внешнего вида */
h1 { font-size: 2rem; font-weight: 700; }
h2 { font-size: 1.5rem; font-weight: 600; }

Частые ошибки

  • H1 в логотипе сайта (логотип — не заголовок страницы)
  • Скрытый H1 (display: none или color: white на белом фоне)
  • Пустой H1 (<h1></h1>)
  • H1 только из изображения без alt текста
  • Одинаковый H1 на всех страницах

Проверка заголовков на reChecker

Используйте Проверку мета-тегов для анализа H1 и других заголовков вашей страницы. Инструмент покажет:

  • Наличие и содержание H1
  • Количество H1 на странице
  • Длину заголовка
  • Соответствие структуры заголовков иерархии

FAQ

Обязателен ли H1 на каждой странице? Технически нет, но рекомендуется. Страница без H1 — менее чёткий сигнал для поисковиков. Google может сам определить «заголовок» из контента, но это менее надёжно.

H1 может быть длинным? Нет ограничения на длину, но H1 должен быть понятным и читаемым. Оптимально 50-80 символов — достаточно для ключевых слов, не перегружено.

Нужно ли повторять H1 в тексте страницы? Нет. H1 — отдельный элемент разметки. Ключевые слова из H1 должны встречаться в тексте органично, но не нужно специально дублировать H1.

Попробуйте инструмент

Проверьте h1 тег на вашем сайте с помощью бесплатного инструмента.

Проверка мета-тегов

Техническая поддержка

Нашли баг, сбой или ошибку в работе сервиса? Есть предложение по улучшению? Напишите нам — мы читаем каждое сообщение и стараемся быстро исправлять проблемы.