Как заполнять мета-тег title: правила, длина и примеры для разных страниц

Что такое title и за что он отвечает в выдаче

Title, или тег <title>, задаёт название страницы для поисковых систем и для человека в результатах поиска. Он лежит в блоке <head> HTML-документа, на самой странице не отображается и работает на двух уровнях сразу.

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

Поисковые системы оставляют за собой право переписать заголовок в сниппете: подставить фрагмент текста страницы или другой вариант, если предложенный title плохо отвечает на конкретный запрос. Хороший title повышает шансы, что в выдачу попадёт именно он, но гарантии не даёт. Ждать от одного тега роста позиций не стоит: он работает в связке с содержимым, структурой заголовков и перелинковкой. Место title в общей системе элементов разобрано в статье о внутренней оптимизации сайта.

Сниппет складывается из трёх частей: заголовок (чаще всего из title), описание (из description или фрагмента текста) и URL. Title отвечает за первую строку и за то, распознаёт ли человек свой запрос мгновенно.

Title и H1 не одно и то же. H1 виден на странице и задаёт главный заголовок материала, title живёт в коде и обслуживает выдачу. Дословное совпадение допустимо, но не обязательно: если H1 написан для читателя на странице, title может быть чуть более поисковым, с уточнением города, бренда или формата материала.

Сколько символов в title: рекомендуемая длина и почему счёт условен

Фиксированного лимита в символах нет. Выдача обрезает заголовок по ширине в пикселях, а ширина зависит от устройства, размера шрифта и вёрстки конкретной поисковой системы. Официального порога, после которого начинается обрезка, поисковики не публикуют, поэтому любые «60 символов» из гайдов остаются рабочим ориентиром, а не стандартом.

На практике удобно держаться такого коридора: смысловая часть укладывается примерно в 50-60 знаков для десктопа, на смартфоне поле уже, и часть заголовка скрывается раньше. Если главный запрос и выгода помещаются в первые 50 знаков, обрезка хвоста почти не вредит.

Считать символы полезно, но недостаточно. Ширина букв разная: «Ш», «Ж», «М», «W» занимают заметно больше места, чем «i», «l», «1», «г». Заглавные шире строчных. Два заголовка по 58 знаков могут выглядеть в выдаче по-разному: один поместится целиком, второй оборвётся на полуслове. Поэтому проверять стоит ширину строки, а не только количество знаков.

Как проверить длину title до публикации

Три способа, которые не требуют специальных лицензий:

• Предпросмотр сниппета в SEO-инструментах и редакторах CMS: многие показывают, как заголовок выглядит на десктопе и на мобильном.
• Ручной замер в браузере: наберите title тем же шрифтом и кеглем, что в выдаче, и измерьте ширину через инструменты разработчика. Метод точнее счёта символов, хотя шрифты выдачи могут отличаться от вашего.
• Эмуляция мобильного экрана в DevTools: сузьте область просмотра и посмотрите, какая часть заголовка остаётся видимой.

Критерий приёмки простой: главный смысл и ключевой запрос видны без обрезки, а хвост можно потерять без ущерба для понимания. Пример: «Кофемашины DeLonghi: каталог, цены и доставка | ТехноМаркет». Если бренд в конце обрежется, сниппет останется понятным. Обратный случай, когда обрезается сам запрос («Кофемашины DeLonghi: каталог, цены и доста...»), уже ошибка: человек не увидит главного.

Ключевой запрос в title: где ставить и как не переспамить

Главный запрос ставьте ближе к началу. Причина практическая: начало заголовка почти всегда попадает в видимую часть сниппета, а хвост может обрезаться. Плюс первая строка выдачи читается первой, и совпадение с запросом человек замечает быстрее.

Точное вхождение не обязательно. Заголовки «Купить кофемашину в Москве: доставка за день | ТехноМаркет» и «Кофемашины с доставкой по Москве: каталог и цены» покрывают смысл запроса по-разному, и оба уместны, если на странице действительно есть каталог с доставкой. Второй вариант обходится без дословного повтора, но отвечает на то же намерение.

