Что такое мета-тег description и как его заполнить на сайте
Первое, что увидят пользователи в поисковой выдаче перед переходом на ваш сайт – это сниппет, который формируется из мета-тегов: заголовков и описания страницы.
Мета-теги – это элементы веб-страницы, которые используются для передачи структурированных данных. Как правило мета-теги указываются в html-коде в заголовке документа в тегах
…. Данные html-теги не отображаются на странице сайта.Мета-теги сообщают поисковым система информацию о содержимом страницы.
Мета-теги выполняют несколько важных функций:
- формируют сниппет страницы в поисковых системах,
- влияют на CTR страницы,
- указывают поисковым системам на содержание и интент страницы,
- рассказывают пользователю о том, какой контент содержится на странице,
- влияют на ранжирование сайта и позиции страницы в поисковой выдаче.
При проведении работ по SEO-оптимизации сайта очень важно уделять внимание мета-тегам title и description. Именно эти теги формирую сниппет страниц в поисковой выдаче.
Мета-тег description — это описание страницы, которое отображается в результатах поисковой выдачи. Данный мета-тег используется поисковыми системами для формирования сниппета.
Мета-тег description размещается в html-коде в блоке .
Пример мета тега description в html-коде
Мета-тег description нужен для формирования сниппета в поисковых системах.
Напрямую description не влияет на ранжирование сайта. При этом от того, на сколько информативно будет описание и от привлекательности сниппета зависит CTR (отношение количество кликов к числу показов).
Чем информативнее и привлекательнее будет сниппет, тем больше переходов потенциально может получить сайт.
Также мета-тег description влияет на релевантность страницы для пользователей. Чем подробнее описание в теге description будет отвечать на вопрос пользователей, тем больше вероятности, что пользователи перейдут на ваш сайт.
Description помогает дополнить тег title. Описание страницы вмещает больше символов, чем заголовок title. В связи с этим в description можно указать не только основные ключевые слова, но добавить УТП и другие преимущества вашего сайта.
Есть несколько базовых правил для составления мета-тега description:
Релевантность описания поисковому запросу
Мета-тег description должен подробно и точно отвечать на вопрос пользователя. Описание должно отражать основное содержание страницы.
Оптимальная длина мета-тега description
В целом, ограничений по длине мета-описания нет. При этом в сниппете отображается около 160 символов с пробелами в Яндексе и около 150 символов в Google. В мобильной выдаче длина отображаемой части description может быть меньше. Так как description напрямую не влияет на ранжирование сайта, важна только отображаемая в сниппете часть мета-тега. В связи с этим необходимо стремиться составлять description не более 140-150 символов с пробелами.
При составлении description необходимо продумать, какую информацию указать в описании, чтобы привлечь максимальное количество пользователей.
При составлении мета-тега следуйте следующим рекомендациям:
- Используете 1-3 ключевых слова. При этом старайтесь не дублировать полностью ключи из тега title. Учитывайте, что description не учитывается поисковыми роботами при ранжировании сайта. Используйте ключевые слова только естественным образом, пишите понятным для людей языком.
- Используйте синонимы. Это позволит охватить больше ключевых слов в сниппете и привлечь больше внимания пользователей.
- Добавьте УТП и другие преимущества сайта. Расскажите пользователям о выгоде, которую они получат на вашем сайта. Например, “Бесплатная доставка по всей России”, “Доставка за 3 дня”, “Скидки до 50%”, “Бесплатная примерка” и т.д.
- Добавьте эмодзи. Например, преимущества можно украсить значком . Список эмодзи для сниппетов можно найти в различных каталогах эмодзи, например https://ru.piliapp.com/emoji/list/ или https://emojipedia.org/.
Проверить количество знаков в мета-тегах и посмотреть, как будут выглядеть сниппеты в поисковых системах с ПК и с мобильных устройств можно на сайте https://www.votix.ru/p/generator-predprosmotr-analiz-snippeta.html.
Собрав семантику для данной страницы, мы получаем следующие ключевые слова:
- купить ноутбук
- купить недорогой ноутбук
- купить ноутбук цена
- купить ноутбук с доставкой
- купить ноутбук в Москве
- купить ноутбук с бесплатной доставкой
- купить ноутбук в рассрочку
При составлении мета-тега description необходимо учесть потребность пользователя. Кроме основного запроса «купить ноутбук» мы видим, что пользователей интересуют цены, недорогие ноутбуки, рассрочка и бесплатная доставка по Москве.
В начале мы используем основной ключ.
Далее разбавляем основной ключ словом “недорогой”. Это позволит привлечь дополнительное внимание пользователей.
Затем мы подтверждаем, что на странице действительно есть недорогие ноутбуки, указав минимальную цену.
Купить недорогой ноутбук по цене от 7236 рублей
Бесплатная доставка у сайта отсутствует, при этом осуществляется по всей России, о чем мы сообщаем в description.
Купить недорогой ноутбук по цене от 7236 рублей с доставкой по всей России
Дополнительно указываем УТП и преимущества: сайт предоставляет гарантии на товары, а также дает возможность купить товары в рассрочку или кредит.
Купить недорогой ноутбук по цене от 7236 рублей с доставкой по всей России. Гарантия на все товары. Возможность оформить рассрочку или кредит.
Последний штрих – разбавляем description эмодзи.
Купить недорогой ноутбук по цене от 7236 рублей с 🚚 доставкой по всей России. ✅ Гарантия на все товары. Возможность оформить рассрочку или кредит.
Переспам ключевыми словами
Купить недорогой ноутбук по выгодной цене. Дешевые ноутбуки с доставкой. Описание и характеристики ноутбуков. Заказать ноутбук онлайн.
В данном случае в description указаны только ключевые слова. В описании отсутствуют подтвержденные преимущества и УТП. Кроме того, некоторые ключи несут в себе разный интент. Например, описание и характеристики не подразумевают покупку товара здесь и сейчас.
Информация не соответствует действительности
Купить недорогой ноутбук по выгодной цене рублей с бесплатной доставкой по всей России. Гарантия на все товары. Возможность оформить рассрочку или кредит.
Слова “недорого” и “выгодные цены” и т.п., необходимо использовать в том случае, если цены действительно ниже конкурентов или на том же уровне (тогда цены можно считать выгодными). Если пользователи перейдут на сайт, а цену будут выше конкурентов, пользователи уйдут обратно в выдачу, что приведет к росту отказов и к снижению поведенческих метрик.
Словосочетания “бесплатная доставка”, “гарантии” и т.д., также рекомендуем использовать только в том случае, если сайт действительно предоставляет такие условия.
В целом, пустой description не будет критичной ошибкой. Если не заполнять мета-тег description, поисковые системы подтянут в сниппет наиболее релевантный фрагмент текста со страницы.
В некоторых случаях такое решение может быть даже более результативным, если в состав ключевых слов, по которым ранжируется страница, входит много слов, которые сложно все включить в сниппет.
Однако такое решение больше подходит для информационных страниц, например статей или новостей.
На коммерческих страницах рекомендуем всегда заполнять мета-тег description.
Более того, Яндекс Вебмастер определяет страницы без заполненного description, как страницы с проблемами и рекомендует заполнить description.
Проверить эффективность мета-тега description можно только путем тестирования. Для того, чтобы определить эффективность, необходимо анализировать метрику CTR.
CTR – это отношение количества кликов к числу показов. Одна из наиболее важных метрик при анализе эффективности мета-тега description. Проанализировать CTR можно через Яндекс Вебмастер и Google Search Console.
Перед корректировкой мета-описания необходимо зафиксировать текущий показатель CTR. После корректировки необходимо подождать, пока переиндексируется страница, и обновится сниппет. Затем через некоторое время (например, 2-3 недели) сравнить новый показатель со старым.
Рост CTR будет свидетельствовать о том, что обновленный мета-тег эффективнее предыдущего описания страницы.
Мета-тег description – это один из первых элементов сайта, который увидят пользователи в поисковой выдаче. Содержимое тега может повлиять на решение пользователей перейти именно на ваш сайт.
В связи с этим важно эффективно заполнить мета-тег description и оформить сниппет максимально информативно.
HTML Tag
The tag defines metadata about an HTML document. Metadata is data (information) about data.
tags always go inside the element, and are typically used to specify character set, page description, keywords, author of the document, and viewport settings.
Metadata will not be displayed on the page, but is machine parsable.
Metadata is used by browsers (how to display content or reload page), search engines (keywords), and other web services.
There is a method to let web designers take control over the viewport (the user’s visible area of a web page), through the tag (See «Setting The Viewport» example below).
Browser Support
Attributes
| Attribute | Value | Description |
|---|---|---|
| charset | character_set | Specifies the character encoding for the HTML document |
| content | text | Specifies the value associated with the http-equiv or name attribute |
| http-equiv | content-security-policy content-type default-style refresh | Provides an HTTP header for the information/value of the content attribute |
| name | application-name author description generator keywords viewport | Specifies a name for the metadata |
Global Attributes
More Examples
Define keywords for search engines: