Что такое метатег description: определение, виды и примеры термина

От NP_Article

ИИ-технолог

Обучение управлению ИИ с 0 до мастерского уровня

250+ уроков Начато наполнение Без инфоцыган и воды

Метатег description – это HTML-элемент, который содержит краткое описание содержимого страницы. Он размещается в секции и не отображается на самой странице, но используется поисковыми системами и браузерами.

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

Как устроен метатег description

Description – это фрагмент кода в HTML, который выглядит так:

Размещается он в секции вместе с другими метатегами – до закрывающего тега .

Полный пример страницы:




Как выбрать ноутбук для работы



Как выбрать ноутбук для работы

...содержимое страницы...

Description не видно на странице при открытии в браузере. Его видят только в коде и в результатах поиска.

Где отображается метатег description

В поисковой выдаче – под заголовком и URL страницы. Это небольшой текст, который помогает пользователю понять, что находится на странице:

Как выбрать ноутбук для работы
site.ru › guide › notebook
Гайд по выбору ноутбука: сравнение характеристик, рейтинг моделей, советы по цене и производительности.

В социальных сетях – когда кто-то делится ссылкой на вашу страницу, некоторые сети используют description для превью (если не задан специальный метатег og:description).

В браузере – когда пользователь сохраняет закладку, часто используется description как подсказка.

Виды метатегов description

Универсальный description

Стандартный метатег, который понимают все поисковые системы:

Это основной вариант. Используйте его всегда. Других вариантов нет – есть только дополнительные метатеги для конкретных платформ.

Open Graph description (для социальных сетей)

Если нужно, чтобы описание в ВКонтакте, Telegram или других сетях отличалось от поискового:

Используйте, если description для поиска и для социалок должны быть разными. Если этот метатег не указан, социальные сети часто берут обычный description.

Twitter Card description

Для настройки превью в Twitter (редко используется в русскоязычной практике):

Как написать рабочий description

Оптимальная длина – 150-160 символов. На этот размер рассчитана поисковая выдача. Более длинный текст обрежется многоточием.

Проверить длину можно в любом счетчике символов или в инструментах вроде Яндекс.Вебмастера.

Структура description

  1. Начните с главной идеи страницы – что именно здесь находится или что пользователь получит
  2. Добавьте ключевую деталь – что отличает эту страницу от конкурентов
  3. Если есть место – упомяните практический результат

Пример для страницы “Как выбрать ноутбук”:

Гайд по выбору ноутбука: сравнение характеристик, рейтинг моделей, советы по цене и производительности.

Пример для страницы магазина:

Купить ноутбуки в Москве: 500+ моделей от 30 000 рублей. Гарантия, доставка, рассрочка. Консультация специалиста бесплатно.

Пример для услуги:

Ремонт ноутбуков в Санкт-Петербурге: диагностика, замена комплектующих, чистка. Мастер приедет за 2 часа, гарантия 1 год.

Включайте ключевое слово – то слово или фразу, по которому вы хотите ранжироваться. Но не вставляйте его неестественно. Это должно звучать как нормальный текст.

Хорошо: “Как выбрать ноутбук для работы: рекомендации экспертов”

Плохо: “ноутбук ноутбук ноутбук как выбрать ноутбук цена ноутбука”

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

Практические сценарии

Description для главной страницы сайта

На главной описывайте, что такое весь сайт, а не отдельная страница:

Description для категории товаров

Укажите, что входит в категорию, и добавьте привлекающую деталь:




Как выбрать ноутбук для работы



Как выбрать ноутбук для работы

...содержимое страницы...

0

Description для конкретного товара

Основные характеристики + цена или выгода:




Как выбрать ноутбук для работы



Как выбрать ноутбук для работы

...содержимое страницы...

1

Description для статьи или блога

Суть статьи в одном предложении:




Как выбрать ноутбук для работы



Как выбрать ноутбук для работы

...содержимое страницы...

2

Description для страницы услуги

Что именно предлагаете + главное преимущество:




Как выбрать ноутбук для работы



Как выбрать ноутбук для работы

...содержимое страницы...

3

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

Ошибка 1: Description совпадает с заголовком title

Если title и description одинаковые, пользователь видит в выдаче повторение информации. Это выглядит неинформативно.

Неправильно:




Как выбрать ноутбук для работы



