Early Adopters Program

Карусели структурированных данных (бета-версия)

Google использует структурированные данные
чтобы понимать контент на странице и отображать его в более наглядном виде в результатах поиска, что называется расширенным результатом. Это руководство посвящено новому расширенному результату в виде карусели, находящемуся в стадии бета-тестирования, который представляет собой расширенный результат списочного типа, который пользователи могут прокручивать по горизонтали, чтобы увидеть больше объектов с определенного сайта (также известный как хост-карусель). Каждая карточка в карусели может содержать информацию с вашего сайта о цене, рейтинге и изображениях объектов на странице.

Чтобы претендовать на этот расширенный результат в бета-версии, добавьте ItemList структурированные данные в сочетании с хотя бы одним из следующих поддерживаемых типов структурированных данных:

Карусели структурированных данных (бета-версия)

Вот как карусели могут выглядеть в Google Search, когда вы добавляете разметку ItemList в сочетании с поддерживаемым типом контента:

New carousel rich result

Доступность функции

Эта функция находится в стадии бета-тестирования, и по мере ее разработки требования или рекомендации могут меняться. Эта функция также доступна только в странах Европейской экономической зоны
(ЕЭЗ), Турции и Южной Африке как на компьютерах, так и на мобильных устройствах. В странах ЕЭЗ этот опыт доступен для запросов, связанных с отелями, арендой жилья для отдыха, наземным транспортом, авиабилетами, местным бизнесом, развлечениями (мероприятия, туры и активности) и покупками. В Турции этот опыт доступен только для запросов, связанных с отелями, арендой жилья для отдыха и местным бизнесом. В Южной Африке этот опыт доступен для запросов, связанных с отелями, арендой жилья для отдыха, развлечениями (мероприятия, туры и активности), авиабилетами, покупками, доставкой еды, арендой автомобилей и бронированием автобусов.

Если ваш бизнес базируется в ЕЭЗ или Турции, или вы обслуживаете пользователей в ЕЭЗ или Турции, заполните соответствующую форму:

Если ваш бизнес базируется в Южной Африке, заполните
форму для выражения интереса к значкам и чипам уточнения Google Search в Южной Африке.

Добавьте структурированные данные

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

Вот обзор того, как добавить структурированные данные на ваш сайт.

  1. Выберите одну сводную страницу, которая содержит некоторую информацию о каждом объекте в списке. Например, страницу категории, которая перечисляет «Лучшие отели в Париже», со ссылками на конкретные страницы с подробной информацией на вашем сайте для получения дополнительных сведений о каждом отеле. Вы можете комбинировать разные типы объектов (например, отели, рестораны), если это необходимо для вашего сценария. Например, если у вас есть статья «Чем заняться в Швейцарии», в которой перечислены как местные мероприятия, так и местные компании.
  2. Добавьте обязательные свойства на эту сводную страницу. Вам не нужно добавлять разметку на страницы с подробной информацией, чтобы претендовать на эту бета-функцию. В зависимости от используемого формата узнайте, где
    вставить структурированные данные на страницу.
  3. Добавьте обязательные и рекомендуемые свойства для конкретного типа контента, к которому относится карусель:

    В зависимости от вашего сценария вы можете выбрать наиболее подходящий тип. Например, если у вас на странице есть список отелей и жилья для отдыха, используйте оба типа: Hotel и
    VacationRental . Хотя идеально использовать тип, который наиболее близок к вашему сценарию, вы можете выбрать более общий тип (например, LocalBusiness).

  4. Следуйте рекомендациям.
  5. Проверьте свой код с помощью
    инструмента проверки расширенных результатов.
  6. Разверните несколько страниц, которые включают ваши структурированные данные, и используйте инструмент проверки URL , чтобы протестировать, как Google видит страницу. Убедитесь, что ваша страница доступна для Google и не заблокирована файлом robots.txt, тегом noindex или требованиями авторизации. Если страница выглядит нормально, вы можете
    попросить Google повторно просканировать ваши URL-адреса.
  7. Чтобы держать Google в курсе будущих изменений, мы рекомендуем
    отправить карту сайта. Вы можете автоматизировать это с помощью
    API Sitemap в Search Console.

Рекомендации

