H1 для интернет-магазина: как написать и проверить заголовки
Как составить H1 главной, категории и карточки, отличить его от title и проверить шаблон на длинных названиях и вариантах товара. Примеры без SEO-мифов.
H1 — главный видимый заголовок содержания страницы. В интернет-магазине он помогает понять, какой раздел или товар открыт. Пишите его по фактическому содержимому, а не как перечень всех желаемых запросов. Для управления каталогом удобно иметь один очевидный главный H1 на странице и проверять его в готовом интерфейсе.
Это редакционное правило ясности, а не обещание позиций. Google не устанавливает магического количества заголовков для ранжирования; несколько H1 сами по себе не означают автоматическую санкцию. Но конкурирующие крупные заголовки могут запутать человека и усложнить понимание основной темы.
Что H1 сообщает покупателю
На категории заголовок называет доступную группу, в карточке — конкретный товар, в статье — вопрос материала. Он должен подтверждать переход: человек нажал «Термосы» и видит соответствующий ассортимент, а не общий слоган о качестве жизни.
Не добавляйте свойства, которых нет у предложения. «Термосы с доставкой за час» подходит только там, где такие условия действительно поддерживаются. Упоминание города ради запроса тоже требует основания в содержании и обслуживании, а не механического заполнения шаблона.
Пустая категория не становится полезной от сильного заголовка. Сначала проверьте, что покупатель увидит под ним: товары, пояснение отсутствия или доступное продолжение. Заголовок описывает страницу, но не компенсирует несоответствие её содержания.
H1 и title решают разные задачи
HTML-элемент title задаёт название документа для вкладки и используется среди источников поискового заголовка. H1 находится внутри страницы. Они могут совпадать, но дословное совпадение не обязательно: важно отсутствие смыслового противоречия.
Например, title категории может быть «Термосы — каталог магазина „Линия“», а H1 — «Термосы». Название бренда помогает различать вкладки, а на странице уже есть логотип и навигация. Google формирует заголовок ссылки автоматически из нескольких источников, поэтому заданный title или H1 не гарантирует буквальное отображение в выдаче.
Название товара в системе — исходное поле данных. Оно может попадать в H1, корзину и документы, поэтому изменение этого поля ради одной SEO-формулы способно затронуть другие места. Промо-надпись «Согревайтесь в дороге» — ещё один вид текста; она не обязана становиться главным заголовком категории.
Общая связь страниц, метаданных и поискового спроса раскрыта в руководстве по SEO магазина. Здесь проверяем именно заголовок, который сформировался на странице.
Примеры для страниц магазина
Ниже — вымышленный магазин. Названия служат примерами формулировок, а не описывают реальные товары или измеренное продвижение.
| Страница | Неудачный H1 | Более точный вариант и условие |
|---|---|---|
| Главная магазина дорожной посуды | «Главная» | «Посуда для поездок и прогулок», если это действительно основное предложение |
| Категория | «Купить термос недорого термосы цена» | «Термосы» |
| Подборка для конкретной задачи | «Лучшие товары» | «Термосы для коротких поездок», если подборка объясняет критерий и соответствует ему |
| Карточка | «Самый лучший термос купить» | «Термос „Т-750“, 750 мл» |
| Статья | «Полезные советы» | Заголовок, который называет конкретный вопрос материала |
В карточке не нужно повторять все характеристики. Оставьте признаки, необходимые для идентификации модели и варианта, а прочие данные покажите рядом. Если исходное имя неоднозначно, сначала исправьте его по правилам названия товара.
Выбор варианта может менять H1, если так устроена карточка, либо отображаться отдельной подписью. В любом случае заголовок, цена, изображение и выбранный вариант не должны противоречить друг другу. Создавать отдельную индексируемую страницу для каждого оттенка только ради собственного H1 не требуется.
Как устроить шаблон заголовка
Для большого каталога задайте правило из проверенных полей. Например: тип товара + модель + ключевой размер. Укажите, какие поля обязательны, что делать при отсутствии необязательного значения и откуда брать единицы измерения. Для маленького каталога ручное редактирование иногда проще ненужной сложной генерации.
В учебном шаблоне «Термос + модель + объём» модель «Т-750» и объём «750 мл» дают понятный заголовок. Если объём не заполнен, нельзя выводить «Термос Т-750, undefined мл» или угадывать число по имени. Выведите корректный доступный текст, а неполные данные направьте на исправление.
Проверьте случаи повторов: слово «термос» может уже находиться в названии модели, а единица «мл» — внутри поля объёма. Длинное имя должно переноситься на телефоне без обрезки. Не подгоняйте заголовок под произвольный лимит символов, теряя важную часть идентификации.
Если у двух URL одинаковый заголовок, сначала выясните причину. Это могут быть дубли одной страницы или разные товары с недостаточно точными названиями. Простое добавление разных ключей не решает обе задачи. Разбор пересекающихся страниц есть в статье о каннибализации запросов.
Как проверить заголовок на сайте
Возьмите страницы разных типов: главную, категорию, карточку с вариантами, длинное название и страницу с неполными данными. Откройте их с телефона и компьютера. Сначала прочитайте видимый главный текст и сопоставьте его с содержанием; затем проверьте, каким элементом он размечен.
В инструментах разработчика откройте дерево элементов и найдите h1. Убедитесь, что это заголовок нужной страницы, а не логотип, скрытая мобильная копия или баннер. Размер шрифта не определяет уровень HTML: большой текст может быть обычным блоком, а настоящий H1 — отсутствовать.
Проверьте переходы и загрузку напрямую по URL. Старая надпись не должна оставаться после смены категории, а служебное название — появляться после загрузки данных. Переключите вариант и проверьте согласованность с карточкой и корзиной. Затем откройте title документа: обе формулировки должны описывать одно предложение.
Для учебных примеров исправление состоит в удалении повтора запросов, точном названии группы и обработке пустого атрибута. Это проверка содержания и шаблона; она не доказывает изменение позиций или выбор такого же заголовка поисковой системой.