Title и description: как писать мета-теги под Google и Яндекс

title и description — это то, что человек видит в результатах поиска ещё до перехода на сайт. Они почти не влияют на позиции напрямую, но сильно влияют на кликабельность (CTR): хороший сниппет приводит людей, плохой — отдаёт клики конкурентам.

Title — заголовок страницы

<title>Текст заголовка</title> в <head>. Это самый весомый из мета-тегов.

Длина. Ориентир — до ~60 символов или ~580 пикселей. Google и Яндекс обрезают длинные заголовки по ширине в пикселях, а не по символам: строка из широких букв («Ш», «М», «W») обрежется раньше, чем из узких. Поэтому считать символы — грубо; лучше смотреть на пиксельную ширину.

Структура, которая работает:

Основной запрос — выгода или уточнение | Бренд

Например: Технический SEO-аудит сайта за 30 секунд — detail.web.

Правила:

ключевой запрос — ближе к началу;
каждый title уникален на сайте (одинаковые заголовки путают поисковик);
без переспама ключами («Купить окна Москва окна цена окна недорого»);
бренд — в конце, если хватает места.

Description — описание

<meta name="description" content="...">. На позиции не влияет, но это ваш рекламный текст в выдаче.

Длина. 120–160 символов. Слишком короткое описание поисковик может заменить случайным куском текста со страницы, слишком длинное — обрежет.

Что писать: конкретную выгоду и призыв, а не «Добро пожаловать на наш сайт». Сравните:

❌ «Наша компания предлагает широкий спектр услуг.»
✅ «Бесплатный SEO-аудит за 30 секунд: проверим скорость, мета-теги и разметку, покажем приоритет проблем простым языком.»

Не забудьте canonical и Open Graph

<link rel="canonical" href="..."> — указывает главный адрес страницы и спасает от дублей (особенно с UTM-метками и фильтрами).
Open Graph (og:title, og:description, og:image 1200×630) — как страница выглядит при шаринге в соцсетях и мессенджерах. Без og:image ссылка выглядит блёкло и хуже кликается.

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

Пустой или одинаковый title на всех страницах.
Description, сгенерированный движком из первых слов страницы.
Отсутствие canonical — и в индекс попадают дубли с параметрами.
Нет og:image — репосты выглядят пусто.
Заголовок длиннее, чем влезает — выгода обрезается на полуслове.

Соберите мета-теги с превью

Угадывать, как сниппет будет выглядеть в выдаче, не нужно. Наш бесплатный генератор мета-тегов показывает живые превью для Google, Яндекса, Open Graph и Twitter, считает длину в пикселях и сразу выдаёт готовый HTML для <head>.

А полный аудит сайта проверит мета-теги всех ключевых страниц разом — найдёт пустые, дублирующиеся и слишком длинные.