Чтобы ваша страница могла отображаться в виде расширенных результатов-каруселей (бета-версия), вы должны соблюдать Основные требования к поиску
и общие рекомендации по структурированным данным. Кроме того, к расширенным результатам-каруселям (бета-версия) применяются следующие правила:

  • Допускается использование общих типов. Однако для использования рекомендуемых свойств необходимо применять соответствующие типы. Например, чтобы использовать amenityFeature, используйте тип LodgingBusiness
    .
  • Допускается использование дополнительных или вспомогательных полей, но они могут не отображаться в расширенном результате.
  • Ваш сайт должен содержать сводную страницу и несколько страниц с подробной информацией. В настоящее время эта функция не предназначена для поддержки других сценариев, например, страниц «все в одном», где «подробности» являются якорными ссылками на той же странице.
  • Разметка должна находиться на сводной странице или странице категории — это страница списочного типа, которая содержит информацию как минимум о трех объектах и содержит ссылки на другие страницы вашего сайта для получения дополнительной информации об этих объектах. Хотя вам не нужно добавлять разметку на страницы с подробной информацией, вы должны включить URL-адреса страниц с подробной информацией в разметку вашей сводной страницы.
  • Разметьте все элементы, которые находятся на сводной странице или странице категории. Для пагинированных категорий добавьте
    ItemList на каждую последующую страницу и включите объекты, перечисленные на этой странице. Для бесконечной прокрутки сосредоточьтесь на разметке объектов, которые изначально загружаются в области просмотра.

Примеры

Ниже представлена высокоуровневая структура карусели. Порядок, указанный в разметке, — это порядок, который будет использоваться для упорядочивания плиток в расширенном результате-карусели.


Определения типов структурированных данных

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

ItemList

ItemList это контейнерный элемент, который содержит все элементы списка. Все URL-адреса элементов в списке должны указывать на разные страницы одного и того же домена.

Полное определение ItemList доступно по адресу
schema.org/ItemList.

Обязательные свойства
itemListElement

ListItem

Список элементов. Чтобы указать список, определите ItemList , который содержит как минимум три элемента itemListElement.item .

itemListElement.item

Подтип LocalBusiness, Product, или Event

Отдельный элемент в списке. Заполните этот объект следующими данными:

и его подтипыProduct Event Пример : для отеля укажите свойства priceRange

и

amenityFeature

.

itemListElement.positionЦелое число, Позиция элемента в карусели. Это число, начинающееся с 1. Общие свойства элемента списка ( LocalBusiness)

,

Product
, или

Event ) Все типы элементов карусели имеют следующие общие свойства.
Обязательные свойства

image

Повторяющееся

  • URL-адрес или ImageObject (объект изображения). Одно или несколько изображений объекта или элемента (например, фотография отеля). Не включайте логотипы в это свойство изображения. Дополнительные рекомендации по изображениям: URL-адреса изображений должны быть доступны для сканирования и индексации. Чтобы проверить, может ли Google получить доступ к вашим URL-адресам, используйте Инструмент проверки URL.
  • Изображения должны соответствовать размеченному контенту.
  • Изображения должны быть в формате файла, который поддерживается Google Images.
  • Для достижения наилучших результатов мы рекомендуем предоставлять несколько изображений в высоком разрешении (минимум 50 тыс. пикселей при умножении ширины на высоту) со следующими соотношениями сторон: 16×9, 4×3 и 1×1.

Например:

name

Текст

Строковое название сущности или элемента. Например, название отеля или объявления об аренде жилья. Значение item.name отображается в качестве заголовка отдельного элемента в карусели. HTML-форматирование игнорируется.

url

URL

Канонический URL страницы с подробной информацией об элементе (например, отдельная страница для конкретного отеля или объявления, на которую ссылается сводная страница). Все URL в списке должны быть уникальными, но находиться в одном домене (том же домене, поддомене или супердомене, что и сводная страница).

Рекомендуемые свойства
aggregateRating.bestRating

Число

Максимально допустимое значение в этой системе рейтингов (например, 5 / 10). Если
bestRating опущено, то 5 принимается по умолчанию.

aggregateRating.ratingCount

Число

Общее количество оценок элемента на вашем сайте.

aggregateRating.ratingValue

Число или
Текст

Числовой рейтинг качества элемента, представленный в виде числа, дроби или процента (например, 4, 60%или 6 / 10). Google понимает шкалу для дробей и процентов, так как она подразумевается в самой дроби или проценте. Шкала по умолчанию для чисел — 5-балльная, где 1 — минимальное значение, а 5 — максимальное. Если предполагается использование другой шкалы, используйте bestRating и worstRating.

