Meta Description: что это и как его писать

Что такое meta description и зачем он нужен

Meta description — это HTML-тег, который размещается внутри <head> страницы. В атрибуте content записано короткое описание страницы: обычно одно-два предложения длиной 150–160 символов. Пользователь видит этот текст в поисковой выдаче под синей ссылкой-заголовком. Этот блок текста и есть сниппет.

Главная задача description — точно описать страницу для того, кто ищет. После правки сравните показы, клики и контекст запросов. Не ждите фиксированного роста CTR и не рассчитывайте, что Google возьмёт ваш текст.

zoom_in

Meta description в цифрах

Тег должен стоять внутри <head> HTML-документа: именно там поисковый робот читает описание при индексации. Если тег отсутствует или пустой, Google сам формирует сниппет из текста страницы: обычно это первый абзац или фрагмент, в котором есть запрос пользователя.

<head>
  <meta charset="UTF-8">
  <title>Buy Winter Workwear Wholesale — SpecOpt</title>
  <meta name="description" content="Winter workwear wholesale from the manufacturer: suits, overalls, gloves. Delivery across Russia. Prices from $12, bulk discounts from 50 units.">
</head>

Значение description и его роль в сниппете

Слово «description» переводится как «описание». В HTML «meta description» — это описание страницы для внешних систем: поисковых роботов, соцсетей и мессенджеров. Когда страницу публикуют в Telegram или LinkedIn, description чаще всего становится текстом превью ссылки.

В поисковой выдаче description — нижняя строка сниппета, текст под синей ссылкой-заголовком. Здесь пользователь решает, кликать или нет. Хороший description отвечает на вопрос «что я найду на этой странице» и даёт конкретный повод зайти: цену, срок доставки, эксклюзивный материал или прямой ответ на запрос.

Google переписывает description примерно в 70% случаев — когда его алгоритм считает, что фрагмент из текста страницы точнее отвечает на конкретный запрос. Чем точнее description отражает целевые запросы и реальное содержание страницы, тем выше шанс, что Google оставит ваш текст, а не сгенерирует свой.

Как прописать meta description: синтаксис и оптимальная длина

Синтаксис тега простой и не менялся со времён раннего HTML. Тег <meta> самозакрывающийся, закрывающего тега не требует. Всегда ставится внутри <head>. Два обязательных атрибута: name="description" задаёт тип тега, а content содержит текст описания.

<!-- Basic syntax -->
<meta name="description" content="Page description text, 150–160 characters long.">

<!-- Full document structure -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Page Title — Brand</title>
  <meta name="description" content="Short description of the page for search results.">
</head>
<body>...</body>
</html>

Оптимальная длина description для десктопа — 150–160 символов. В мобильной выдаче Google показывает около 120 символов. Если большая часть трафика мобильная, ориентируйтесь на 120–130 символов. Длинный description не теряется — он индексируется, но в сниппете обрезается, и пользователь видит многоточие вместо призыва к действию.

• Пустой content. <meta name="description" content=""> хуже, чем отсутствие тега. Краулер фиксирует техническую ошибку и всё равно формирует сниппет из контента.
• Дублирующиеся description. Один и тот же текст на десятках страниц говорит о низком качестве контента. Найти: Screaming Frog → Meta Description → Duplicate.
• HTML-теги внутри content. content="<b>Купить</b> спецодежду" — некорректно. Атрибут принимает только обычный текст, без разметки.
• Незэкранированные кавычки. content="Купить "зимние" костюмы" ломает HTML. Внутри значения используйте одинарные кавычки или сущность ".

Для динамически генерируемых страниц description формируется программно — через шаблоны CMS или серверный код. Базовый принцип: у каждой страницы должен быть уникальный description, который точно отражает её содержание.

<?php
// Description template for a product page (PHP / E-commerce)
$description = sprintf(
    '%s — buy for %s. %s. Delivery across the US from %d days.',
    $product->name,
    '$' . number_format($product->price, 2),
    $product->short_benefit,
    $product->delivery_days
);
// Trim to 160 characters without breaking a word
$description = mb_strimwidth($description, 0, 157, '...', 'UTF-8');
?>
<meta name="description" content="<?= htmlspecialchars($description) ?>">

Когда и как писать description для разных типов страниц

Структура хорошего description зависит от типа страницы и намерения пользователя. Главная описывает бизнес целиком. Категория — ассортимент и выгоды. Карточка товара — конкретный товар с ценой и УТП. Статья блога — что узнает читатель. Во всех случаях работают два принципа: конкретика и призыв к действию.

Используйте язык, которым ищет пользователь, но только если он честно описывает страницу. Поисковики могут выделять слова из запроса, а форматирование — их выбор. Пишите description ради ясности, а не ради обещанного роста кликов.

Призыв к действию в 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 — manual meta description without a plugin
// Use only if you are NOT using 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
// catalog.element template.php — auto-generate 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);
}

// site header.php — output the tag
$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 выделяет слова из запроса пользователя, и этим стоит пользоваться.

FAQ

Ответы на самые частые вопросы о meta description, которые возникают в аудитах и консультациях.