ООО «Ивент Хаб» · Москва · работаем по всей России
Пн—Пт, 10:00—19:00hello@gusi-lebedi.comРеквизиты
Практическое руководство

Как написать Title и Description: примеры и проверка метатегов

Как написать Title и Description для разных страниц, разобраться с длиной и дублями, настроить шаблоны и проверить сохранённые поля в HTML.

Написание заголовка title и описания description для страницы

Открываете несколько страниц сайта, а в каждой вкладке одно и то же: «Главная», «Каталог» или название компании. По таким заголовкам трудно понять, где услуга, где товар, а где ответ на вопрос. В Гуси-Лебеди мы предлагаем начинать редактуру метатегов с простой задачи: помочь человеку узнать нужную страницу ещё до перехода.

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

Как связать метатеги с задачей конкретной страницы

Выбор задачи страницы перед написанием метатегов

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

Допустим, на сайте есть статья о проверке формы заявки и отдельная услуга сопровождения. Статья объясняет, как проверить отправку и получение обращения. Страница услуги описывает работы и порядок взаимодействия. Обе связаны с формой, но представлять их одинаковой фразой «Поддержка сайта» неудобно: посетитель не понимает, куда попадёт.

ЭлементДля чего нуженЧто проверять
TitleНазвание HTML-документа; отображается во вкладке и может стать заголовком результата поиска.Тема и значимое отличие конкретной страницы.
DescriptionМетаописание, один из источников описания в поиске.Какие полезные сведения добавляет к названию.
H1Основной видимый заголовок в содержимом страницы.Понятно ли, о чём материал после перехода.

В редакторах эти поля могут находиться рядом, но подставляться в разные места. Не рассчитывайте, что изменение названия записи автоматически обновит SEO-заголовок. И наоборот: новый title не обязательно меняет видимый H1. Проверяйте итоговую страницу.

Перед написанием сравните запросы и живую выдачу. Посмотрите, какой ответ ожидают люди и какие типы страниц показывает поиск. Из Wordstat берите подходящие варианты формулировок, из материалов конкурентов вопросы и способы объяснения. Чужие обещания, цены и преимущества к вашему сайту не относятся.

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

Как написать title и description без лишних обещаний

Редактирование короткого title и содержательного description

Поставьте в title предмет страницы и уточнение, которое помогает её выбрать. Затем добавьте бренд. Яндекс прямо рекомендует указывать бренд в заголовке: он помогает распознать официальный сайт. Читаемый разделитель, например двоеточие или вертикальная черта, достаточен. Не превращайте название в цепочку вариантов одного ключа.

Пример редактуры статьи. Все формулировки ниже учебные, они показывают принцип и не описывают выполненный проект.

Слабый вариант: «Формы, заявки, проверка формы, тест формы, сайт».

Более понятный title: «Как проверить форму заявки: отправка, ошибки и получение обращения | Название компании».

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

Description продолжает мысль: «Проверка формы заявки перед запуском сайта: обязательные поля, сообщение об успехе, обработка ошибки и получение обращения. Что проверить в каждом сценарии».

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

Для услуги и товара нужны другие отличия. У услуги важны состав работ, условия и способ расчёта. У товара модель и характеристики, по которым его выбирают. У категории ассортимент и полезные параметры выбора. Не вставляйте «доставка», «цены», «отзывы» во все поля автоматически: эти сведения должны существовать на конкретной странице.

Например, «Сопровождение сайта: состав работ и порядок согласования» точнее, чем «Лучшая поддержка быстро и недорого», если страница объясняет именно состав и согласование. Если опубликован только индивидуальный расчёт, не обещайте фиксированный тариф. Когда в описание включена цена из карточки товара, предусмотрите её обновление вместе с карточкой.

Сколько символов писать? Универсального числа, при котором любой заголовок и описание полностью помещаются в выдаче, нет. В справке Яндекса по title ограничение отображения связано с шириной экрана. Слишком длинный заголовок может быть укорочен. Поэтому важное ставьте ближе к началу, убирайте повторы и оцените, понятна ли фраза без последнего уточнения.

