Description: что это такое, как составить правильный description, как заполнить на сайте
Что такое description
Description или мета-описание — это тег, который описывает содержимое страницы в 155-160 символах. Поисковые системы отображают страницу в результатах поиска, когда в различных её атрибутах, в том числе, description, находятся искомые ключевые слова.
В отличие от тега title описание не является фактором ранжирования — поисковики не учитывают его при определении позиции сайта в выдаче. Но, тем не менее, description оказывает значительное влияние на восприятие пользователя. Чем точнее текст в нём соответствует запросу, тем больше вероятность перехода по ссылке. Соответственно, повышается CTR и улучшаются поведенческие факторы.
Пользователь может увидеть description в сниппете — блоке, который кратко передаёт содержимое страницы в поисковой выдаче. Ключевые слова из запроса в description выделяются жирным.
Для Google сниппет выглядит следующим образом:
- Title;
- URL;
- Description;
- Разделы сайта, если это первая позиция в выдаче.
Как заполнять description
Description содержится в верхней части HTML-кода страницы внутри родительского тега <head>. Все метаданные можно прописать вручную, но большинство сайтов работают на CMS, в которых предусмотрен визуальный редактор и меню для заполнения атрибутов страниц.
Заполнять нужно фрагмент <meta name=»Description» content=»155-160 знаков отборного дескрипшна«/>
Если говорить о WordPress, то можно использовать плагины, такие как Yoast SEO. При создании страницы вы найдёте блок с полями для заполнения тегов. В нашем случае окно для description называется «Мета-описание».
Заполнение данного тега по своим целям и результату схоже с настройкой контекстной рекламы. В том и другом случае вы разными способами формируете сниппет страницы в поисковой выдаче.
Только если говорить о description, здесь имеет место SE-оптимизация для привлечения органического условно бесплатного трафика, если не считать издержек на SEO-специалистов.
Контекстная реклама приносит платные целевые посещения.
Description должен содержать не только релевантную информацию, но и быть структурирован в соответствии с типом страницы.
Description для главной страницы
Чем больше сказано в заголовке, тем легче написать description.
Описание главной страницы говорит о том, что собой представляет весь ресурс. Если это компания, то она должна озвучить свою миссию и ценности, для кого она работает.
Предложение, переданное в названии, значительно облегчает понимание всего контекста. Когда базовая услуга или продукт являются неотъемлемой частью нейминга, этим транслируется ключевая направленность деятельности компании.
Вы вряд ли ошибётесь, предположив, что Calltouch предоставляет услуги по установке коллтрекинга.
Но помимо этого в линейке бренда есть и другие продукты. Важно перечислить наиболее востребованные услуги, которые мы можем предоставить потенциальным заказчикам.
Расширенный сниппет помогает глубже раскрыть предложение с помощью дополнительных элементов.
Но если их нет, стоит постараться уместить в описание максимум информации о нескольких продуктах или темах.
Description для страницы продукта
Мета-теги для сайта: что это такое, для чего нужны и как правильно заполнять
Что такое мета-теги
Мета-теги в HTML документе содержат описание страницы сайта. Это также называется метаданными. Они находятся в разделе <head> html-страницы и, не отображаясь на самой странице, могут быть прочитаны роботами поисковых систем и браузерами.
Google, Яндекс и другие поисковики используют метаданные из тегов, чтобы получить дополнительную информацию о странице. Они могут использовать её для ранжирования, отображения ключевых фрагментов в результатах поиска.
Для чего нужны мета теги
С мета тегов начинается большинство курсов по SEO. Вероятно, это связано с тем, что они обычно находятся в самой верхней части кода. При том, что многие описания любят делать акцент на негативной стороне вопроса — например, на бесполезности тега Keywords — в целом, это очень важная составляющая оптимизации сайтов.
Мета теги это простой и эффективный инструмент, который решает ряд задач маркетинга.
Самые базовые и часто используемые теги — это “title” и “description”. На самом же деле существуют десятки других примеров, часть которых также важна для вебмастеров. В данной статье мы рассмотрим только самые распространённые мета теги, разделив их на несколько категорий по значимости.
Любой специалист из области SEO согласится с тем, что если вы хотите занимать высокие позиции в поиске, одних мета тегов мало. Они должны сопровождаться высококачественным контентом, который интересен пользователям и решает их проблемы.
Главный совет здесь — придерживаться необходимого минимума. Не добавляйте теги, которые вам не нужны — они просто засоряют код, которого чем меньше, тем лучше. Браузер использует код примерно так же, как пользователь следует инструкции. Если в неё включить слишком много бессмысленных лирических отступлений, любой запутается.
SEO развивается и вес ключевых слов изменяется, но следует помнить о фактическом запросе.
Поисковый запрос формулируется словами и пользователи, по сути, сканируют выдачу на наличие фразы, введённой в строку поиска, в правильной последовательности и целостности.
Хотя поисковые системы могут заниматься семантическим поиском и скрытой семантической индексацией, подбирая контекст, сама фраза остаётся крайне важной.
Мета теги помогают пользователям сопоставить вашу страницу со своим запросом и принять решение о её релевантности. Они видят на странице выдачи так называемые сниппеты — короткие блоки описания страницы. Последние формируются при помощи тегов “title” и “description”. Чем точнее они будут составлены, тем выше шансы на то, что пользователь, увидев сниппет страницы в Яндекс или Google, перейдёт по ссылке.
Как правильно писать теги для SEO
Обязательные теги
Эти мета теги должны присутствовать на каждой странице, несмотря ни на что. Их немного, и если работать только с ними, проблем не возникнет.
Необходим для объявления кодировки страницы, должен присутствовать на каждой.
Отсутствие может повлиять на отображение страницы в браузере. Для русскоязычный оптимально значение <meta charset=»UTF-8″>.
Тег заголовка не начинается с «мета», но содержит информацию, которая очень важна для SEO. На каждой странице должен быть уникальный тег заголовка, который описывает страницу. Он отображается в верхней части браузера в строке заголовка и в результатах поиска.
Наличие соответствующих поисковому запросу слов в заголовке является важным фактором ранжирования. Кроме того, поисковые системы будут выделять ключевые слова из поиска в заголовке сниппета. Это помогает повысить CTR.
Теги заголовка должны соответствовать содержанию страницы. Основное ключевое слово должно быть первым в заголовке, и чем ближе слово к началу тега, тем более значимым оно будет для ранжирования.
Этот тег не влияет на ранжирование, но он очень важен. Это текст, который убеждает пользователей перейти по ссылке.
Хотя пользователи сайта не видят мета-описание, поисковые системы часто используют его в качестве краткого фрагмента текста под заголовком в результатах поиска.
Хорошо написанные мета-описания чрезвычайно важны для улучшения CTR.
Мета-описания должны быть написаны убедительно, поскольку служат своего рода рекламой страницы на странице выдачи. Это шанс привлечь органический трафик.
Чётко опишите страницу и используйте понятный язык, чтобы создать привлекательное описание, которое привлечёт больше кликов. Соблюдайте длину описания не более 160 символов.
Необязательные теги
Разным сайтам они могут пригодиться, но если вы можете обойтись без них, это не проблема.
HTML-теги заголовков являются ключевым компонентом семантического поиска, поскольку они предоставляют ключевые контекстные подсказки для поисковых систем и помогают им лучше понять как содержимое страницы, так и её общую структуру.
Роботы поисковых систем используют порядок тегов заголовков <h2>, <h3> и т..д., чтобы лучше понять структуру и актуальность содержимого страницы. Эти теги следует упорядочивать на странице по степени важности.
h2 считается самым главным заголовком.
Допускается только один h2 на страницу. H6 почти не используется — как правило, вложенность ограничивается h4.
- Социальные мета-теги
Социальные мета теги используются, когда нужно проконтролировать отображение содержимого страницы при публикации в социальных сетях. Теги Open Graph — это набор мета тегов, которые можно добавить на любую страницу сайта. Они помогают соцсетям распознать содержимое страницы — например заголовок, описание и изображение.
Это атрибут, добавляемый к тегу изображения в HTML, чтобы помочь поисковым системам понять, что собой представляет изображение. Поисковые системы не занимаются распознав
описание(description), ключевые слова(keywords), заголовок(title) и другие мета-теги
Мета-теги — это необязательные атрибуты, размещенные в заголовке страницы, между тегами <head> и </head>, которые никак не отображаются браузером (за исключением содержимого тега <title>). Мета-теги могут содержать описание html-страницы, ключевые слова к ней, информацию об авторе, управляющие команды для браузера и поисковых роботов, а также прочую служебную информацию, не предназначенную для посетителей.
Мета-теги для сайта играют очень важную роль. Их добавление в html-документ могут существенно помочь сайту в его жизни.
Всегда применяйте только те мета-теги, которые реально нужны для работы веб-сайта. Не следует загромождать область <head> лишними инструкциями, т.к. любая ошибка здесь может привести к печальным последствиям.
Функции мета-тегов
На данный момент не существует их четкой стандартизации, однако функции мета-тегов достаточно разнообразны. Можно выделить несколько основных направлений использования мета-тегов:
- мета-теги могут идентифицировать авторство веб-документа, его адрес, частоту его обновлений;
- мета-теги используются поисковыми роботами для индексации и создания заголовков гипертекстовых документов;
- мета-теги влияют на режим отображения веб-страниц.
Группы метатегов
Мета-теги можно разделить на две основные группы — это NAME и HTTP-EQUIV.
Группа NAME отвечает за текстовую информацию о веб-документе, его авторе, а также — формирует рекомендации для поисковых роботов. Мета-теги, относящиеся к группе HTTP-EQUIV фактически эквивалентны гипертекстовым заголовкам, они формируют заголовок веб-страницы и определяют его обработку, а также управляют действиями браузеров и используются для формирования информации, выдаваемой обычными заголовками.
| Атрибут | Описание |
|---|---|
| Name | Имя метатега, также косвенно устанавливает его предназначение. Примеры: include, keywords, description, author, revised, generator и др. |
| content | Устанавливает значение атрибута, заданного с помощью name или http-equiv. |
| scheme (устарел) | Указывает полезную информацию о схеме или название самой схемы, которая должна быть использована для интерпретации значения свойства (то есть значения атрибута «content»). Не применяется в HTML5. |
| charset | Новый атрибут, показывает кодировку документа в HTML5. Пример: <meta charset=»utf-8″> |
| http-equiv | Формирует заголовок страницы и определяет его обработку. Как правило, управляет действиями браузеров и используется для формирования информации, выдаваемой обычными заголовками. Например HTTP-EQUIV может использоваться для управления кэшированием, обновлением страницы, автоматической загрузки другой страницы. |
Группа значений атрибута NAME
«keywords» (ключевые слова)
Keywords поисковые системы используют для того, чтобы определить релевантность страницы тому или иному запросу. При формировании данного значения необходимо использовать только те слова, которые обязательно встречаются в самом документе. Использование тех слов, которых нет на странице, не рекомендуется. Ключевые слова нужно добавлять по одному, через запятую, в единственном числе.
Рекомендованное количество слов в «keywords» — не более десяти. Кроме того, выявлено, что разбивка этого значения на несколько строк влияет на оценку ссылки поисковыми машинами. Некоторые поисковые системы не индексируют сайты, в которых в значении «keywords» повторяется одно и то же слово для увеличения позиции в списке результатов.
Если раньше «keywords» имел определённую роль в ранжировании сайта, то в последнее время поисковые системы относятся к нему нейтрально.
HTML-код с «keywords»:
<!DOCTYPE html>
<html>
<head>
<title>keywords</title>
<meta name="keywords" content="HTML,CSS,PHP,JavaScript">
</head>
<body>Основное содержимое страницы</body>
</html>«description» (описание страницы)
Description используется при создании краткого описания конкретной страницы Вашего сайта. Практически все поисковые системы учитывают его при индексации, а также при создании аннотации в выдаче по запросу.
Таким образом, правильный description обязательно должен содержать ключевое слово, коротко и точно описывать то, о чём данная веб-страница. «Description» вместе с «title» образуют очень важную пару значений, от которых зависит то, перейдёт пользователь из поисковой выдачи на веб-страницу или нет! Поэтому «description» и «title» нужно прописывать для каждой веб-страницы!
HTML-код с «description»:
<!DOCTYPE html>
<html>
<head>
<title>description</title>
<meta name="description" content="Сайт об HTML и CSS">
<meta name="keywords" content="HTML,CSS,PHP,JavaScript">
</head>
<body>Основное содержимое страницы</body>
</html> «Author» и «Copyright»
Эти значения, как правило, не используются одновременно.
Функция author и copyright — идентификация автора или принадлежности контента на странице. «Author» содержит имя автора веб-страницы, но в случае, если веб-сайт принадлежит какой-либо организации, целесообразнее использовать значение «Copyright».
HTML-код с «author»:
<!DOCTYPE html> <html> <head> <title>Примеры применения метатегов</title> <meta name="author" content="Maxim White"> <meta name="keywords" content="HTML, Meta Tags, Metadata"> <meta name="description" content="Сайт об HTML и CSS"> </head> <body>Основное содержимое страницы</body> </html>
«Robots»
Robots — формирует информацию о гипертекстовых документах, которая поступает к роботам поисковых систем.
У «robots» могут быть следующие значения:
- index — страница должна быть проиндексирована;
- noindex — страница не индексируется;
- follow — гиперссылки на странице учитываются;
- nofollow — гиперссылки на странице не учитываются
- all — включает значения index и follow, включен по умолчанию;
- none — включает значения noindex и nofollow.
HTML-код с «robots»:
<!DOCTYPE html>
<html>
<head>
<title>Примеры применения метатегов</title>
<meta name="robots" content="noindex, nofollow">
<meta name="keywords" content="HTML, Meta Tags, Metadata">
<meta name="author" content="Maxim White">
<meta name="description" content="Сайт об HTML и CSS">
</head>
<body>Основное содержимое страницы</body>
</html> Группа значений атрибута HTTP-EQUIV
«Content-Type»
Content-Type определяет тип документа и его кодировку.
HTML-код с «Content-Type»:
<!DOCTYPE html>
<html>
<head>
<title>Примеры применения метатегов</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata">
<meta name="description" content="Сайт об HTML и CSS">
<meta name="author" content="Maxim White">
<meta name="robots" content="noindex, nofollow">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>Основное содержимое страницы</body>
</html>В HTML5 указание кодировки упрощено:
<meta charset="UTF-8">«refresh»
Refresh — задержка времени (в секундах) перед тем, как браузер обновит страницу.
Кроме того, может использоваться автоматическая загрузка другой html-страницы с заданным адресом (url).
HTML-код с «refresh»:
<!DOCTYPE html>
<html>
<head>
<title>Автозагрузка</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="refresh" content="5; URL=http://www.wm-school.ru">
</head>
<body>Основное содержимое страницы</body>
</html>Браузер поймет эту запись, как через 5 секунд загрузить новую страницу, указанную в параметре URL, в данном случае это переход на сайт wm-school.ru. Значение «refresh» позволяет создавать перенаправление (редирект) на другой сайт. Если URL не указан, произойдет автоматическое обновление текущей страницы через количество секунд, заданных в атрибуте content.
| Обратите внимание, что кавычки в указании URL-адреса перед http не ставятся. |
«Content-Language»
Content-Language указывает язык документа.
Может использоваться поисковыми машинами при индексировании страниц. Комбинация поля Accept-Language (посылаемого браузером) с содержимым Content-language может быть условием выбора сервером того или иного языка.HTML-код с «content-language»:
<!DOCTYPE html>
<html>
<head>
<title>Язык документа</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="refresh" content="5; URL=http://www.wm-school.ru">
<meta http-equiv="content-language" content="ru">
</head>
<body>Основное содержимое страницы</body>
</html>В HTML5 указание языка упрощено:
<html lang="ru">В этом уроке перечислены не все метатеги, которые вы можете встретить при изучении веб-ремесла. Остальные специфичны и вы познакомитесь с ними в дальнейшем при изучении наших уроков. Из всех же вышеперечисленных к использованию на каждой странице вашего сайта рекомендуются метатеги и их атрибуты приведенные в следующем примере:
Пример HTML:
Попробуй сам<!DOCTYPE html>
<html>
<head>
<title>Заголовок страницы</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="HTML, Meta Tags, метаданные">
<meta name="description" content="Сайт об HTML и CSS">
</head>
<body>Основное содержимое страницы</body>
</html>Задачи
Итоговое задание [10-14]
На этом уроке вы познакомились с наиболее важными метатегами основным предназначением которых является предоставление структурированных метаданных о веб-странице.
Пришло время повторить изученное и выполнить четыре несложных задания:
Ключевые слова
С помощью одинарного тега <meta> задайте ключевые слова: «HTML,CSS,JavaScript» для текущей веб-страницы.
<!DOCTYPE html>
<html>
<head>
<meta>
<title>Ключевые слова</title>
</head>
<body>
<p>Метатеги (англ. meta tags) — предназначены для предоставления структурированных метаданных о веб-странице.</p>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="HTML,CSS,JavaScript">
<title>Ключевые слова</title>
</head>
<body>
<p>Метатеги (англ. meta tags) — предназначены для предоставления структурированных метаданных о веб-странице.</p>
</body>
</html>Индексация веб-страницы
С помощью одинарного тега <meta> разрешите индексацию Web-страницы поисковыми машинами, а переход по ссылкам запретите.
<!DOCTYPE html>
<html>
<head>
<meta>
<title>Индексация и переход по ссылкам</title>
</head>
<body>
<p>Тег meta позволяет запретить или разрешить индексацию Web-страницы поисковыми машинами.</p>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta name="robots" content="index, nofollow">
<title>Индексация и переход по ссылкам</title>
</head>
<body>
<p>Тег meta позволяет запретить или разрешить индексацию Web-страницы поисковыми машинами.</p>
</body>
</html>Автоматическая перезагрузка страницы
С помощью одинарного тега meta назначте автоматическую перезагрузку текущей веб-страницы через 30 сек.
<!DOCTYPE html>
<html>
<head>
<meta>
<title>Автоматическая перезагрузка страницы</title>
</head>
<body>
<p>Тег meta позволяет автоматически перезагружать страницу через заданный промежуток времени. </p>
</body>
</html>
</p>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta http-equiv="refresh" content="30">
<title>Автоматическая перезагрузка страницы</title>
</head>
<body>
<p>Тег meta позволяет автоматически перезагружать страницу через заданный промежуток времени.</p>
</body>
</html>Автозагрузка новой страницы
Сделайте так, чтобы через 5 сек после загрузки страницы браузер перешел на адрес http://www.wm-school.ru.
<!DOCTYPE html>
<html>
<head>
<meta>
<title>Автозагрузка новой страницы</title>
</head>
<body>
<p>В данном случае через 5 сек после загрузки страницы браузер перейдет на адрес http://www.wm-school.ru.</p>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta http-equiv="refresh" content="5; URL=http://www. wm-school.ru">
<title>Автозагрузка новой страницы</title>
</head>
<body>
<p>В данном случае через 5 сек после загрузки страницы браузер перейдет на адрес http://www.wm-school.ru.</p>
</body>
</html>
wm-school.ru">
<title>Автозагрузка новой страницы</title>
</head>
<body>
<p>В данном случае через 5 сек после загрузки страницы браузер перейдет на адрес http://www.wm-school.ru.</p>
</body>
</html>примеры правильного написания meta-тега Description, размеры (длина) для Яндекса
Поисковая система может ориентироваться на них для формирования сниппетов, которые видит пользователь. Но если на ресурсе есть контент, который больше соответствует запросу, то теги могут быть проигнорированы.
Обычно используются: title, description и keywords. Последний утратил актуальность, поэтому его заполнять не нужно. Остальные до сих пор помогают продвигать сайты в топ.
Зачем прописывать мета?
Правильно сформированные заголовки и описания позволяют подчеркнуть конкурентные преимущества в выдаче и показать анонс контента на странице. С помощью этого небольшого текста вы сможете повысить кликабельность сниппета, а это один из главных поведенческих факторов, которые влияют на ранжирование в поиске.
Составить текст – несложно, но это помогает:
- Заинтересовать больше пользователей.
- Повысить кликабельность.
- Увеличить количество переходов на сайт.
Если вы заполнили title и description, то Google с высокой вероятностью будет выдавать их содержимое. Яндекс чаще самостоятельно выбирает нужную часть статьи для отображения. Чтобы управлять этим процессом, стоит продумывать содержимое тега с учётом ключевых слов, которые пользователи используют при поиске.
Что такое дескрипшен?
С технической точки зрения, description tag – это элемент, который вставляется в шапку страницы внутри
. Посетители сайта не видят его, но содержимое высвечивается в поиске как основной текст.В коде это выглядит так:
<head>
<meta name=»description» content=»Сюда необходимо вставить текст, который будет показан в выдаче»>
</head>
А в выдаче так:
Если это ссылка на статью, то краткое описание может быть сделано в виде анонса, если на каталог продукции, то как объявление в контекстной рекламе.
Для повышения позиций в выдаче для каждого раздела стоит составлять уникальный текст тега, который точно соответствует контенту и поисковому запросу. Если заполнить эту часть сниппета правильно, его CTR вырастет.
Как правильно заполнить
Чтобы понять, что писать в мета-тег description, необходимо разобраться с общей структурой сниппета. Помимо описания в него входит заголовок, быстрые ссылки, адрес, цены и другое. При их проработке требуется придерживаться единой логики и не дублировать информацию, поскольку длина дескрипшен ограничена.
Правильно оформить отображение в поиске помогут следующие рекомендации:
- Содержание тегов должно соответствовать конкретной странице. При обновлении контента необходимо дорабатывать и данные для выдачи.
- Используйте ключевые слова в title и description, но в меру: достаточно трёх небольших по длине запросов. Это не влияет на ранжирование, но если потенциальный клиент использует его в строке поиска, то они будут подсвечены жирным шрифтом, а значит, привлекут внимание.
- Распределяйте важную для пользователей информацию: оффер – в заголовке, главные преимущества – в описание. В дополнение воспользуйтесь сервисами поисковых систем, чтобы добавить нужные быстрые ссылки и внедрить микроразметку для отображения специальных данных. В Яндексе сделать это можно через инструменты Вебмастера.
Тестируйте разные сочетания элементов, чтобы найти наиболее кликабельную комбинацию. Правильное заполнение сниппета во многом зависит от самой объёмной его части – description.
Как писать дескрипшен для сайта – зависит от типа контента. Не существует единой формулы, которая будет эффективна для интернет-магазинов, лендингов, статей, обучающих платформ и других проектов. В поисковых системах можно найти ограничения и подсказки, которые помогут заполнить описание для выдачи правильно:
- Хотя специалисты отмечают, что максимальная длина мета-тега на сайтах – 270-300 символов, идеальный размер текста не должен превышать 140-160 знаков. Текст будет помещаться в выдаче Яндекса и Google. Значима и длина слов, потому что они переносятся на вторую строку без разделения.
- Не дублируйте информацию из title и избегайте повторов.
- Содержание тега должно быть уникальным для каждой страницы. Важно заполнять его так, чтобы описание соответствовало контенту.
- Избегайте общих фраз и не вводите пользователей в заблуждение – это влияет на дальнейшее взаимодействие с сайтом и отражается на поведенческих факторах.
- Используйте призыв к действию – это повышает CTR.
Текст будет помещаться в выдаче Яндекса и Google. Значима и длина слов, потому что они переносятся на вторую строку без разделения.Чтобы правильно оформить сниппет, необходимо держать в голове конечную цель – привлечь клиента и обыграть конкурентов в поиске. Выбирайте формулировки так, чтобы выделяться на фоне других описаний.
Примеры написания description
Заполнить мета-тег description помогут примеры для разных типов контента. Идеальная формула для статей – написать, о чём прочитает пользователь, кликнув на ссылку.
Например, если в Google ввести запрос «как правильно написать текст для лендинга», в выдаче появится материал от Tilda Education:
Несмотря на то, что заголовок и часть описания скрыты, здесь видно, как правильно заполнять мета-тег description для статей: пользователя ждут «несложные советы», а сам текст содержит ключевое словосочетание из запроса.
Теги коммерческих страниц стоит заполнять УТП и преимуществами сервиса или продукта. Пример правильного написания дескрипшена для интернет-магазина, который продает смартфоны:
Главные достоинства этого описания: конкретные цифры, которые подчеркивают наличие выбора и функциональные преимущества магазина – «удобный поиск» и «возможность сравнения цен».
Удачный прием, который помогает при написании текста – добавление названия региона. Если пользователь ищет квартиры в Сочи, ему важен регион. Чтобы правильно проработать формулировки, акцентируйте внимание на триггерах: добавьте конкретные цифры в сниппет, если пользователь интересуется стоимостью.
Несмотря на то, что в этом примере много цифр, это оправдано запросом. Количество объявлений показывает, что на сайте есть, из чего выбрать. А указание конкретных цен дает четкий ориентир. Недостаток этого сниппета в том, что описание частично повторяет заголовок.
Примеры составленных тегов description на сайте показывают, что заполнять их необходимо с учетом поисковых запросов. Для этого необходимо изучать поведение пользователей и понимать, как они взаимодействуют с контентом. В этом вам поможет статистика поисковых систем по поведенческим факторам. Узнайте, как анализировать ПФ и улучшать показатели в нашей статье.
Закажи юзабилити-тестирование прямо сейчас
Заказать
МЕТА-тег Description
Что такое Description
Description — это МЕТА-тег, который отвечает за описание страницы. Его заполнение является важной частью оптимизации сайта, так как поисковые системы очень часто используют данные этого МЕТА-тега для формирования описания страницы в сниппете в поисковой выдаче.
Description, можно сказать, выступает своеобразным анонсом того, что пользователь может увидеть на странице, если перейдет на нее. Помимо этого, описание страницы является фактором ранжирования для поисковых систем, так как позволяет роботу понять, контент какого характера находится на странице, и насколько он соответствует поисковому запросу.
Располагается этот МЕТА-тег в блоке <head> </head> html-страницы:
<head> <meta name="description" content="Описание страницы"> </head>
Как выглядит Description в поисковой выдаче
Обратите внимание, что в поисковой выдаче Яндекса теперь доступно расширенное описание — при нажатии на надпись «Читать еще» вы сможете увидеть доплнительную информацию, которая входит в описание.
Как этот мета-тег влияет на продвижение
- Description влияет на CTR (соотношение числа кликов к просмотрам) страницы в поисковой выдаче. Чем более точное и интересное описание вы подготовите, тем с большей вероятностью пользователь зайдет именно на ваш сайт.
- Поисковые системы отдают предпочтение тем сайтам, на которых заполнен этот МЕТА-тег. Он позволяет им определить наиболее релевантный документ для ранжирования.
Чем более точное и интересное описание вы подготовите, тем с большей вероятностью пользователь зайдет именно на ваш сайт.Стоит иметь в виду, что поисковики по-разному учитывают содержимое МЕТА-тега Description. Яндекс может поместить в сниппет сайта любую текстовую информацию со страницы, если бот сочтет ее более полезной. Такие случаи возникают довольно часто. Google же, как правило, отображает в поиске именно то описание, которое вы указали в Description.
Яндекс
Как уже говорилось выше, российская поисковая система может включить в описание страницы совсем не ту информацию, которую вы указали в Description, а взять фрагмент текста со страницы, или из навигационных подсказок («Хлебных крошек»). С учетом того, что в выдаче стало отображаться расширенное описание, доступное при нажатии на якорь «читать еще», вероятность попадания туда контента со страницы значительно возрастает.
Рекомендуемая длина Description для этого поисковика составляет 100 -180 знаков. Не советуем превышать объем в 200 знаков.
Рекомендации по заполнению этого МЕТА-тега вы можете посмотреть в подсказке «Использование МЕТА-описаний» от Яндекс.
Американский поисковик отображает в описании страницы в поисковой выдаче чаще всего те данные, которые указаны в МЕТА-теге Description. У большинства сайтов в описании выводится 2 строки текста. Некоторым Google выводит 3 строки, но это редкость и, скорее, исключение из правила.
Google постоянно экспериментирует с длиной МЕТА-описаний. Так, в декабре 2017 года количество символов в описании страницы могло превышать 300 символов, а в середине мая 2018 года сниппеты опять укоротили — это подтвердил специалист Google Дэнни Саливан:
«Теперь наши поисковые сниппеты в среднем короче, чем были в последнее время, хотя немного длиннее, чем до изменения, которое мы реализовали в декабре.
Фиксированной длины для сниппетов нет. Их длина варьируется в зависимости от того, что наши системы считают наиболее полезным».Сейчас рекомендуемая длина описания — 150-160 символов, так как именно такое количество умещается в 2 строки, все что идет дальше — будет обрезано.
Подробные рекомендации от Google вы можете прочитать в руководстве «Как обеспечить показ информативных заголовков и описаний страниц в результатах поиска Google»
Как правильно прописать Description
Теперь, когда мы знаем, зачем нужен этот МЕТА-тег и как его воспринимают Яндекс и Google, а также изучив рекомендации от этих популярных поисковиков, можно выделить ряд рекомендаций и правил для формирования Description:
- Старайтесь уложиться в 150 — 160 символов.
- Слишком короткое описание тоже недопустимо, старайтесь не употреблять меньше 70 символов.
- Информация в МЕТА-теге Description не должна совпадать с Title или h2. Дублирование контента — недопустимо.
- Употребляйте ключевые слова при формировании описания. Идеальным вариантом будет прописать их ближе к началу первого предложения.
- МЕТА-описание должно быть емким, написанным для людей и описывать содержание страницы.
- На каждой странице сайта МЕТА-описание должно быть уникальным.
- Старайтесь использовать конкурентные преимущества. Если вы можете похвастать низкой ценой, или кратчайшими сроками доставки, то будет актуально использовать эту информацию.
Дублирование контента — недопустимо.Соблюдая эти простые правила, вы сможете составить грамотные МЕТА-описания для страниц вашего сайта, что, несомненно, положительно отразится на результатах его продвижения.
что это такое, как правильно прописать для продвижения
Description (дескрипшин) – это мета-тег, используемый с целью составления и отображения краткого описания веб-страницы (HTML документа) или ее аннотации, содержащейся непосредственно в тексте, в выдаче поисковой системы.
Данный тег является частью служебной информации, и если проверить исходный HTML-код сайта, то description находится в блоке head, и не высвечивается на самой странице.
Наряду с тегом title, description играет огромную роль в SEO продвижении сайта. Их использование – эффективный метод влияния на представление интернет-ресурса в результатах поиска пользователям и поисковым машинам.
Какое предназначение мета-тега description?
Дескрипшн учитывается при ранжировании сайта и в некоторой степени влияет на его позиции в поисковиках. Более того, любой интернет-пользователь в поисках необходимой ему информации, прежде чем нажать на ссылку и перейти на страницу, с большой вероятностью захочет прочитать ее описание и узнать, какую информацию он найдет на сайте.
Важно! Содержимое тега description формирует сниппет, который, по сути, и является мета-описанием документа в выдаче поисковой системы. Он влияет на окончательное решение юзера – посещать страницу, или нет.
Вместе с тегом title, description относится к внутренним методам оптимизации сайта. Они определяют его вид в результатах поиска, и с их помощью можно в некоторой степени повлиять на ранжирование, релевантность сайта и поисковый трафик.
Но даже если вебмастер самостоятельно прописал дескрипшн для статьи, поисковые роботы Яндекса и Гугла часто в автоматическом режиме составляют описание для страницы из фрагментов содержащегося в ней контента, которые отвечают поисковому запросу:
- первые 1-3 предложения текста документа;
- фрагменты текста с ключевыми словами или без них;
- набор ключевых слов или фраз, содержащихся в контенте.
Огромный недостаток такой ситуации заключается в том, что качество подобного сниппета может стать неинтересным для потенциального посетителя.
А это может повлиять на позиции и трафик сайта, причем с негативной стороны. Но все равно, всегда рекомендуется самостоятельно заполнять мета-тег description везде, даже для главной страницы, потому что это служит неким кратким описанием страницы для поисковых роботов.
Как description сказывается на ранжировании
Многие вебмастера придерживаются неправильной точки зрения, а именно: «Содержимое Description не оказывает на ранжирование контента никакого влияния, так как является ни чем иным, как рекламным слоганом, привлекающим пользователя».
Уже из самой этой формулировки можно понять, что description влияет на факторы ранжирования. Ведь изучая сниппет, пользователь принимает решение, переходить на сайт или нет.
Качественно заполненный description увеличивает CTR. Что является одним из поведенческих факторов ранжирования.
Пользователь, попавший на сайт из поиска, также продолжает анализироваться поисковыми системами, которые обращают внимание на поведенческие факторы.
Одним словом, хоть данный тег напрямую на ранжирование и не влияет, так как является визитной карточкой сайта в поиске, косвенное воздействие он все же оказывает. И это
HTML-мета-имя Атрибут
❮ HTML тег
Пример
Используйте атрибут name для определения описания, ключевых слов и автора документа HTML.
Также определите область просмотра для управления размерами страницы и масштабированием для
разных устройств:
Попробуй сам »
Атрибут name указывает имя для метаданных.
Атрибут name определяет имя для информации / значения атрибут содержимого.
Примечание: Если установлен атрибут http-Equiv, атрибут name не должен устанавливаться.
HTML5 представил метод, позволяющий веб-дизайнерам контролировать область просмотра (видимая пользователем область веб-страницы) с помощью тега (см. пример «Настройка области просмотра» ниже).
Поддержка браузера
| Атрибут | |||||
|---|---|---|---|---|---|
| наименование | Есть | Есть | Есть | Есть | Есть |
Синтаксис
Значения атрибутов
| Значение | Описание |
|---|---|
| наименование приложения | Задает имя веб-приложения, которое представляет страница. |
| автор | Задает имя автора документа.Пример: |
| описание | Задает описание страницы. Поисковые системы могут использовать это описание и отображать его вместе с результатами поиска. Пример: |
| генератор | Задает один из программных пакетов, используемых для создания документа (не используется на страницах, созданных вручную).Пример: |
| ключевых слов | Задает список ключевых слов, разделенных запятыми, релевантных странице (информирует поисковые системы, о чем страница). Совет: Всегда указывайте ключевые слова (необходимые поисковым системам для каталогизации страницы). Пример: |
| окно просмотра | Управляет окном просмотра (видимая пользователем область веб-страницы). Область просмотра зависит от устройства и будет меньше на мобильном телефоне, чем на экране компьютера. Вы должны включить следующий элемент области просмотра на все свои веб-страницы: Элемент области просмотра дает браузеру инструкции о том, как для управления размерами и масштабированием страницы. Часть width = device-width устанавливает ширину страницы в соответствии с шириной экрана устройства (которая будет варьироваться в зависимости от устройства). Часть initial-scale = 1.0 устанавливает начальный уровень масштабирования при первой загрузке страницы браузером. Вот пример веб-страницы без метатега области просмотра и той же веб-страницы с метатегом области просмотра : Совет: Если вы просматриваете эту страницу с помощью телефона или планшета, вы можете щелкнуть две ссылки ниже, чтобы увидеть разницу. |
❮ HTML тег
Что в голове? Метаданные в HTML — Изучите веб-разработку
Заголовок HTML-документа — это часть, которая не отображается в веб-браузере при загрузке страницы.Он содержит такую информацию, как страница Это моя страница