Для десятичных чисел используйте точку вместо запятой, чтобы указать значение (например,
4.4 вместо 4,4). В Microdata и RDFa вы можете использовать
content атрибуты для переопределения видимого контента. Таким образом, вы можете показать пользователю любое удобное вам стилевое оформление, при этом соблюдая требование об использовании точки для структурированных данных. Например:

Дополнительные определения свойств для конкретных типов

LocalBusiness (и подтипы)

В дополнение к свойствам ListItem , Google поддерживает следующие свойстваLocalBusiness (включая его подтипы) для расширенных результатов в карусели. Вложите эти свойства в itemListElement.item Рекомендуемые свойства.

amenityFeature
LocationFeatureSpecification

Только для

LodgingBusiness : Характеристика удобств (например, особенность или услуга) объекта размещения. priceRangeТекст

Относительный ценовой диапазон компании, обычно указываемый нормализованным количеством символов валюты. Укажите ценовой диапазон в одном из следующих форматов:

Уровень цен:

например, “$”, “$$”, “$$$”

  • Диапазон: например, “$-$$”
  • Это поле должно содержать не более 12 символов. Если оно длиннее 12 символов, Google не будет отображать ценовой диапазон для компании. servesCuisine

Текст

Только для ресторанов

: Тип кухни, которую предлагает ресторан.

ProductВ дополнение к свойствам

ListItem

, Google поддерживает следующие свойства Product для расширенных результатов в карусели. Вложите эти свойства вitemListElement.item Рекомендуемые свойства offers
Alien Road.

SEO
GEO

Предложение или
AggregateOffer

Вложенное Предложение или AggregateOffer для продажи продукта. Включите
рекомендуемые свойства для Предложения или AggregateOffer
(в зависимости от того, что применимо к вашему контенту).

Если вы используете Offer, включите следующие свойства:

  • offers.price
  • offers.priceCurrency

Если вы используете AggregateOffer, включите следующие свойства:

  • offers.highPrice
  • offers.lowPrice
  • offers.priceCurrency
offers.highPrice

Число

Самая высокая цена среди всех доступных предложений. Если вы указываете единую цену с помощью
price, включать свойства highPrice и lowPrice
не нужно.

offers.lowPrice

Число

Самая низкая цена среди всех доступных предложений. Если вы указываете единую цену с помощью
price, включать свойства highPrice и lowPrice
не нужно.

offers.price

Число

Цена предложения продукта или компонента цены привязана к PriceSpecification
и его подтипам. Если вы указываете ценовой диапазон с помощью lowPrice и highPrice,
не включайте свойство price .

offers.priceCurrency

Текст

Валюта, используемая для описания цены продукта, в трехбуквенном формате
ISO 4217 . Если валюта
не указана, Google по умолчанию использует USD.

Событие

В дополнение к свойствам ListItem , Google поддерживает
следующие
События свойства для расширенных результатов карусели. Вложите эти свойства в itemListElement.item
Рекомендуемые свойства.

offers
Offer

или AggregateOffer Вложенное

Offer или AggregateOffer для продажи мероприятия. Включите
рекомендуемые свойства для
Offer или AggregateOffer (в зависимости от того, что применимо к вашему контенту).+*#.
Additional

Если вы используете Offer, включая следующие свойства:

  • offers.price
  • offers.priceCurrency

Если вы используете AggregateOffer, включая следующие свойства:

  • offers.highPrice
  • offers.lowPrice
  • offers.priceCurrency
offers.highPrice

Number

Самая высокая цена из всех доступных предложений. Если вы указываете единую цену с помощью
price, вам не нужно включать свойства highPrice и lowPrice
.

offers.lowPrice

Number

Самая низкая цена из всех доступных предложений. Если вы указываете единую цену с помощью
price, вам не нужно включать свойства highPrice и lowPrice
.

offers.price

Number

Цена ваших билетов, включая сервисные сборы и комиссии. Не забывайте обновлять ее при изменении цен или распродаже билетов. Если вы указываете диапазон цен с помощью
lowPrice и highPrice, не включайте свойство price . Если мероприятие доступно без оплаты, сборов или сервисных комиссий, установите для

price
значение offers.priceCurrency 0.

Text

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

ISO 4217
. Если валюта не указана, Google по умолчанию использует USD Примеры для распространенных сценариев.

Restaurant

пример Ниже приведен пример карусели ресторанов в формате JSON-LD.

