Заголовок H1
Также: h1, главный заголовок
Главный заголовок страницы в её тексте — тот, что человек читает первым. На странице он должен быть один и совпадать по смыслу с тем, зачем сюда пришли из поиска.
Чем отличается от title
Title работает в результатах поиска и на вкладке браузера, H1 — на самой странице. Они близки по смыслу, но не обязаны совпадать дословно: в title важнее точное вхождение запроса, в H1 — читаемость.
- Один H1 на страницу: несколько главных заголовков сбивают разбор структуры.
- Подзаголовки — H2 и H3, по вложенности, а не по размеру шрифта.
- Заголовок текстом, а не картинкой: изображение поисковик не прочитает.
- H1 близок по смыслу к title, но не обязан совпадать дословно.
Иерархия заголовков
| Уровень | Что им размечают | Сколько на странице |
|---|---|---|
| H1 | название страницы | один |
| H2 | разделы | 3–7 |
| H3 | подпункты внутри раздела | по необходимости |
Порядок нельзя перепрыгивать: после H2 идёт H3, а не сразу H4. Это важно не только для поисковиков — программы экранного доступа строят по заголовкам оглавление, и человек с нарушением зрения ориентируется по нему.
Зачем нужна иерархия
Заголовки — это не оформление, а структура документа. По ним поисковая система понимает, о чём страница и как устроены её части; по ним же программы экранного доступа строят оглавление, чтобы человек с нарушением зрения мог перепрыгивать между разделами, а не слушать всё подряд. Именно поэтому важен порядок уровней, а не размер шрифта.
Практическое следствие: если раздел визуально должен выглядеть мельче предыдущего, это решается стилями, а не понижением уровня заголовка. И наоборот — крупная надпись посреди страницы не обязана быть H2, если по смыслу она не открывает раздел.
Частая ошибка при переносе текста
Заголовки, скопированные из Word, часто приходят обычным абзацем с крупным жирным начертанием. Выглядит как заголовок, но им не является: ни поисковик, ни программа чтения его так не воспримут. Поэтому после вставки заголовки назначают заново средствами редактора.
Частые вопросы
Можно ли использовать несколько H1?
Стандарт это допускает, но на практике лучше один: так однозначно понятно, о чём страница.
Должен ли H1 совпадать с title?
Не обязан. Title работает в выдаче и содержит запрос, H1 встречает пришедшего человека и может быть свободнее.
Что делать, если дизайн требует крупную надпись не в начале?
Оформление и разметка — разные вещи. Любой текст можно сделать крупным стилями, оставив H1 там, где он уместен по смыслу.