Что такое H1
H1 - HTML-тег главного заголовка страницы. Виден пользователю на самой странице (в отличие от Title, который виден только в выдаче и во вкладке браузера). Самый важный заголовок для пользователя и поисковика.
H1 простыми словами
Это название страницы, которое пользователь видит, когда зашёл на сайт. На главной странице веб-студии - "Разработка сайтов в СПб". На странице услуги лендингов - "Разработка лендинга в СПб от 15 000 ₽". На статье - название статьи. Всегда крупный, всегда первый.
Правила использования H1
- Один H1 на страницу. Только один. Не два, не три.
- Содержит главный ключ страницы. Тот же, что и в Title (или его вариация).
- Не дублирует Title точь-в-точь. Может быть похожим, но не идентичным.
- Чётко описывает содержание. Не "О нашей компании", а "Веб-студия Сайты2.рф в Санкт-Петербурге".
- Видимый и крупный. Размер шрифта от 28-32 пикселей на десктопе.
Иерархия заголовков H1-H6
- H1 - главный заголовок страницы (один)
- H2 - подзаголовки разделов (5-10 на странице)
- H3 - подзаголовки внутри разделов
- H4-H6 - редко используются
Иерархия должна быть логичной. Нельзя ставить H3 без H2 над ним. Нарушение иерархии плохо для SEO и для доступности (программы для слепых читают по заголовкам).
Чем H1 отличается от Title
| Параметр | H1 | Title |
|---|---|---|
| Где видно | На странице | Во вкладке браузера и в выдаче |
| HTML-тег | <h1> |
<title> |
| Длина | До 100 знаков (но лучше короче) | До 60 знаков |
| Стиль | Крупный текст с дизайном | Системный текст |
| Важность для SEO | Очень высокая | Очень высокая |
Пример H1 и Title для одной страницы
- Title:
Разработка лендинга в СПб от 15 000 ₽ за 7 дней - Сайты2.рф - H1:
Разработка лендинга в СПб от 15 000 ₽
Они похожи, но не идентичны. H1 - чуть короче, без бренда (он есть в шапке сайта).
Как проверить H1
- Откройте страницу в браузере, найдите главный заголовок
- Используйте DevTools (правый клик - "Просмотр кода") - найдите тег
<h1> - В Screaming Frog SEO Spider - вкладка "H1"