Тег description - что это и как правильно заполнять?

В этой статье мы подробно расскажем для чего используется тег description в HTML, как его правильно заполнить и настроить для разных CMS. Метатеги — это элементы HTML-кода, отвечающие за передачу информации о страницах сайта поисковому алгоритму.

Чаще всего, перед тем, как перейти на сайт, пользователь читает краткое описание в сниппете.

Meta name description - это важная составляющая сайта, с помощью которой можно увеличить посещаемость ресурса. Если будет плохое, некачественно описание, пользователь пролистывает страницу и идет дальше в поисках более информативного сайта.При составлении нужно придерживаться определенных правил и рекомендаций. Для корректной настройки нужно хорошо ориентироваться в cms и верно его настроить, иначе поисковые боты не идентифицируют описание. Чтобы страница продвигалась в рейтинге, сео-специалист проводит семантический анализ и выделяет основные ключевые слова для продвижения товара или услуги. Копирайтер, в свою очередь, должен придумать вовлекающий текст с использованием ключевых фраз, чтобы они органично смотрелись и вступление не выглядело спамом.

Что такое description?

Дескрипшн - это краткое описание страницы сайта.

Предназначение тега:

1. Участвует в формировании сниппета. Поисковый робот использует его для создания краткого описания из метатега. Иногда сниппет формируется автоматически из информации на странице, но чаще всего это происходит из-за отсутствия заполненного тега в программном коде.
2. Влияет на кликабельность (ctr) в поисковой выдаче.

Оптимальная длина для описания - 155-160 символов. Максимум - 300.

В отличие от тега title (главного заголовка), description не относится к факторам ранжирования, так как поисковые системы не учитывают его при определении позиции сайта в выдаче. Он влияет только на восприятие пользователя. Потребитель знакомится с описанием в сниппете. Ключевые слова из запроса будут выделяться жирным шрифтом.

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

• употребление основных ключей;
• подбор информации, которая интересна пользователю.

Как правильно заполнять мета тег description?

Для улучшения ранжирования очень важно сделать правильный seo тег. Существует несколько рекомендаций, опираясь на которые специалист верно составит описание.

Чтобы правильно составить тег description, нужно знать что в нем писать:

1. Содержание. Должно быть уникальным в рамках сайта и привлекательным для пользователя. Не нужно использовать шаблоны, так как их могут проигнорировать поисковые роботы. Оптимальным считается 1-3 предложения, которые отражают суть содержания страницы.

В описании можно указать:

• регион (повысит сайт в поисковой выдаче для определенных городов);
• стоимость (если она ниже, чем у конкурентов);
• контакты (если товар или услуга нужны срочно, пользователь сразу позвонит по телефонам, не заходя на другие сайты);
• УТП (уникальное торговое предложение).

2. Положительное влияние на поведенческие факторы оказывает призыв к действию. Наличие 1-2 предложений наполовину рекламного характера будет достаточно.
3. Соответствие интенту запроса и точность формулировки. Тег должен отражать актуальное состояние конкретной страницы. Например, если в описании указана цена за товар - 1999 рублей, то при переходе на страницу посетитель должен увидеть эту же цену. Если информация поменялась, тег тоже нужно обновить.
4. Ключевые слова. Для заполнения лучше всего использовать 1-3 вхождения. В описании не должно быть переспама.
5. Не дублировать Title. Описание не должно повторять заголовок, оно должно быть дополнением к нему и раскрывать полезную информацию для пользователя.

Пример метатега description для интернет-магазина:

Title:

1. Купить {=this.Name} по выгодным ценам в интернет магазине name.ru
2. Купить Мрамор DBG 452 по выгодным ценам в интернет магазине name.ru
3. Купить Мрамор DBG 453 по выгодным ценам в интернет магазине name.ru

Description:

Наша компания поставляет природный камень {=this.Name} напрямую с каменоломен. Эксперты помогут вам определиться с видом и маркой камня. Точно рассчитаем стоимость заказа и позволим вписаться в ваш бюджет.

Длина тега description

В поисковиках есть ограничение по длине. В яндексе размер дескрипшн - 160-170 знаков, в Google - 150-160. Слишком длинное описание поисковые системы обрежут. В яндексе есть кнопка «Читать еще». Это позволит раскрыть текст и увеличить его до 500 символов. Составляя статью для данной поисковой системы, можно разбить ее на 2 смысловых блока, где вначале прописана главная информация, а все подробности отражены в скрытом блоке.

Эмодзи в дескрипшн

