Существует миф, что описание — самая неуправляемая часть сниппета. Капризный Google игнорирует мета-тег description (хотя он есть), и автоматически выбирает отрезок текста, не самый подходящий, или хуже того - техническую информацию.
Что такое сниппет?
Сниппет (snippet) — это информация о сайте выводимая в поисковой выдаче, включающая название сайта (1), URL (2), заголовок (3), значок сайта (4), описание (5), дату публикации (6), а также изображение и другие дополнительные данные в зависимости от содержимого страницы сайта.
Что такое описание в сниппете?
Краткое описание, буквально в пару строк, страницы-источника сниппета. Является дополнением к заголовку, позволяет лучше раскрыть содержимое страницы.
Описание в сниппете GoogleЦелью описания, как и всего сниппета целиком, является переход посетителя со страницы результатов поисковой выдачи на страницу конкретного сайта. Это значит что описание в сниппете должно как можно лучше раскрывать тему, точно и кратко передавать содержание страницы, для быстрого получение представления о странице и переходе посетителя на нее.
Критерии качественного описания в сниппете:
Описание составляет Google, и вы не можете просто вписать его в поисковую выдачу. Но на своем сайте, вы можете сформировать метаописание (метатег description), которое учитывает Google. При удачном составлении, высока вероятность что именно description будет выводиться в сниппете в качестве описания.
- Релевантность. Описание, как и заголовок, должны соответствовать теме страницы. Сниппет формирует определенные ожидания у посетителя относительно раздела сайта по ссылке. Описание должно быть составлено таким образом, чтобы ожидания оправдались.
- Краткость. Описание не может занимать более двух строк в поисковой выдаче Google. Это ориентировочно до 150-160 символов. Еще может быть меньше описание на мобильном устройстве, где его длина ограничивается тремя строчками - до 130-140 символов. Если присутствует дата (создания или публикации материала), лимит описания сократится еще больше. Если лимит превышен, описание будет обрезано автоматически (вот так...). Поэтому вы должны учитывать лимит, и помещать самые важные смыслы вначале метаописания.
- Содержательность. Емкий текст, вмещающий весь смысл в 130-150 символах. Описание должно раскрывать суть страницы без лишних слов, дополняя собой заголовок.
- Не быть списком тегов. Описание должно быть кратким и емким, но при этом не быть просто перечнем ключевых слов или фраз. Ключевые слова, относящиеся к тематике сайта или страницы являются положительным фактором, так как помогают сформировать правильное представление о странице у посетителей. Поэтому описание может содержать ключевые слова, но при этом быть в форме нормальных предложений.
Метаописание составляется в первую очередь для людей, а не поисковых роботов, поэтому должно быть понятным, точным, и привлекательным для посетителя.
Каждая страница сайта должна иметь свое метаописание.
Выберите интересующий вас запрос, и проверьте сниппеты на первых позициях в выдаче Google – вероятно среди них найдутся удачные примеры описаний.
Как Google создает описания сниппетов
Google действительно создает описание автоматически, учитывая информацию на странице и мета-тег description. Автосоздание описаний вовсе не каприз или ошибка системы. Google формирует описание под определенный запрос, подбирая согласно своим алгоритмам, наиболее релевантную информацию. То есть описание одной и той же страницы в поиске, по разным запросам может быть разным.
В теории, автоматическое создание сниппетов — отличное решение. Но на практике не каждый раз срабатывает всё так как бы того хотелось.
Инструменты управления описаниями сниппетов в Google
Не стоит забывать, что самым очевидным способом управления описанием страницы является редактирование контента. Кроме простого редактирования текста, вы можете управлять поисковым роботом Google:
- указывая какой текст вы хотите видеть в качестве описания (метатег description, и свойство description в микроданных);
- ограничивая или запрещая формировать сниппет на основе тех или иных элементов (метатег nosnippet, метатег max-snippet, атрибут data-nosnippet).
1. Метатег description - краткое описание содержимого страницы, которое задается на стороне сайта. Это описание используется поисковыми системами в качестве одного из факторов для определения того, каким образом страница должна отображаться в результатах поиска.
Метаописание помещается в head страницы. Пример description:
<head>
<meta name="description" content="Что такое метатег description? Чем отличается от описания в сниппете?">
</head>
Определяя текст в настройках сайта как description, вы тем самым говорите поисковому роботу "Эй, Google, я хочу чтобы этот текст был в поисковой выдаче, под заголовком". И Google это понимает и учитывает. Но нет никаких гарантий, что описание под заголовком будет взято из description. Как уже писали выше, Google формирует описание в сниппете, в зависимости от введенного поискового запроса.
Кроме description есть еще один способ указать Google, какой текст вы считаете наиболее подходящим в качестве описания. Речь о микроразметке, или структурированных данных.
2. Description в структурированных данных - краткое описание отдельного элемента, такого как товар, организация, или статья.
Относительно синтаксиса существует 3 вида микроразметки: Microdata, RDFa и JSON-LD. Вы можете выбрать один из форматов для использования на своем сайте. Наиболее часто используемые из них - JSON-LD и Microdata. Встречаются сайты, где применены сразу два типа микроразметки, что валидаторы не фиксируют как ошибку. Перечисленные типы микроразметки, или структурированных данных помогают Google и другим поисковым системам считывать информацию о страницах вашего сайта, и отображать ее в поисковой выдаче.
Также существуют микроразметки разработанные Facebook (OpenGrpaph) и Twitter. Микроразметки OpenGrpaph и Twitter применяются параллельно микроразметкам типа JSON-LD или Microdata, и служат для коректного показа социальными медиа информации о странице сайта при размещении на этих платформах ссылки на сайт. С помощью микроразметок соцмедиа, вы можете контролировать и улучшать вид вашего контента в Facebook и Twitter.
Google выделяет JSON-LD как предпочтительный формат, который более удобен в настройке отдельных элементов. Однако не все поисковые системы хорошо слажены в работе с js-микроразметкой, поэтому в отдельных случаях оптимальным форматом может стать Microdata, который также отлично воспринимается роботами Google.
Joomla 4 имеет встроенные в макеты статьей и других типов страниц элементы структурированных данных в формате Microdata. Также существуют расширения для добавления микроразмекти в формате JSON-LD.
В отличие от метаопиания, свойство description в структурированных данных не всегда относится ко всей странице. Структурировнные данные относятся к отдельным элементам, которых может быть несколько на странице. Например на странице может быть несколько товаров, в таком случае описание у каждого товара будет своим, как и свойство description.
Однако, например в случае с таким элементов как "статья" (Article), метаописание и свойство description структурированных данных, должны иметь одинаковое содержание. Было бы странным заполнять метатег description и свойство микроданных description разными данными в рамках одной страницы со статьей.
Для такого элемента страницы как "хлебные крошки" (BreadcrumbList), свойства description не применимо.
Полный перечень типов струкрутрированных данных можно найти здесь: https://schema.org/docs/full.html . Наиболее популярная схема микроданных в веб-разработке Schema.org содержит сотни типов структурированных данных и их свойств.
Проверить страницу сайта на наличие и ошибки в структурированных данных, можно в валидаторе от Google: https://search.google.com/test/rich-results
Валидатор Schema.org: https://validator.schema.org/
Микроданные для Статьи (элемент типа Article) включительно со свойством description формата JSON-LD могут выглядеть следующим образом:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Заголовок статьи",
"description": "Краткое, но информативное описание статьи",
"author": {
"@type": "Person",
"name": "Имя автора"
},
"datePublished": "2023-04-14",
"dateModified": "2023-04-14",
"publisher": {
"@type": "Organization",
"name": "Название организации",
"logo": {
"@type": "ImageObject",
"url": "https://example.com/logo.png",
"width": 600,
"height": 60
}
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://example.com/article"
}
}
</script>
Скрипт микроданных добавляется внутри тегов head или body на странице сайта, оставаясь невидимым для посетителей.
Пример микроданных статьи формата Microdata:
<article itemscope itemtype="http://schema.org/Article">
<h1 itemprop="headline">Заголовок статьи</h1>
<p itemprop="description">Краткое, но информативное описание статьи</p>
<div itemprop="articleBody">
<p>Текст статьи...</p>
</div>
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
<span itemprop="name">Имя автора</span>
</div>
<div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Название организации</span>
<div itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
<img src="/logo.png" itemprop="url" alt="Логотип">
</div>
</div>
<meta itemprop="datePublished" content="2023-04-14">
<meta itemprop="dateModified" content="2023-04-14">
</article>
3. Метатег nosnippet - запрет автоматического создания описания страниц.
Чтобы применить этот тег к страницам сайта, необходимо добавить следующий код в секцию <head> (всего сайта или отдельной страницы):
<meta name="robots" content="nosnippet">
4. Метатег max-snippet:[number] - ограничение описания по максимальному количеству символов.
Максимально количество - не более 90 символов, выглядит так:
<meta name="robots" content="max-snippet:90">
Если установлено значение "-1", ограничений не задано.
5. HTML-атрибут data-nosnippet - запрет использования текста внутри тега, как основу для формирования описания сниппета.
Например, необходимо запретить данный текст, находящийся в тегах div:
<div data-nosnippet>Чем более точным и информативным является описание, тем больше вероятность, что посетитель перейдет по ссылке на ваш сайт.</div>
Помеченный текст не будет учувствовать в автоформировании описания. Код не должен содержать ошибок, иначе атрибут data-nosnippet не сработает.
Работает только с тегами: div, span и section. Если ваш контент заключен в другие теги, замените их на один из трех типов (div, span, section), или добавьте указанные теги (внутри или снаружи тегов другого типа) так чтобы нужная информация оказалась внутри них. Например, есть нумерованный список, который не подходит для описания в поисковой выдаче:
<div data-nosnippet>
<!-- Весь текст ниже, что заключен в теги <div>...</div> будет запрещен для описания в Google, включая абзац (p) и нумерованный список (ol)-->
<p>Расширенные сниппеты — визуальные элементы в результатах выдачи Google, предоставляющие дополнительную информацию о странице. К элементам расширенных сниппетов можно отнести:</p>
<ol>
<li>1. Отзывы о продукте.</li>
<li>2. Рейтинг (на основе отзывах пользователей).</li>
<li>3. Цены.</li>
<li>4. Расписание.
<li>5. Карта.</li>
</ol>
</div>
С помощью атрибута data-nosnippet, можно исключать не только фрагменты непосредственно из статьи, но и фрагменты в макетах сайта, которые выводят техническую информацию, которая попала каким-то образом в описание в сниппете.
Как мы убедились, управлять описаниями в сниппете вполне возможно - через редактирования метаописания, структурированных данных, а также непосредственно текста страницы. Эти три инструмента: nosnippet, max-snippet:[number] и data-nosnippet являются косвенной, но отличной возможностью управлять описаниями в Google через исключения.