On-Page SEO
Meta Description: что это, зачем нужен и как написать
Что такое meta description, как он влияет на CTR в поисковой выдаче, как правильно прописать тег в HTML и популярных CMS — с шаблонами и примерами.
Что такое meta description и зачем он нужен
Meta description — HTML-тег, расположенный в блоке <head> страницы. В атрибуте content прописывается краткое описание страницы: обычно одно-два предложения длиной 150–160 символов. Пользователь видит этот текст в поисковой выдаче под синей заголовочной ссылкой — это и есть сниппет.
Главная задача description — убедить пользователя кликнуть. Правильно написанный тег повышает CTR на 5–15% без каких-либо изменений позиций. Это означает больше трафика при той же видимости — один из самых дешёвых способов получить дополнительные переходы из поиска.
Meta description в цифрах
Случаев переписывания
Google самостоятельно переписывает description примерно в 70% случаев (Portent, 2020). Чем точнее ваш тег совпадает с запросом, тем чаще поисковик оставляет именно его
Оптимальная длина
Символов для десктопа: Google показывает около 920 пикселей текста. Более длинные описания обрезаются многоточием прямо в середине фразы
Прямого влияния на ранг
Meta description не является прямым фактором ранжирования — Google подтвердил это официально. Влияние косвенное: через CTR, который сигнализирует о релевантности
Рост CTR
Средний прирост кликабельности при оптимизации description на страницах, где Google использует ваш текст, а не автогенерированный вариант
Тег размещается строго в <head> HTML-документа — именно оттуда поисковый бот считывает описание при индексации. Если тег отсутствует или пустой, Google автоматически сгенерирует сниппет из текста страницы: чаще всего это первый абзац или фрагмент, содержащий поисковый запрос пользователя.
<head>
<meta charset="UTF-8">
<title>Купить зимнюю спецодежду оптом — СпецОпт</title>
<meta name="description" content="Зимняя спецодежда оптом от производителя: костюмы, комбинезоны, рукавицы. Доставка по РФ. Цены от 890 ₽, скидки от 50 единиц.">
</head>Description перевод и базовое значение
Слово «description» переводится с английского как «описание». В контексте HTML термин «meta description» означает «мета-описание страницы» — краткая характеристика содержимого документа для внешних систем: поисковых роботов, социальных сетей, мессенджеров. Когда страницу публикуют в Telegram или LinkedIn, именно description чаще всего становится подписью ссылки.
В поисковой выдаче description формирует нижнюю строку сниппета — текст под синей заголовочной ссылкой. Здесь пользователь решает: стоит ли кликать. Качественный description отвечает на вопрос «что я найду на этой странице» и даёт конкретный повод перейти — цена, срок доставки, эксклюзивный материал или ответ на запрос.
Google переписывает description примерно в 70% случаев — когда алгоритм считает, что фрагмент из текста страницы точнее отвечает на конкретный запрос. Чем сильнее ваш description отражает ключевые запросы и реальное содержимое страницы, тем выше шанс, что поисковик оставит именно ваш текст.
Как прописать meta description: синтаксис и оптимальная длина
Синтаксис тега прост и не изменился со времён раннего HTML. Тег <meta> — самозакрывающийся, не требует закрывающего тега. Он всегда располагается внутри <head>. Два обязательных атрибута: name="description" задаёт тип мета-тега, content — содержит сам текст описания.
<!-- Базовый синтаксис -->
<meta name="description" content="Текст описания страницы длиной 150–160 символов.">
<!-- Расположение в документе -->
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Заголовок страницы — Бренд</title>
<meta name="description" content="Краткое описание страницы для поисковой выдачи.">
</head>
<body>...</body>
</html>Оптимальная длина description для десктопа — 150–160 символов. В мобильной выдаче Google показывает около 120 символов. Если большая часть трафика мобильная, ориентируйтесь на 120–130 символов. Описание длиннее этих значений не теряется: оно индексируется, но обрезается в сниппете — пользователь видит многоточие вместо призыва к действию.
| Длина description | Результат в выдаче | Когда применять |
|---|---|---|
| До 70 символов | Отображается полностью, но мало информации для пользователя | Только простые страницы (404, служебные) |
| 120–130 символов | Полностью в мобиле, небольшая обрезка на десктопе | Приоритет мобильной аудитории |
| 150–160 символов | Оптимально для десктопа, лёгкая обрезка в мобиле | Большинство страниц: главная, категории, блог |
| Более 160 символов | Обрезается многоточием в обоих форматах | Не рекомендуется: важный текст теряется |
- Пустой
content.<meta name="description" content="">— хуже, чем отсутствие тега. Поисковик фиксирует технический дефект и генерирует сниппет из контента. - Дублирование description. Один и тот же текст на десятках страниц — сигнал низкого качества. Обнаружить: Screaming Frog → Meta Description → Duplicate.
- HTML-теги внутри
content.content="<b>Купить</b> спецодежду"— некорректно. Атрибут принимает только plain text без разметки. - Кавычки без экранирования.
content="Купить "зимние" костюмы"— ломает HTML-разметку. Используйте одинарные кавычки внутри или".
[Название] — купить за [Цена] ₽. [Преимущество магазина]. Доставка [Условие]. Даже простой шаблон лучше, чем дубли или пустые теги.Для динамически генерируемых страниц description создаётся программно — через шаблоны CMS или серверный код. Ключевой принцип: description должен быть уникальным для каждой страницы и точно отражать её содержимое.
<?php
// Шаблон description для карточки товара (PHP / E-commerce)
$description = sprintf(
'%s — купить по цене %s ₽. %s. Доставка по России от %d дней.',
$product->name,
number_format($product->price, 0, '.', ' '),
$product->short_benefit,
$product->delivery_days
);
// Обрезаем до 160 символов без разрыва слова
$description = mb_strimwidth($description, 0, 157, '...', 'UTF-8');
?>
<meta name="description" content="<?= htmlspecialchars($description) ?>">Когда и как писать description для разных типов страниц
Структура хорошего description зависит от типа страницы и намерения пользователя. Главная описывает компанию в целом. Категория — ассортимент и выгоды. Карточка товара — конкретный продукт с ценой и USP. Статья блога — суть материала и то, что читатель узнает. Во всех случаях работают два принципа: конкретность и призыв к действию.
| Тип страницы | Формула description | Пример |
|---|---|---|
| Главная | [Что делаете] для [кого]. [Главное преимущество]. [CTA]. | Производим огнестойкую спецодежду для промышленных предприятий. Собственное производство, сертификация ГОСТ. Запросите каталог. |
| Категория | [Ассортимент/количество]. [Цена от]. [Условия: доставка, оплата]. [CTA]. | Зимняя спецодежда для сварщиков: 120+ моделей от 890 ₽. Доставка по РФ за 1–3 дня. Скидки оптом от 50 единиц. |
| Карточка товара | [Название]. [Характеристика/USP]. [Цена]. [Доставка/гарантия]. | Костюм сварщика ТК-1 огнестойкий — ГОСТ 12.4.250. Цена 2 490 ₽. Доставка за 1 день по Москве, 3 дня по РФ. |
| Статья блога | [О чём материал]. [Что узнает читатель]. [Факт или уточнение]. | Как прописать meta description в HTML и CMS: синтаксис, длина, шаблоны для разных типов страниц и частые ошибки. |
| Страница услуги | [Услуга] для [аудитории]: [что получите]. [Сроки]. [CTA]. | Технический SEO-аудит для e-commerce: индексация, скорость, структура. Отчёт за 5 рабочих дней. Оставьте заявку. |
| Контакты | [Способы связи]. [Часы работы]. [Призыв]. | Свяжитесь с агентством: телефон, email, Telegram. Работаем пн–пт 9:00–18:00. Ответим в течение одного рабочего дня. |
Ключевые слова в description органично повышают шанс их выделения жирным шрифтом в сниппете — Google и Яндекс выделяют слова из запроса пользователя. Выделенные слова привлекают взгляд и увеличивают CTR. Включайте основной запрос страницы естественно — не ради робота, а ради читаемости.
Призыв к действию в description — не рекламная манипуляция, а полезная подсказка. «Узнайте», «Читайте», «Сравните цены», «Заказать с доставкой» — эти фразы явно говорят пользователю, что произойдёт после клика. Исследования показывают: description с CTA имеют CTR выше на 10–15% по сравнению с нейтральными описаниями.
Как добавить description в CMS: WordPress, Битрикс, Tilda
Большинство современных CMS позволяют управлять description через интерфейс или SEO-плагины. Ручное прописывание в коде требуется только при кастомной разработке или работе без плагинов. Рассмотрим три самых распространённых в Рунете платформы.
WordPress: Yoast SEO и Rank Math
В WordPress description проще всего настроить через Yoast SEO или Rank Math — оба плагина бесплатны и поддерживают шаблоны. В Yoast SEO: откройте редактор записи → вкладка «Yoast SEO» → «Google Preview» → «Edit snippet» → поле «Meta description». Плагин показывает счётчик символов и предупреждает об ошибках. Rank Math: вкладка «Rank Math» → раздел «Meta» → «Description». Оба плагина поддерживают переменные: %title%, %category%, %excerpt% — для шаблонов на уровне типа записи.
<?php
// functions.php — ручной meta description без плагина
// Используйте только если не применяете Yoast SEO / Rank Math
add_action('wp_head', function() {
if (is_single() || is_page()) {
$description = get_the_excerpt();
if (empty($description)) {
$description = mb_strimwidth(
strip_tags(get_the_content()),
0, 157, '...', 'UTF-8'
);
}
echo '<meta name="description" content="'
. esc_attr($description) . '">' . "\n";
}
}, 1);Битрикс
В 1С-Битрикс description прописывается через свойства страницы или компонента. В административной панели: Контент → выберите раздел или страницу → вкладка «SEO» → поле «Описание (meta description)». Для автоматического формирования в шаблоне компонента используется метод SetPageProperty — он передаёт значение в header.php сайта, где тег вставляется в <head>.
<?php
// template.php компонента catalog.element — автогенерация description
if (!empty($arResult['NAME']) && !empty($arResult['PREVIEW_TEXT'])) {
$description = $arResult['NAME']
. ' — ' . strip_tags($arResult['PREVIEW_TEXT']);
$description = mb_strimwidth($description, 0, 157, '...', 'UTF-8');
$APPLICATION->SetPageProperty('description', $description);
}
// header.php шаблона сайта — вывод тега
$metaDesc = $APPLICATION->GetPageProperty('description');
if ($metaDesc): ?>
<meta name="description" content="<?= htmlspecialchars($metaDesc) ?>">
<?php endif; ?>Tilda
В Tilda description настраивается в двух местах. Для всего сайта: Настройки сайта → SEO → поле «Description». Для отдельной страницы: откройте страницу → «Настройки страницы» (шестерёнка) → вкладка «SEO» → поле «Description». Страница имеет приоритет над сайтом. Tilda автоматически вставляет тег в <head> — ручное редактирование кода не требуется. Наиболее эффективный подход: заполнять description для каждой важной страницы отдельно, не полагаясь на общесайтовый вариант.
Типичные ошибки и как проверить description на сайте
При аудите сайтов одни и те же проблемы с description встречаются снова и снова. Большинство из них легко обнаруживаются краулерами — и так же легко исправляются системно через шаблоны, а не вручную для каждой страницы.
- Дубли description по сайту. Одинаковый текст на десятках страниц — CMS подставляет имя сайта или слоган по умолчанию. Найти: Screaming Frog → Meta Description → Duplicate. Решение: уникальные тексты или хотя бы уникальные шаблоны для каждого типа страниц.
- Отсутствующий description. Страницы без тега — Google генерирует сниппет из контента, часто неудачно. Найти: Screaming Frog → Meta Description → Missing. Решение: прописать вручную для приоритетных страниц, для остальных — шаблон.
- Слишком длинный description. Обрезается в выдаче на полуслове — пользователь видит «...» вместо призыва к действию. Норма: 150–160 символов. Проверить: SEMrush Site Audit → Meta description too long.
- Слишком короткий description. Менее 70 символов — мало информации для принятия решения о клике. Google часто заменяет такой тег своим автовариантом.
- Description не соответствует содержимому. Заголовок обещает одно, description — другое, страница — третье. Рассинхронизация → высокий отказ: пользователь кликает и сразу уходит.
- Ключевой запрос отсутствует в description. Пропущено жирное выделение в сниппете — упущенный визуальный акцент. Google выделяет слова из запроса пользователя — используйте это.
content? 7) Атрибут content не пустой? Все «да» — description оптимизирован.FAQ
Ответы на самые частые вопросы о meta description, которые возникают при аудитах и консультациях.