В 2015 году в Google появилась возможность добавлять эмодзи в описание. С 2016 года эта функция тщательно контролируется, чтобы избежать злоупотребления.

Плюсы эмоджи в сниппете:

1. Привлечение внимания. Они делают текст более ярким и цепляющим.
2. Визуализация. Человек быстрее поймёт, о чем идет речь. Например, о приготовлении тортов на заказ, или о скидках на авиабилеты, увидев соответствующую иконку.
3. Привычность. Сейчас смайлы используются везде: не только в дружеских чатах, но и в рабочих, они располагают к контакту.

Meta description для разных CMS

Метатеги прописываются вручную, либо через различные плагины. Универсального ответа, как написать description для сайта - нет. Все зависит от установленной CMS. Прописать его можно в блоке HEAD, для того, чтобы краткое описание не попало в контент на странице.

Пример:

<html>
  <head>
    ...
    <meta name="description" content="Краткое описание страницы"/>
    ...
  </head>
</html>

Как добавить description в wordpress?

Для максимально быстрой и простой настройки скачайте специальный плагин — Yoast SEO meta description. Он бесплатный и имеет множество полезных функций.

Инструкция по добавлению:

1. Зайти во вкладку SEO — Заголовки и метаданные — Главное меню.
2. Задать название и его описание. Ограничение по символам: не более 160.

При формировании описания желательно использовать ключевые слова ближе к началу. Метатег для каждой страницы будет индивидуальный. Плагин подойдёт для прописывания description в статьях. Даже если текст для сниппета составлен верно, это не значит, что поисковые системы будут использовать именно его. Иногда используются начальные предложения текста. Для добавления также можно использовать плагин All in One SEO Pack.

Главное, что нужно учитывать при составлении - описание не должно быть одинаковым для главной страницы, с товарами, о компании и т.д.

Как добавить мета тег дискрипшн в Bitrix?

В данной CMS нужно писать коды, поэтому добавление пройдет сложнее.

1. Создать файл component_epilog.php.
2. Использовать CIBlockElement::GetByID:

$res = CIBlockElement::GetByID($arResult['ID']);

if($ar_res = $res->GetNext()) {
  $DETAIL_TEXT = $ar_res['DETAIL_TEXT'];
}

3. Разбить на массив и ограничить двумя элементами:

$FIRST_STR = explode('.', $DETAIL_TEXT, 2);

4. Убрать лишние символы кавычек и HTML-теги:

$FIRST_STR_LAST = htmlspecialchars_decode(strip_tags($FIRST_STR[0])).'.';
$FIRST_STR_LAST = str_replace('«', '', $FIRST_STR_LAST);
$FIRST_STR_LAST = str_replace('»', '', $FIRST_STR_LAST);

5. Заменить meta тег описания:

if($FIRST_STR_LAST != false) {
  $APPLICATION->SetPageProperty("description", $FIRST_STR_LAST);
}

Это шаблон meta description для битрикс. Как заполнять его, если код не работает, можно написав в поддержку.

Полный код выглядит следующим образом:

$res = CIBlockElement::GetByID($arResult['ID']);

if($ar_res = $res->GetNext()) {
  $DETAIL_TEXT = $ar_res['DETAIL_TEXT'];
}

$FIRST_STR = explode('.', $DETAIL_TEXT, 2);

$FIRST_STR_LAST = htmlspecialchars_decode(strip_tags($FIRST_STR[0])).'.';
$FIRST_STR_LAST = str_replace('«', '', $FIRST_STR_LAST);
$FIRST_STR_LAST = str_replace('»', '', $FIRST_STR_LAST);

if($FIRST_STR_LAST != false) {
  $APPLICATION->SetPageProperty("description", $FIRST_STR_LAST);
}

Как поставить meta description в Тильде?

В этой CMS данные прописываются автоматически, исходя из информации, которая заполнена в настройках страницы.

Например, если в Тильде отсутствуют мета теги description, нужно сделать другое описание в блоке “Отображение в поисковой выдаче”, следуя инструкции:

1. Перейдите во вкладку «Facebook и SEO».
2. Нажмите «Задать специальные мета данные»
3. Заполните поля «Заголовок» и «Описание».

Почему поисковая система не берет description в сниппет?

Не всегда поисковые системы верно отображают описание. Точных объяснений этому нет. Например, в рекомендациях Яндекса прописано, что заполнение yandex meta description не гарантирует его присутствие в сниппет. Чаще в описание попадает информация, которую робот посчитал более актуальной и информативной для пользователя.

Google также не дает никаких обещаний по привязке, но по статистике все же чаще подтягивает дескрипшн в сниппет выдачи.

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