В отчётах подрядчиков встречаются строки «переписали тайтлы», «поправили H1». Это разбор для тех, кто код не трогает, но хочет понимать, правильно ли заполнены мета-теги и заголовки на страницах и о чём спрашивать SEO-специалиста.
Title служит поисковому роботу (краулеру), а пользователь видит результат во вкладке браузера и в заголовке сниппета. H1 остаётся видимым заголовком в теле страницы, и он там один. Description описывает страницу для выдачи. На кликабельность он влияет, на позиции действует лишь косвенно. Заполнять нужно все три, копировать одно в другое не стоит.
Что такое мета-теги и где они находятся в коде страницы
Страница состоит из двух частей. Первая, блок head, служит служебной шапкой HTML-документа с кодировкой, подключением CSS, скриптами и разметкой. Вторая, тело документа, видна человеку. Мета-теги — это фрагменты HTML-кода в блоке head. Они сообщают поисковым системам и браузерам о содержимом страницы и в теле документа не отображаются.
Отсюда и первое недопонимание в разговоре с подрядчиком. Теги title и description вы не видите на странице: они лежат в блоке head, а увидеть их результат можно в выдаче и во вкладке браузера. H1 к этой служебной части не относится – это элемент видимого контента, часть HTML-разметки тела.
В админке поля так и подписаны: мета-теги, заголовок страницы, описание. Просьба «поправьте заголовок» потому и требует уточнения. Заголовков у страницы два, и лежат они в разных местах. Рядом с title в блоке head стоят robots и canonical, они в работе. Там же keywords, которым давно не занимаются.
Как поисковые роботы читают Title, Description и заголовки
Поисковый робот (краулер) обходит страницы по ссылкам и скачивает код. Сначала он забирает head: по нему понятно, о чём документ, разрешена ли индексация и какая версия основная. Потом разбирает тело страницы с текстом и заголовками. Мета-теги и заголовок страницы робот читает в одном проходе: из них складывается представление о теме и релевантности, дальше идёт индексация. Тут вступает краулинговый бюджет — объём страниц, который робот обойдёт за период. Пока он тратит обход на дубли страниц, до новых товаров доходит нескоро.
Description в ранжировании напрямую не участвует, его задача попасть в сниппет и получить клик. Title и description часто участвуют в формировании сниппета, но брать именно их он не обязан. Заголовок собирается и из контента страницы, если алгоритм сочтёт его ближе к интенту запроса.
Правила заполнения тега Title
Тег title отвечает одной строкой на вопрос «что на этой странице». Главный запрос ставим в начало, ведь поиск обрезает длинные заголовки, и обрезанным должен оказаться хвост, а не суть. Дальше уточнение, в конце бренд. Оптимально держать title в пределах 60–70 символов, а в сниппете видно 50–60. Расхождение объясняется просто. Заголовок индексируется целиком, слова из хвоста для поиска не пропадают, но в выдаче их не покажут. Первые 50–60 знаков отведены под запрос и предмет страницы.
Для карточки удачно выглядит «Кресло офисное Comfort 200, купить в Екатеринбурге | Название магазина», а неудачно «Кресла, кресло офисное, кресла купить, кресла недорого». Второе алгоритмы считают переспамом, и страница получает пессимизацию. Перегрузка служебной разметки ключевыми словами может привести к санкциям. Нарушают же чаще другое правило. Title должен быть своим у каждой страницы, иначе поисковик может принять их за дубли и понизить или исключить из индекса. Коммерческие маркеры («купить», «цена», город) уместны на страницах товаров, а в title статьи блога слово «купить» не ставят, иначе тип страницы перестаёт отвечать интенту запроса.
Заголовок H1 и его задача на странице
H1 работает видимым заголовком, это первое, что читают после перехода из выдачи. За секунду он обязан подтвердить, что страница про то, зачем пришли. Кликнул по сниппету «Технический аудит сайта», увидел тот же H1 и остался. Увидел «Наши услуги» и ушёл обратно, а это портит поведенческие факторы.
На странице H1 ровно один. Два главных заголовка означают, что страница про две темы сразу, и робот выберет основную сам. В задачах на правку это пишут строкой «мета-теги, заголовок H1», связкой служебной и видимой части. H1 не копирует title дословно.
Title работает на выдачу и может быть техничнее, с городом и брендом, а H1 говорит с человеком. Длина жёстко не ограничена, заголовком сниппета H1 не становится. Его держат в строку экрана, около 60–80 символов. Частая беда не длина, а пустота: заголовок «Каталог» не несёт ни запроса, ни смысла.
Чем Title отличается от H1
Мета-теги, H1 и Title сравниваем по одним осям: место в коде, видимость, длина и влияние на ранжирование.
| Параметр | Title | H1 | Description |
|---|---|---|---|
| Где в коде | блок head | тело страницы | блок head |
| Кто видит | выдача, вкладка браузера | посетитель на странице | выдача |
| Сколько на странице | один | ровно один | один |
| Ориентир длины | 60–70 символов, в сниппете видно 50–60 | строка экрана, около 60–80 символов | около 150–160 символов |
| Влияние на ранжирование | прямое, это текстовый фактор | косвенное, через релевантность и поведение | косвенное, через CTR |
| Тон | техничный, с городом и брендом | человеческий, без брендового хвоста | рекламный, с выгодой и призывом |
Кому что подходит. Страница в индексе, но по ней не кликают: правьте title и описание, дело в сниппете. Кликают и сразу уходят, правьте H1 и первый экран. Страница не видна по своему запросу, и тогда начинать надо не с тегов, а с индексации и структуры: переписанный заголовок сам в топ не выносит.
Description и его роль в кликабельности сниппета
Мета-тег description анонсирует страницу для поиска. Ориентир длины около 150–160 символов, а суть выносим в первые строки, ведь выдача обрезает текст и обрезанной должна оказаться второстепенная часть. Пустое или шаблонное описание поисковая система заменяет произвольным фрагментом текста страницы, иногда это кусок меню. Дословно повторять title он не должен. Человек дважды видит одну фразу, а шанс, что поисковик покажет его как есть, падает. Описание и заголовок должны быть разными.
Дальше вступают поведенческие факторы. CTR (кликабельность) – доля людей, которые увидели сниппет и перешли по нему. Она связана с ранжированием, чем чаще выбирают страницу, тем лучше она ранжируется. Проработанный тег title с внятным описанием эту долю поднимает, но точных процентов назвать нельзя — величина зависит от тематики и позиции. Ориентир один: своя динамика. Смотрите CTR в Яндекс Вебмастере до и после правки, а формулировки меняйте на небольшой группе страниц.
Иерархия подзаголовков от H2 до H6
После H1 текст делится на уровни, и заголовки H2–H6 задают эту вложенность. H2 режет материал на крупные смысловые блоки, H3 детализирует содержание внутри H2, H4 и ниже нужны редко. Порядок строгий. Перескок с H2 сразу на H4 ломает семантическую разметку, и робот хуже понимает, какой кусок чему подчинён.
Вторая типовая ошибка касается тегов ради размера шрифта. Верстальщику нужен крупный текст, он берёт H2, а для мелкого H5. Так нельзя, ведь размером и начертанием управляет CSS, а H1–H6 передают структуру. Для читателя разницы не видно, для робота страница превращается в набор несвязанных блоков. Проверка простая. Уберите всё, кроме заголовков, и должно получиться внятное оглавление.
Особенности тегов для страниц интернет-магазина
В каталоге страниц тысячи, руками их никто не заполняет, теги собирает шаблон из полей карточки: категория, название, бренд, город. Но подстановка обязана давать разный результат на разных страницах. Подставит одно название в ту же рамку, и половина каталога уедет в дубли страниц. Два места, где она ломается чаще:
- Пагинация. Вторая и третья страницы листинга по коду почти не отличаются от первой, поэтому в title добавляют пометку «стр 2», «стр 3». Так они перестают быть одинаковыми, а человек в выдаче понимает, куда попадёт.
- Товары-варианты. Модель в пяти цветах и трёх объёмах даёт пятнадцать похожих карточек, поэтому в title выносят различающий признак: цвет, размер, объём или артикул. Когда варианты не должны конкурировать в выдаче, основную указывают через canonical. Иначе робот может выбрать каноническую сам, а остальные исключить из индекса.
Описание в каталоге тоже шаблонное, и это допустимо, пока в него подставляются реальные отличия, характеристики и цена товара. Формула «Купить … по низкой цене» на десяти тысячах карточек не даст ничего, в сниппет поисковик её не возьмёт и соберёт текст сам. Проверять форму подстановки стоит не на одной карточке, а на выборке из категорий. Промах вылезает там, где у товара пустое поле бренда или слишком длинное название модели с индексом и размерами в скобках.
Как проверить мета-теги на своём сайте
Проверка не требует доступа к коду:
- Откройте страницу и нажмите Ctrl+U, на macOS — Cmd+Option+U, браузер покажет HTML-код, а Ctrl+F найдёт в нём title, description и h1. Шаг выполнен, когда видны все три строки. Тут часто смотрят только главную, а у категории и карточки шаблоны другие.
- Сверьте title с ориентирами: запрос в начале, длина до 60–70 символов, бренд в конце. Шаг завершён, когда заголовок читается фразой, а не перечнем ключей.
- Убедитесь, что H1 ровно один и он не дублирует title дословно. Искать его глазами бесполезно: крупный текст бывает обычным абзацем со стилем.
- Найдите дубли по сайту. В Яндекс Вебмастере это раздел «Индексирование» → «Заголовки и описания». Шаг выполнен, когда известно число дублей.
- Отсортируйте список на правку по трафику: где посетители есть, эффект виден быстрее. Начинать с новых страниц не стоит, результат не с чем сравнить.
Чек-лист для самопроверки: один H1 на странице; title и description заполнены везде; запрос в начале title; длина в пределах ориентиров; иерархия без перескоков.
Отдельным пунктом идёт разговор с подрядчиком. Спросите, как формируются теги на типовых шаблонах: ответ без опоры на рекомендации Яндекса и Google должен насторожить. Разбор шаблонов входит в аудит отдельных страниц сайта.
Если не получилось, признаки видны за 3–4 недели: позиции на месте, CTR прежний, сниппет собирается не из вашего описания. Проверьте, доехали ли правки до сайта. Часто новый заголовок лежит в админке, а в коде живёт старый из кеша. Затем отправьте страницы на переобход. Месяц без изменений значит, что дело не в тегах. Ищите в структуре и текстах.
