Что такое мета-теги и зачем они нужны
Мета-теги — это служебные элементы в блоке <head> HTML-страницы, которые не видны обычному посетителю сайта, но считываются поисковыми роботами и браузерами. Самые важные для SEO — это <title> (заголовок страницы, отображается вкладкой браузера и, как правило, заголовком в выдаче) и meta description (краткое описание, которое чаще всего становится текстом под заголовком в сниппете).
В отличие от H1, который виден на самой странице, title и description существуют только «за кулисами» — их видит пользователь только в выдаче поиска, вкладке браузера или при репосте ссылки в соцсети. Именно поэтому они входят в базовый чек-лист технического SEO — их отсутствие или дублирование на десятках страниц сайта считается технической ошибкой.
На практике title и description часто путают с заголовком H1, который виден непосредственно на странице. Это разные элементы, и они не обязаны дословно совпадать: H1 пишется для читателя и может звучать более разговорно, а title — для поисковика и сниппета, поэтому в нём обычно ближе к началу стоит ключевой запрос в более формальном виде.
Ещё одно частое заблуждение — считать, что title обязательно должен совпадать со значением, которое видит пользователь во вкладке браузера, дословно один в один с тем, что покажет выдача. На практике почти всегда так и происходит, но стоит помнить, что финальное отображение — результат решения алгоритма, а не гарантия со стороны сайта.
Title: правила длины и структуры
Title — самый весомый мета-тег с точки зрения ранжирования: поисковики используют его как один из сигналов релевантности запросу, а не только как визуальный элемент. Оптимальная длина — примерно 50-60 символов (точнее считается в пикселях, а не в символах, поэтому широкие буквы «съедают» лимит быстрее узких).
| Длина title | Что происходит в выдаче |
|---|---|
| До 50-60 символов | Отображается полностью, без обрезки |
| 60-70 символов | Может обрезаться на десктопе, зависит от ширины символов |
| Более 70 символов | Обрезается почти всегда, конец текста теряется |
Рабочая структура title для информационной статьи: главный ключевой запрос ближе к началу → уточнение или выгода → бренд в конце. Например: «Что такое LTV: формула расчёта и примеры | AI-Mrkt» — запрос впереди, бренд для узнаваемости в конце, а не наоборот.
Ещё одна практическая деталь: не стоит пытаться втиснуть в один title сразу несколько разных ключевых запросов через запятую или дефис — это не только выглядит неестественно для пользователя, но и размывает релевантность страницы, поскольку поисковику становится сложнее определить, какому именно запросу страница отвечает в первую очередь. Один title — один основной запрос плюс, по возможности, одно смысловое уточнение.
Description: как писать, чтобы повышать CTR
Meta description напрямую не влияет на позицию в выдаче, но сильно влияет на то, кликнут ли по вашему результату — а это уже поведенческий фактор, который поисковик учитывает косвенно. Оптимальная длина — 140-165 символов: длиннее текст обрежется многоточием, короче — вы недоиспользуете доступное место в выдаче.
Стоит помнить, что поисковик далеко не всегда показывает именно тот текст, который вы прописали в description. И Google, и Яндекс могут подменить его фрагментом текста прямо со страницы, если считают, что этот фрагмент точнее отвечает на конкретный поисковый запрос пользователя. Это нормальное поведение алгоритма, а не ошибка настройки — description стоит рассматривать как «желаемый вариант по умолчанию», а не гарантированный текст сниппета.
Хорошее description отвечает на вопрос «что я получу, если перейду на эту страницу» и по возможности содержит конкретику: цифру, формулу, список или обещание практического результата — а не общую фразу вроде «узнайте всё о теме в нашей статье», которая ничем не отличается от description конкурентов в той же выдаче.
Полезный приём перед написанием description — открыть реальную выдачу по целевому запросу и посмотреть, что пишут в сниппетах конкуренты, занимающие первые позиции. Это не для копирования, а для калибровки: если все конкуренты обещают одно и то же общими фразами, конкретная цифра или нестандартная формулировка в вашем description будет визуально выделяться на фоне остальных результатов и с большей вероятностью получит клик.
Примеры хороших и плохих мета-тегов
Плохой title: "Главная страница — Название компании" (нет ключевого запроса, нет пользы, бренд без контекста) Хороший title: "CAC: как посчитать стоимость привлечения клиента | AI-Mrkt" (запрос впереди, понятно, о чём статья, бренд в конце) Плохое description: "У нас лучшие услуги по доступным ценам, звоните прямо сейчас!" (общие слова, ноль конкретики, спам-ощущение) Хорошее description: "Формула CAC, разбор на примере с цифрами и 5 способов снизить стоимость привлечения клиента без потери качества лидов."
Другие важные мета-теги сайта
Помимо title и description, в <head> страницы обычно живут ещё несколько важных для SEO элементов: тег canonical, указывающий на предпочтительный URL страницы; meta robots (управляет индексацией конкретной страницы точнее, чем общий robots.txt); meta viewport для корректного отображения на мобильных устройствах; а также Open Graph-теги (og:title, og:description, og:image), которые отвечают за вид ссылки при репосте в соцсетях и мессенджерах.
Отдельно стоит следить за корректностью og:image — картинки, которая подставляется при репосте ссылки в мессенджер или соцсеть. Если её не задать явно, некоторые платформы попытаются подобрать изображение со страницы автоматически и иногда выбирают неудачный вариант (маленькую иконку или служебное изображение из футера), что портит внешний вид ссылки при шеринге и снижает вероятность перехода по ней у получателя.
Дубли title и description: как найти и исправить
На сайтах с автогенерацией страниц (карточки товаров, теговые страницы, фильтры) частая проблема — десятки страниц с одинаковым или почти одинаковым title. Для поисковика это сигнал низкого качества раздела в целом, а не только конкретной страницы.
Найти дубли можно через отчёт «Мета-теги» в Яндекс.Вебмастере, отчёт HTML Improvements в Search Console (частично устарел, но некоторые метрики остались в других отчётах) или массовым краулингом через Screaming Frog с фильтром по повторяющимся title/description. Решение — либо уникализировать шаблон генерации (добавить в title динамическую переменную: город, характеристику, диапазон цены), либо закрыть малоценные дубли от индексации.
Важно проверять не только полное дублирование title, но и частичное — когда десятки страниц отличаются буквально одним словом в конце («Купить диван в Москве», «Купить диван в СПб» и так далее). Формально это не дубли, но если такие страницы почти не отличаются по остальному контенту, поисковик может воспринимать их как низкокачественный шаблонный набор и не показывать все варианты в топе одновременно.
Как ускорить работу с мета-тегами через нейросети
Ручное написание уникальных title и description для сотен страниц — одна из самых рутинных SEO-задач, и как раз тот случай, где нейросети экономят больше всего времени: можно скормить модели шаблон и таблицу с параметрами страниц (категория, город, ключевой запрос) и получить сотни уникальных вариантов за один прогон вместо нескольких дней ручной работы. Пошаговый разбор такого подхода — в статье про написание SEO-статьи с ChatGPT.
Как добавить и проверить мета-теги: код и онлайн-инструменты
Title и description задаются напрямую в блоке <head> HTML-страницы. Минимальный набор тегов выглядит так:
<head> <title>CAC: как посчитать стоимость привлечения клиента | AI-Mrkt</title> <meta name="description" content="Формула CAC, разбор на примере и способы снизить стоимость привлечения клиента."> <meta name="robots" content="index, follow"> <link rel="canonical" href="https://example.ru/blog/cac"> </head>
На большинстве современных сайтов эти поля не редактируют напрямую в HTML-коде, а заполняют через админку CMS — в WordPress это стандартные поля темы или плагины вроде Yoast SEO, в Tilda и других конструкторах — вкладка «SEO» в настройках страницы. Прямое редактирование HTML нужно только на самописных сайтах или лендингах без CMS.
Проверить, что мета-теги подтянулись правильно, можно несколькими способами: посмотреть исходный код страницы через «Просмотр кода страницы» в браузере (Ctrl+U), воспользоваться расширениями вроде SEO Meta in 1 Click, бесплатными онлайн-сервисами вроде Metatags.io (показывает, как страница будет выглядеть в Google, Facebook и Twitter), а также отчётами в Яндекс.Вебмастере и Google Search Console — там видно, какой именно title и description индексатор считал со страницы на самом деле.
Чек-лист аудита мета-тегов
Перед публикацией новой партии страниц или крупным обновлением сайта стоит пройтись по короткому списку.
1. У каждой страницы есть уникальный title и description 2. Title 50-60 символов, ключевой запрос ближе к началу 3. Description 140-165 символов, есть конкретика/цифра/выгода 4. Нет каннибализации: два title не борются за один и тот же запрос 5. Бренд в title — в конце, а не в начале (кроме главной страницы) 6. Og:title и og:description заполнены отдельно от основных тегов 7. Meta robots не блокирует индексацию по ошибке
Частые вопросы
Ориентир — 50-60 символов. Точный лимит зависит от ширины конкретных букв и измеряется в пикселях, но такая длина почти всегда помещается в выдаче без обрезки.
Google иногда автоматически переписывает title в выдаче, если считает исходный нерелевантным запросу, слишком длинным или заспамленным ключевыми словами. Чем точнее и естественнее написан исходный title, тем реже это происходит.
Напрямую нет, но косвенно да: более привлекательное description повышает CTR, а высокий CTR — один из поведенческих сигналов, который поисковик учитывает при ранжировании.
В title — обязательно, это сильный сигнал релевантности. В description — желательно один раз естественно, без искусственного повтора несколько раз подряд.
Можно не заполнять — ни Google, ни Яндекс не используют этот тег при ранжировании уже много лет.
В блоке <head> HTML-кода страницы — они не видны в браузере визуально, увидеть их можно через просмотр исходного кода (Ctrl+U) или в панели SEO-настроек вашей CMS.
В большинстве CMS и конструкторов (WordPress, Tilda и других) есть отдельная вкладка «SEO» в настройках страницы, где title, description и другие теги заполняются обычными текстовыми полями — верстать код вручную не нужно.
Внедряйте нейросети в маркетинг вместе с нами
В комьюнити 400+ маркетологов делятся кейсами и туториалами по Claude Code, Яндекс.Директ, автоматизации и другим инструментам.
Вступить бесплатно