<html>
<head>
<title>Top 5 Restaurants in Paris</title>
<script type=”application/ld+json”>
{
“@context”: “https://schema.org”,
“@type”: “ItemList”,
“itemListElement”: [
{
“@type”: “ListItem”,
“position”: 1,
“item”: {
“@type”: “Restaurant”,
“name”: “Trattoria Luigi”,
“image”: [
“https://example.com/photos/1×1/photo.jpg”,
“https://example.com/photos/4×3/photo.jpg”,
“https://example.com/photos/16×9/photo.jpg”
],
“priceRange”: “$$$”,
“servesCuisine”: “Italian”,
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: 4.5,
“reviewCount”: 250
},
“url”: “https://www.example.com/restaurant-location-1”
}
},
{
“@type”: “ListItem”,
“position”: 2,
“item”: {
“@type”: “Restaurant”,
“name”: “La Pergola”,
“image”: [
“https://example.com/photos/1×1/photo.jpg”,
“https://example.com/photos/4×3/photo.jpg”,
“https://example.com/photos/16×9/photo.jpg”
],
“priceRange”: “$$$”,
“servesCuisine”: “Italian”,
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: 4.9,
“reviewCount”: 1150
},
“url”: “https://www.example.com/restaurant-location-2”
}
},
{
“@type”: “ListItem”,
“position”: 3,
“item”: {
“@type”: “Restaurant”,
“name”: “Pasta e Basta”,
“image”: [
“https://example.com/photos/1×1/photo.jpg”,
“https://example.com/photos/4×3/photo.jpg”,
“https://example.com/photos/16×9/photo.jpg”
],
“priceRange”: “$$$”,
“servesCuisine”: “Italian”,
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: 4.2,
“reviewCount”: 690
},
“url”: “https://www.example.com/restaurant-location-3”
}
}
]
}
</script>
</head>
<body>
</body>
</html>


Hotelsи VacationRental ) примерНиже приведен пример карусели вариантов размещения в формате JSON-LD.

<html>
<head>
<title>Top 5 Hotels in Paris</title>
<script type=”application/ld+json”>
{
“@context”: “https://schema.org”,
“@type”: “ItemList”,
“itemListElement”: [
{
“@type”: “ListItem”,
“position”: 1,
“item”: {
“@type”: “Hotel”,
“name”: “Four Seasons Hotel George V, Paris”,
“image”: [
“https://example.com/photos/1×1/photo.jpg”,
“https://example.com/photos/4×3/photo.jpg”,
“https://example.com/photos/16×9/photo.jpg”
],
“priceRange”: “$$$$”,
“amenityFeature”: {
“@type”: “LocationFeatureSpecification”,
“name” : “internetType”,
“value”: “Free”
},
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: 4.9,
“reviewCount”: 50
},
“url”: “https://www.example.com/four-seasons”
}
},
{
“@type”: “ListItem”,
“position”: 2,
“item”: {
“@type”: “VacationRental”,
“name”: “Downtown Condo”,
“image”: [
“https://example.com/photos/1×1/photo.jpg”,
“https://example.com/photos/4×3/photo.jpg”,
“https://example.com/photos/16×9/photo.jpg”
],
“priceRange”: “$$”,
“amenityFeature”: {
“@type”: “LocationFeatureSpecification”,
“name” : “instantBookable”,
“value”: true
},
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: 4.7,
“reviewCount”: 827
},
“url”: “https://www.example.com/downtown-condo”
}
},
{
“@type”: “ListItem”,
“position”: 3,
“item”: {
“@type”: “Hotel”,
“name”: “Ritz Paris”,
“image”: [
“https://example.com/photos/1×1/photo.jpg”,
“https://example.com/photos/4×3/photo.jpg”,
“https://example.com/photos/16×9/photo.jpg”
],
“priceRange”: “$$$$”,
“amenityFeature”: {
“@type”: “LocationFeatureSpecification”,
“name” : “freeBreakfast”,
“value”: true
},
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: 4.9,
“reviewCount”: 1290
},
“url”: “https://www.example.com/ritz-paris”
}
}
]
}
</script>
</head>
<body>
</body>
</html>


Ниже приведен пример карусели развлечений в формате JSON-LD.

