Тег H1

Посетитель, пришедший из поиска, первым делом смотрит на крупный заголовок и решает, туда ли попал. Поисковик использует H1 как один из заметных сигналов темы страницы, а экранные дикторы позволяют перейти к нему одной клавишей. Поэтому H1 должен точно называть содержимое: «Ремонт стиральных машин Bosch», а не «Добро пожаловать».

Спецификация HTML не запрещает несколько H1, и Google говорит, что справится с таким вариантом. Но один H1 на страницу — самая понятная схема и для людей, и для обоих поисковиков. О том, как выстраивать уровни ниже, — в статье о тегах заголовков.

H1 и title — не одно и то же

Тег title показывается во вкладке браузера и чаще всего в заголовке сниппета, H1 — на самой странице. Их можно делать разными: title длиннее, с уточнением и названием компании, H1 короче — для человека, который уже на странице. Обе формулировки строятся вокруг основного ключевого запроса, но без механического повтора.

Как это устроено в 1С-Битриксе

<!-- header.php шаблона сайта -->
<title><?$APPLICATION->ShowTitle()?></title>
<h1><?$APPLICATION->ShowTitle(false)?></h1>

<?php
// в компоненте или на странице
$APPLICATION->SetTitle("Ремонт стиральных машин Bosch");
$APPLICATION->SetPageProperty("title", "Ремонт стиральных машин Bosch в Казани — сервис «Мастер»");

SetTitle задаёт заголовок страницы, который выводится в H1, а свойство title, если оно заполнено, подменяет содержимое тега title. В WordPress H1 обычно выводит шаблон темы через the_title(), а title формирует ядро или SEO-плагин. Остальные поля для поиска в Битриксе разобраны в статье о SEO-настройке сайта на 1С-Битрикс.

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

• Логотип или название компании в H1 на всех страницах — у всего сайта один и тот же главный заголовок.
• H1 нет совсем: тема выводит название записи в div или в H2.
• H1 спрятан через CSS или заполнен перечнем ключевых слов.
• На страницах пагинации и фильтров повторяется один H1 без уточнения.