Переспам начинается там, где ключи перестают согласовываться грамматически. Плохой пример: «кофемашина купить кофемашина цена кофемашина москва». Такой заголовок не отвечает ни одному запросу лучше, чем человеческая фраза, и снижает доверие к странице. Рабочее правило: один главный запрос, один-два уточняющих (тип, бренд, город, свойство), остальное - смысл и польза для читателя.

Бренд обычно ставят в конец через разделитель: «|», «-» или «:». Если бренд неизвестен или не важен для запроса, его можно опустить. Для информационных статей это нормальная практика: читателю нужен ответ, а не название компании.

Title для разных типов страниц: формулы и примеры

Главная, категория, карточка товара и статья отвечают на разные запросы и решают разные задачи. Одна формула на весь сайт почти гарантированно даст либо дубли, либо пустые заголовки. Ниже рабочие схемы для каждого типа URL.

Title главной страницы

Формула: бренд + основное направление + уточнение аудитории или географии. Пример: «SerpJet: автоматизация SEO-контента для агентств и магазинов». Заголовок сообщает, кто вы и чем полезны, и не пытается конкурировать с категориями за товарные запросы.

Частая ошибка: «Главная страница», «Добро пожаловать», «Home». Такие title не несут информации ни роботу, ни человеку, а в сниппете выглядят как техническая заглушка. Вторая ошибка - перечислить в title главной все товарные категории. Тогда главная конкурирует с разделами каталога за одни и те же запросы, и поисковику приходится выбирать между ними.

Title категории интернет-магазина

Формула: главный товарный запрос + уточнение (бренд, свойство, сегмент) + коммерческий маркер + бренд магазина. Пример: «Купить кофемашины: каталог с ценами и доставкой по России | ТехноМаркет».

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

Title карточки товара

Формула: бренд + модель + ключевая характеристика + коммерческий маркер. Пример: «Кофемашина DeLonghi Magnifica S: купить, характеристики и отзывы». Модель в заголовке обязательна: по ней пользователь отличает один товар от другого.

Ошибка: title из одних характеристик («Кофемашина, 1450 Вт, 15 бар, зерновая») без бренда и модели. Такой заголовок не отвечает на запрос по конкретной модели и плохо отличается от соседних карточек. Отдельная проблема - вариативные товары: цвет, размер, комплектация. Если у каждой вариации свой URL и одинаковый title, получаются дубли. Решение: различать вариации в шаблоне там, где различие важно для спроса, и канонизировать остальные.

Title статьи блога

Формула: суть вопроса + уточнение формата (инструкция, примеры, сравнение). Пример: «Как заполнять title: правила, длина и примеры для разных страниц». Бренд в конце допустим, но не обязателен: для информационного запроса важнее сам ответ.

Ошибка: кликбейт, который не совпадает с содержанием («Этот тег решает всё: вы удивитесь»). Обманутое ожидание возвращает человека назад в выдачу и снижает доверие к домену. Второй типичный промах - title статьи, повторяющий title категории или другой статьи блога.

Дубли title: почему они появляются и как их избежать

Одинаковые title на разных URL мешают поисковику понять, какая страница отвечает за запрос. Страницы начинают конкурировать между собой, вес размывается, в выдачу попадает не та версия, а сниппеты не показывают различий, и пользователь не понимает, что выбрать.

Типичные источники дублей:

• шаблон без переменных или с переменной, которая одинакова для группы страниц;
• пагинация: страницы 2, 3, 4 получают тот же title, что и первая;
• фильтры и параметры сортировки, порождающие URL с одинаковым заголовком;
• вариативные товары (цвет, размер);
• теги, архивы дат, страницы авторов и результаты внутреннего поиска.

Что делать по приоритетам. Сначала найдите дубли: выгрузите список URL и title из базы или через обход сайта, сгруппируйте по совпадению заголовка. Дальше определите, какие страницы действительно должны ранжироваться: обычно это категории верхнего уровня, популярные карточки и ключевые статьи. Для них сделайте уникальные title вручную или через переменные шаблона. Остальные закройте от индексации или канонизируйте.