Счётчик SEO-плагина помогает заметить длинный текст, но его цвет не подтверждает качество. Отличайте рекомендацию плагина от реального технического предела поля CMS. Во втором случае редактор действительно может не сохранить часть текста, и это нужно проверить.

В рекомендациях по description Яндекс делает акцент на уникальности, связности и соответствии странице. Описание должно дополнять title, а не повторять его дословно. Не заполняйте оставшееся место ключами: дополнительная фраза полезна, только если несёт новую информацию.

Как найти дубли и настроить понятные шаблоны

Проверка одинаковых метатегов и индивидуальных шаблонов страниц

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

Если страницы решают разные задачи, отразите эти различия в полях. Если совпадает само содержание, перестановка слов в title не делает документы самостоятельными. Не назначайте редирект или canonical только потому, что нашли одинаковые заголовки: это отдельное решение о структуре сайта.

В Яндекс Вебмастере для этой проверки есть раздел «Индексирование», «Заголовки и описания». Сопоставляйте его данные с текущей выгрузкой сайта: сохранённое изменение и данные после обхода могут относиться к разным версиям страницы.

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

Случай при проверкеЧто требуется от шаблона
Нет дополнительной характеристикиУбрать необязательное уточнение и его разделитель.
У модели длинное названиеСохранить название и главное отличие, проверить читаемость результата.
Цена или наличие изменилисьОбновить данные в метаописании вместе с источником.
На странице нет отзывовНе добавлять слово «отзывы» по общему шаблону.
Результаты у разных товаров совпалиПроверить, хватает ли исходных данных для различения карточек.

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

Как проверить сохранение и отображение метатегов

Проверка полей CMS, HTML и публичной страницы

Сохраните поля и откройте нужный публичный адрес. В исходном HTML найдите title и meta name="description". Убедитесь, что значения совпадают с согласованным текстом. Проверяйте именно ту страницу, которую редактировали, а не похожий адрес или предпросмотр записи.

В настольных Chrome и Firefox исходный код можно открыть сочетанием Ctrl+U. Затем нажмите Ctrl+F и найдите <title>, а после него description. Смотрите само значение атрибута content, а не только наличие слова в коде. Если браузер или система использует другие сочетания, откройте исходный код через меню страницы.

Упрощённый пример расположения полей:

<head>
  <title>Как проверить форму заявки | Название компании</title>
  <meta name="description" content="Как проверить отправку заявки, сообщения об успехе и ошибке и получение обращения.">
</head>

H1 находится в видимом содержимом страницы. Отдельно сверьте его с темой материала. Не заменяйте description придуманным элементом <description>: метаописание задаётся атрибутом content у meta с name="description".

  1. Сравните значения в CMS с публичным HTML.
  2. Проверьте, что шаблон не добавляет второй бренд, старое описание или общий заголовок вместо нового.
  3. Откройте страницу на компьютере и телефоне: видимый заголовок и содержание должны оставаться понятными.
  4. После обработки изменений поиском запишите фактический заголовок и описание результата вместе с запросом, регионом, устройством и датой.

Если в CMS новая версия, а в HTML старая, проверьте источник данных: поле SEO, настройки шаблона, генерацию по умолчанию и кеш. Это возможные причины, а не готовый диагноз. Не меняйте сразу несколько настроек без проверки, иначе будет трудно понять, что исправило расхождение.

Если HTML правильный, а текст результата поиска отличается, это уже другой случай. Яндекс может сформировать его из содержания страницы и показать разные варианты по разным запросам. Успешное сохранение не означает, что поисковик обязан воспроизвести description дословно.

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

Начать проект

Обсудим вашу задачу

Ответим в течение рабочего дня. Можно без технического задания — достаточно цели и вводных.

Заполнить короткий бриф ↗
Навигация по экспертизе

Ещё направления для вашего проекта

Все 86 услуг →