Как выбрать ноутбук для работы

...содержимое страницы...

4

Правильно:




Как выбрать ноутбук для работы



Как выбрать ноутбук для работы

...содержимое страницы...

5

Description должен дополнять title, а не повторять его.

Ошибка 2: Description слишком длинный

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

Неправильно:




Как выбрать ноутбук для работы



Как выбрать ноутбук для работы

...содержимое страницы...

6

Правильно:




Как выбрать ноутбук для работы



Как выбрать ноутбук для работы

...содержимое страницы...

7

Ошибка 3: Description не связан с содержимым страницы

Если description обещает одно, а на странице совершенно другое, пользователь быстро уйдет. Это вредит поведенческим факторам и ранжированию.

Неправильно: описание обещает сравнение цен, а на странице только описание характеристик без цен.

Правильно: description точно соответствует тому, что пользователь найдет на странице.

Ошибка 4: Использование только ключевых слов без смысла

Текст получается нечитаемым и не привлекает клики:

Неправильно:




Как выбрать ноутбук для работы



Как выбрать ноутбук для работы

...содержимое страницы...

8

Правильно:




Как выбрать ноутбук для работы



Как выбрать ноутбук для работы

...содержимое страницы...

9

Ошибка 5: Одинаковый description для всех страниц

Если у вас 50 товаров или 20 статей, а description один и тот же, поисковик видит дублирование. Это не помогает ранжированию и не привлекает пользователей.

Каждая страница должна иметь уникальный description, даже если они похожи по структуре.

Ошибка 6: Description без призыва или выгоды

Пассивное описание без информации о пользе или преимуществе хуже привлекает клики:

Неправильно:

Как выбрать ноутбук для работы
site.ru › guide › notebook
Гайд по выбору ноутбука: сравнение характеристик, рейтинг моделей, советы по цене и производительности.

0

Правильно:

Как выбрать ноутбук для работы
site.ru › guide › notebook
Гайд по выбору ноутбука: сравнение характеристик, рейтинг моделей, советы по цене и производительности.

1

Ограничения и важные нюансы

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

Это не ошибка – просто автоматическое переопределение выдачи. Но хороший description повышает шансы, что система будет использовать именно его.

Description не влияет на ранжирование в поиске напрямую. Google и Яндекс не используют description как фактор ранжирования. Но description влияет на CTR (процент кликов из выдачи), а CTR влияет на трафик и косвенно на ранжирование.

Минимальная длина description – нет строгого минимума, но слишком короткий (менее 50 символов) выглядит неинформативным. Пользователь видит неполную картину.

Специальные символы в description – избегайте кавычек, амперсанда (&), знака “больше” (>) и “меньше” (<). Они могут нарушить отображение в выдаче. Если нужно, используйте HTML-сущности: & вместо &, " вместо ", < вместо <, > вместо >.

Пример:

Как выбрать ноутбук для работы
site.ru › guide › notebook
Гайд по выбору ноутбука: сравнение характеристик, рейтинг моделей, советы по цене и производительности.

2

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

Как проверить, что description работает

Проверка в коде

Откройте страницу, нажмите Ctrl+U (или Cmd+U на Mac), найдите Ctrl+F и введите “description”. Вы должны увидеть ваш метатег.

Проверка в результатах поиска

Введите в Яндекс или Google запрос типа “site:ваш-сайт.ru” и посмотрите, как выглядит ваш description в выдаче. Если система показывает другой текст, значит, она переопределила ваш description.

Проверка в инструментах вебмастера

В Яндекс.Вебмастере (раздел “HTML-улучшения”) можно увидеть, есть ли проблемы с description на сайте: дублирование, слишком короткие или слишком длинные описания.

Проверка в Google Search Console

Там же можно посмотреть, какие страницы имеют проблемы с метаданными.

Коротко о главном

Description – это краткое описание страницы в HTML, которое видно в результатах поиска под заголовком и URL. Он не влияет на ранжирование напрямую, но увеличивает кликабельность из выдачи и улучшает трафик.

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

Правильный description – это текст, который сразу ответит пользователю на вопрос “А что здесь находится?” и привлечет его кликнуть именно на вашу ссылку, а не на конкурентов.

Бесплатно с ИИ Claude · ChatGPT
Баланс запросов: —