Полная уникализация каждого URL не нужна. Тысячи страниц фильтров и параметров не обязаны иметь собственные заголовки, если они не претендуют на трафик. Разумнее вложить время в 100-200 страниц, которые приносят или могут принести переходы, чем генерировать уникальные title для всего сайта.

Отдельно про заглавные буквы и эмодзи в title: такие приёмы заметны, но задачу релевантности не решают. Если используете, проверяйте, как строка читается на мобильном и не выглядит ли крикливой рядом с конкурентами.

Почему шаблонный подход вредит

Шаблон экономит время и сам по себе полезен: он задаёт структуру и не даёт забыть про бренд или коммерческий маркер. Проблема начинается там, где переменные не отражают различие страниц. Шаблон «{Категория}: купить в интернет-магазине» даёт осмысленные заголовки для категорий. Если применить его же к карточкам, где переменная подставляет название категории, все товары раздела получат одинаковый title.

Рабочий принцип: отдельный шаблон на каждый тип страницы (главная, категория, товар, статья, тег) и проверка результата на выборке из 20-30 URL перед публикацией. Ещё одна проверка - пройти по выборке глазами: если два заголовка выглядят взаимозаменяемыми, шаблон нужно доработать.

Яндекс и Google: чем отличаются сниппеты и что это значит для title

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

Различия начинаются в деталях отображения. Ширина сниппета, набор дополнительных элементов и логика формирования описания у Яндекса и Google не совпадают, поэтому ориентир по длине стоит проверять в обеих системах, а не только в той, которая удобнее. Заголовок, который целиком помещается в одной выдаче, в другой может обрезаться.

Дополнительные блоки в сниппете (быстрые ссылки, рейтинги, хлебные крошки) сдвигают заголовок и сокращают видимую часть текста. На сам title они не влияют, но меняют то, сколько внимания достанется первой строке. Как такие элементы формируются через разметку, разобрано в материале о микроразметке Schema.org.

Переносить рекомендации одной системы на другую механически не стоит. Приёмы, которые хорошо работают в Google, не гарантируют такого же отображения в Яндексе, и наоборот. Проверять лучше фактом: возьмите 10-20 своих страниц, посмотрите, как они выглядят в обеих выдачах по целевым запросам, и зафиксируйте, что именно обрезается или подменяется.

Удачные и неудачные примеры title: разбор ошибок

Ниже примеры по типам страниц. В колонке с проблемным вариантом указано, что именно ломается: смысл, уникальность или видимость в сниппете.

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

Статистику кликабельности по этим примерам не приводим: CTR зависит от запроса, конкурентов, позиции и устройства, и один и тот же заголовок в разных условиях даёт разный результат. Оценивайте примеры по логике: совпадает ли формулировка с намерением страницы и видно ли главное в первых 50 знаках.

Чек-лист: как проверить title перед публикацией

• Главный запрос стоит в первых 50 знаках и попадает в видимую часть сниппета.
• Длина укладывается в практический коридор 50-60 знаков для смысловой части и проверена на мобильной ширине.
• Нет переспама и набора ключей через запятую, фраза читается вслух.
• Title уникален в пределах сайта: проверено по выгрузке URL и заголовков.
• Заголовок отражает содержимое страницы, а не только желаемый запрос.
• Нет дубля с родительской категорией, соседними карточками или другой статьёй.
• Бренд и разделитель на месте, хвост можно обрезать без потери смысла.
• Проверен предпросмотр на десктопе и на смартфоне.
• Отображение проверено в Яндексе и Google по целевым запросам.
• Для пагинации и фильтров задана отдельная логика: уникальный шаблон, канонизация или закрытие от индексации.

На сайте из нескольких сотен страниц ручная проверка каждого заголовка съедает дни. Выгрузка title по URL и поиск совпадений автоматизируются скриптом или функцией CMS, а массовую подготовку заголовков по шаблонам с ручной доводкой ключевых страниц можно вести в SerpJet: платформа помогает организовать подготовку и проверку контента на масштабе, финальное решение по формулировкам остаётся за специалистом.

Практический старт: возьмите десять страниц с наибольшим органическим трафиком, проверьте их title по чек-листу и сравните с тем, что показывает выдача. Эффект от правок легче отследить там, где уже есть показы и переходы.