<h1> — главный заголовок страницы, тот, который человек читает первым, открыв её. Он отвечает на вопрос «куда я попал» и задаёт тему всего содержимого.
<h1>Ремонт холодильников на дому в Казани</h1>
Сколько их должно быть
Один. Формально HTML5 разрешает несколько h1 внутри секций, но на практике и поисковики, и программы экранного доступа ждут единственный главный заголовок. Несколько h1 размывают тему: страница как будто про всё сразу.
Ноль — хуже: страница без главного заголовка выглядит незаконченной, и поисковику приходится угадывать её тему по остальному тексту.
Частая причина лишних h1 — вёрстка «по размеру шрифта»: логотип в шапке сделали h1, потому что он крупный, и заодно название акции в баннере. Размер задаётся CSS, а уровень заголовка — смыслом.
H1 и Title — не одно и то же
| Где виден | Задача | |
|---|---|---|
| Title | В выдаче и вкладке браузера | Привлечь клик, вместить запрос и город |
| H1 | На самой странице | Подтвердить, что человек попал куда хотел |
Они могут совпадать, но не обязаны. В Title уместны бренд и уточнения (| Магазин, — цены 2025), в H1 они выглядят чужеродно. И наоборот: H1 может быть длиннее и человечнее, его не обрезают на 60 символах.
Как формулировать
- Отражает содержимое страницы, а не всего сайта.
Кухонные ножив каталоге ножей — правильно;Интернет-магазин посудына той же странице — нет. - Содержит ключевой запрос — естественно, в человеческой формулировке.
- Один заголовок — одна тема. Если хочется впихнуть два смысла, это, скорее всего, две страницы.
- Без списка ключевых слов.
Ножи купить Москва недорого— переспам, который распознаётся мгновенно.
Пустой или спрятанный H1
Иногда заголовок прячут через display: none — чтобы «ключи были, а на дизайн не влияло». Это работает против вас: скрытый текст считается попыткой манипуляции, а скринридер по нему всё равно проговаривает страницу. Если заголовок не нужен визуально — пересмотрите макет, а не прячьте разметку.
Как проверить
- Пункт аудита «Заголовок H1»: показывает количество и текст. Если заголовков несколько — в отчёте перечислены все, чтобы было видно, какой лишний.
- Вручную:
F12→ консоль →document.querySelectorAll('h1')покажет всеh1на странице.
Дальше стоит посмотреть на подзаголовки H2 и общую иерархию — H1 без структуры под ним мало что даёт.