В мае 2016 года Google объявил о новом формате результатов поиска со структурированными данными. Как и в случае с весьма успешным обновлением Rich Snippets, эти структурированные данные позволили Google представить более привлекательные, визуальные результаты поиска — разработанные в соответствии с содержанием соответствующего веб-проекта. Согласно Schema.org, этот новый формат Google также требует структурированных данных. В отличие от сниппетов, Google Rich Cards, похоже, сразу же положительно повлияли на опыт пользователей, заходящих на сайт с мобильных устройств. Они отображаются в виде информационной карусели, подобно ускоренным мобильным страницам (AMP), что означает, что пользователь может прокручивать отображаемые результаты. Сначала Google ограничил новый формат результатов двумя категориями контента: рецепты и фильмы, и эти две Rich Cards будут отображаться только на мобильных поисковых запросах с американского сайта Google.com. Однако уже разработан план по установке Google Rich Cards на другие языковые версии поисковой системы и расширению разнообразия предлагаемого контента. Когда речь идет о представлении товаров, новый формат результатов, похоже, открывает широкие возможности и в будущем наверняка вызовет горячие споры среди операторов платформ электронной коммерции. То же самое касается художников и предприятий гостиничного, ресторанного и событийного бизнеса: Google Rich Cards окажет на них большое влияние, как в лучшую, так и в худшую сторону. Итак, как это работает?
Чем Google Rich Cards отличается от Google Rich Snippets?
С момента своего основания в 1998 году компания Google постоянно улучшает качество результатов поиска. Его первым важным шагом стала оптимизация отображения рекламы на страницах результатов поисковых систем (SERP), что привело к появлению и развитию такого важного инструмента, как поисковая оптимизация (SEO) и ее способность сделать веб-сайт более известным. Однако в последние годы наметилась четкая тенденция к тому, что Google сосредоточился на оптическом виде результатов поиска (введение внутреннего сервиса AdWords добавило еще один способ изменения рейтинга поисковой системы, но он был оторван от собственно органического поиска). Сегодня у веб-мастеров есть не только возможность привлечь внимание пользователей, заработав хороший рейтинг в поисковой системе — у них также есть инструменты, чтобы предложить успешный визуальный и информативный внешний вид в SERP лидера рынка.
Вы хотите узнать, насколько хорошо ваш сайт может быть найден поисковой системой? Сделайте быструю проверку сайта прямо сейчас!
Когда Google запустил свои последние изменения, объявив о появлении Rich Cards, он представил следующее изображение в своем блоге, чтобы проиллюстрировать разницу между традиционными методами отображения и этим новейшим предложением:
На изображении выше показано, чем Google Rich Cards отличаются от Rich Snippets: по структуре Rich Cards больше похожи на объявления о продаже товаров (Product Listing Ads), которые Google запустил в начале десятилетия. Они отображаются в верхней части страниц результатов поисковых систем для мобильных устройств. Но, в отличие от них, Rich Cards фактически являются частью отображения результатов органического поиска. Богатые сниппеты отображаются более традиционным способом: результаты располагаются друг под другом, как на стандартных страницах результатов. Пока неясно, каким образом будут располагаться новые результаты поиска в будущем, поскольку Google приходится жонглировать между платной рекламой, Rich Cards и другими, более традиционными результатами.
Основное внимание в новом формате результатов уделяется изображению, которое сопровождает результат поиска. Как и в случае со сниппетами, Rich Cards предлагают некоторые или все из следующих дополнительных сведений в результатах поиска:
- Продолжительность приготовления блюда или фильма
- Количество калорий или зачисленные актеры
- Рейтинг пользователей
Rich Cards и Rich Snippets также включают внешнюю ссылку на сайт, на котором отображается контент. Но короткий тизер, известный как «Описание», исключен из Rich Cards в пользу более компактного формата и более крупного отображения изображений.
Третье явное различие между ними уже обсуждалось: Google отображает Rich Cards только на страницах результатов поиска, отвечающих на запросы, сделанные на мобильных устройствах. Таким образом, если вы ищете на настольном компьютере, то в настоящее время вам будут показаны только Rich Snippets. В настоящее время нет никакой информации о том, планирует ли Google сохранить это разделение или изучить возможность использования формата Rich Cards и на настольных компьютерах.
Google Rich Cards: как воспользоваться преимуществами
У Rich Cards и Rich Snippets есть одна общая черта: оба формата настаивают на использовании структурированных данных для отображения. Это означает, что веб-операторы, которые хотят быть представленными в любом из форматов Rich display, должны правильно расположить свои данные, чтобы краулер Google мог прочитать и интерпретировать их, а затем классифицировать соответствующим образом. Если вы, как владелец сайта, не решите использовать этот формат структурированных данных, ваш результат будет отображаться только в стандартном формате результатов. Если вы уже внедрили в свой проект подходящий набор структурированных данных, позволяющий вашему сайту быть представленным в виде сниппета, то вам будет очень просто внести дополнительные изменения, чтобы соответствовать критериям Google Rich Cards. Google рекомендует использовать структуру RDFa для всех форматов.
На форуме для разработчиков Google также предлагает листинги для различных типов контента, включая такие доступные функции, как Rich Cards. Там же есть информативная страница для каждой формы представления информации на экране, где рассказывается о различной информации, которую следует поместить в каждую из соответствующих областей разметки. Вот пример информации, необходимой для представления рецепта в формате RDFa для Google:
| Категория | Значение (согласно Schema.org) | Описание | Релевантность |
|---|---|---|---|
| название | Текст | название блюда | необходимый |
| изображение | URL или объект изображения | изображение готового блюда | необходимый |
| автор | человек | создатель рецепта | рекомендуемый |
| датаОпубликовано | Дата | дата, когда рецепт был впервые опубликован — в формате ISO-8061 | рекомендуемый |
| описание | Текст | краткое описание рецепта | рекомендуемый |
| aggregateRating | Агрегатный рейтинг | средняя оценка пользователей | рекомендуемый |
| обзор | Обзор | отзывы о блюде | рекомендуемый |
| prepTime | Продолжительность | приблизительное время приготовления; может быть предложено в виде оценок минимального и максимального значения; дается в формате ISO-8061 | рекомендуется; всегда требуется в сочетании с cookTime или totalTime |
| cookTime | Продолжительность | приблизительное время приготовления | рекомендуется; всегда требуется в сочетании с prepTime или totalTime |
| totalTime | Продолжительность | приблизительное общее время для подготовки и приготовления; представлено в формате ISO-8061 | рекомендуется; может быть объединено с prepTime или cookTime |
| recipeYield | Текст | размер порции | рекомендуемый |
| рецептИнгредиент | Текст | список ингредиентов, используемых в рецепте | рекомендуемый |
| рецептИнструкции | Текст | инструкции к рецепту | рекомендуется |
Кроме того, вы должны обязательно использовать Schema.org для определения базового словаря, который вы используете (@context), и ‘recipe’ как тип контента, о котором вы пишете (@type). Завершенный сценарий в конце будет выглядеть примерно так:
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Recipe",
"name": "Pizza Mozzarella Recipe",
"image": "https://pixabay.com/photo-711662/",
"author": {
"@type": "Person",
"name": "User"
},
"datePublished": "2016-08-05",
"description": "Delicious Pizza Mozzarella with fresh ingredients that can be made easily and quickly at home.",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"reviewCount": "52"
},
"prepTime": "PT20M",
"totalTime": "PT60M",
"recipeYield": "1 Person",
"nutrition": {
"@type": "NutritionInformation",
"calories": "900 cal"
},
"recipeIngredient": [
"Ingredients"
],
"recipeInstructions": "Instructions"
}
</script>После этого у вас появится возможность использовать инструмент Google Structure Data Testing Tool для проверки вашей разметки на наличие ошибок. Для этого просто начните новый тест по ссылке и введите в инструмент URL вашего веб-проекта или фрагмент кода:
Нажав на кнопку ‘run test’, вы можете запустить сканер и получить обзор вашей разметки:
Наш пример прошел проверку, и инструмент не обнаружил никаких ошибок или предупреждений. Если в вашем случае появится хотя бы одно из них, имеет смысл следовать инструкциям и пересмотреть отображение вашего сайта. Используя кнопку «предварительный просмотр», вы можете посмотреть, как будет выглядеть ваша Rich Card после ее создания. Но сначала ваше изображение должно быть проиндексировано Google, поэтому конечный результат может значительно отличаться от предварительного просмотра.