<html>
<head>
<title>Top 5 Things To Do in Paris</title>
<script type=”application/ld+json”>
{
“@context”: “https://schema.org”,
“@type”: “ItemList”,
“itemListElement”: [
{
“@type”: “ListItem”,
“position”: 1,
“item”: {
“@type”: “Event”,
“name”: “Paris Seine River Dinner Cruise”,
“image”: [
“https://example.com/photos/1×1/photo.jpg”,
“https://example.com/photos/4×3/photo.jpg”,
“https://example.com/photos/16×9/photo.jpg”
],
“offers”: {
“@type”: “Offer”,
“price”: 45.00,
“priceCurrency”: “EUR”
},
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: 4.2,
“reviewCount”: 690
},
“url”: “https://www.example.com/event-location1”
}
},
{
“@type”: “ListItem”,
“position”: 2,
“item”: {
“@type”: “LocalBusiness”,
“name”: “Notre-Dame Cathedral”,
“image”: [
“https://example.com/photos/1×1/photo.jpg”,
“https://example.com/photos/4×3/photo.jpg”,
“https://example.com/photos/16×9/photo.jpg”
],
“priceRange”: “$”,
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: 4.8,
“reviewCount”: 4220
},
“url”: “https://www.example.com/localbusiness-location”
}
},
{
“@type”: “ListItem”,
“position”: 3,
“item”: {
“@type”: “Event”,
“name”: “Eiffel Tower With Host Summit Tour”,
“image”: [
“https://example.com/photos/1×1/photo.jpg”,
“https://example.com/photos/4×3/photo.jpg”,
“https://example.com/photos/16×9/photo.jpg”
],
“offers”: {
“@type”: “Offer”,
“price”: 59.00,
“priceCurrency”: “EUR”
},
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: 4.9,
“reviewCount”: 652
},
“url”: “https://www.example.com/event-location2”
}
}
]
}
</script>
</head>
<body>
</body>
</html>


пример Ниже приведен пример карусели товаров в формате JSON-LD.

<html>
<head>
<title>Top coats of the season</title>
<script type=”application/ld+json”>
{
“@context”: “https://schema.org”,
“@type”: “ItemList”,
“itemListElement”: [
{
“@type”: “ListItem”,
“position”: 1,
“item”: {
“@type”: “Product”,
“name”: “Puffy Coat Series by Goat Coat”,
“image”: [
“https://example.com/photos/1×1/photo.jpg”,
“https://example.com/photos/4×3/photo.jpg”,
“https://example.com/photos/16×9/photo.jpg”
],
“offers”: {
“@type”: “AggregateOffer”,
“lowPrice”: 45.00,
“highPrice”: 60.00,
“priceCurrency”: “EUR”
},
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: 4.9,
“reviewCount”: 50
},
“url”: “https://www.example.com/puffy-coats”
}
},
{
“@type”: “ListItem”,
“position”: 2,
“item”: {
“@type”: “Product”,
“name”: “Wool Coat Series by Best Coats Around”,
“image”: [
“https://example.com/photos/1×1/photo.jpg”,
“https://example.com/photos/4×3/photo.jpg”,
“https://example.com/photos/16×9/photo.jpg”
],
“offers”: {
“@type”: “AggregateOffer”,
“lowPrice”: 189.00,
“highPrice”: 200.00,
“priceCurrency”: “EUR”
},
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: 4.7,
“reviewCount”: 827
},
“url”: “https://www.example.com/wool-coats”
}
},
{
“@type”: “ListItem”,
“position”: 3,
“item”: {
“@type”: “Product”,
“name”: “Antarctic Coat by Cold Coats”,
“image”: [
“https://example.com/photos/1×1/photo.jpg”,
“https://example.com/photos/4×3/photo.jpg”,
“https://example.com/photos/16×9/photo.jpg”
],
“offers”: {
“@type”: “Offer”,
“price”: 45.00,
“priceCurrency”: “EUR”
},
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: 4.9,
“reviewCount”: 1290
},
“url”: “https://www.example.com/antarctic-coat”
}
}
]
}
</script>
</head>
<body>
</body>
</html>


Если у вас возникли проблемы с внедрением или отладкой структурированных данных, вот несколько ресурсов, которые могут вам помочь.

Если вы используете систему управления контентом (CMS) или ваш сайт обслуживает кто-то другой, обратитесь к ним за помощью. Обязательно перешлите им любое сообщение из Search Console, в котором подробно описана проблема.

Alien Road

Как мы это применяем

Carousel markup is in beta and behaves accordingly. We implement it for clients with genuinely list-shaped content and set the expectation that beta features can change or disappear.

Связанные услуги

Поделиться