Как оформлять подробные сведения о товарах

Дополнительная информация о товарах указывается в атрибуте подробные сведения о товаре [rich_product_content]. В него можно включать как текст, так и мультимедийный контент. Это позволит подчеркнуть особенности вашей продукции или предоставляемых услуг. Подробные сведения можно добавлять в различных форматах, например JSON-LD, RDFa или в виде микроданных.

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

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

Примечание. Теперь атрибут подробные сведения о товаре [rich_product_content] поддерживается в Manufacturer Center API.

Описание

Подробные сведения о товарах

Подробные сведения о товарах представляют собой последовательность блоков витрин. Каждый из них включает набор объявлений-витрин или галерею мультимедийного контента. Блоки отображаются вертикально в виде столбца. Чтобы добавить такой блок, необходимо создать элемент Showcase.

Тип Showcase является расширением типа CollectionPage
Свойство	Ожидаемый тип	Описание
showcaseBlock	ShowcaseFeatureSet или MediaGallery	Блок подробных сведений о товарах, который принадлежит к типу ShowcaseFeatureSet (набор объявлений-витрин) или MediaGallery (галерея мультимедийного контента).

Набор объявлений-витрин

Такой набор состоит из заголовка (необязательно) и последовательности объявлений-витрин. Объекты могут отображаться в виде одного или нескольких столбцов.

Тип ShowcaseFeatureSet является расширением типа ItemList
Свойство	Ожидаемый тип	Описание
layoutHint	Text	(Необязательно.) Количество отображаемых столбцов. Соблюдение этого свойства не гарантируется. Сначала объекты распределяются по строкам, а затем по столбцам. Поддерживаются следующие значения: > LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4> Заданное значение свойства соблюдается по мере возможности. На маленьких экранах может показываться меньше столбцов, чем было запрошено.
headline	Text	Необязательный заголовок, описывающий набор объявлений.
itemListElement	ShowcaseFeature	Объявление-витрина из набора. Сначала объявления распределяются по строкам, а затем по столбцам.

Объявление-витрина

В объявлении-витрине есть заголовок, описание и необязательное изображение.

Тип ShowcaseFeature является расширением типа ListItem
Ресурс	Ожидаемый тип	Описание
layoutHint	Text	(Необязательно.) В какой части объявления-витрины будет находиться изображение (относительно заголовка и описания). Соблюдение этого свойства не гарантируется. Поддерживаются следующие значения: LayoutMediaLeft LayoutMediaRight LayoutMediaAbove LayoutMediaBelow Заданное значение свойства соблюдается по мере возможности. На маленьких экранах изображение может быть показано в другой части объявления-витрины.
headline	Text	Заголовок объявления.
description	Text	Описание объявления.
image	URL или ImageObject	Необязательное изображение, иллюстрирующее объявление.

Галерея мультимедийного контента

Галерея мультимедийного контента состоит из заголовка (необязательно) и последовательности изображений, которые могут быть показаны в одном или нескольких столбцах.

Тип MediaGallery является расширением типа CollectionPage
Свойство	Ожидаемый тип	Описание
layoutHint	Text	(Необязательно.) Количество отображаемых столбцов. Соблюдение этого свойства не гарантируется. Сначала изображения распределяются по строкам, а затем по столбцам. Поддерживаются следующие значения: LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4 Заданное значение свойства соблюдается по мере возможности. На маленьких экранах может показываться меньше столбцов, чем было запрошено.
headline	Text	Необязательный заголовок над галереей изображений.
image	URL или ImageObject	Изображение для показа в галерее.

Пространства имен

Элементы таких типов, как Showcase, ShowcaseFeatureSet, ShowcaseFeature и MediaGallery, а также свойства showcaseBlock и layoutHint – это расширения, представленные на странице http://schema.googleapis.com/. Все остальные типы и свойства определяются здесь: http://schema.org/.

Примеры

Объявление без дополнительных объектов

Это самый простой формат подобной рекламы. В нем содержится минимально допустимый набор элементов.

Объявление без дополнительных объектов

JSON-LD

>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase" }

RDFa

<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/"> <div typeof="g:Showcase"> </div> </div>

Микроданные

<div itemscope itemtype="http://schema.googleapis.com/Showcase"> </div>

Объявление-витрина с заголовком и описанием, но без изображения

Ниже приведен пример сведений о товарах для объявления-витрины без изображения.

	Объявление-витрина состоит из следующих объектов: заголовок; описание.
JSON-LD
>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "s:headline": "Новый смартфон Google Pixel 3", "s:description": "Делайте качественные фотографии, решайте повседневные задачи c Google Ассистентом и пользуйтесь телефоном весь день без подзарядки." } ] } ] }
RDFa
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="headline" content="Новый смартфон Google Pixel 3"></div> <div property="description" content="Делайте качественные фотографии, решайте повседневные задачи c Google Ассистентом и пользуйтесь телефоном весь день без подзарядки."></div> </div> </div> </div>
Микроданные
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.org/headline" content="Новый смартфон Google Pixel 3"></div> <div itemprop="http://schema.org/description" content="Делайте качественные фотографии, решайте повседневные задачи c Google Ассистентом и пользуйтесь телефоном весь день без подзарядки."></div> </div> </div> </div>

Объявление-витрина с заголовком, описанием и изображением

В объявление-витрину можно добавить изображение.

	Объявление-витрина состоит из следующих объектов: заголовок; описание; изображение.
JSON-LD
>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "s:headline": "Google Объектив", "s:description": "Узнавайте больше об окружающих объектах с помощью Google Объектива.", "s:image": "http://example.com/pixel3-google-lens.png" } ] } ] }
RDFa
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="headline" content="Google Объектив"></div> <div property="description" content="Узнавайте больше об окружающих объектах с помощью Google Объектива."></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>
Микроданные
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.org/headline" content="Google Объектив"></div> <div itemprop="http://schema.org/description" content="Узнавайте больше об окружающих объектах с помощью Google Объектива."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>

Объявление-витрина с заголовком, описанием и изображением

Свойства, относящиеся к макету, позволяют контролировать положение изображения в объявлении-витрине.

	Объявление-витрина состоит из следующих объектов: заголовок; описание; изображение; макет: изображение расположено слева от описания и заголовка.
JSON-LD
>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaLeft", "s:headline": "Google Объектив", "s:description": "Находите понравившиеся товары, переводите увиденные надписи, узнавайте названия достопримечательностей, растений и животных, а также интересные факты о них. Все это возможно в режиме реального времени благодаря Google Объективу. Нужно лишь направить камеру на интересующий объект.", "s:image": "http://example.com/pixel3-google-lens.png" } ] } ] }
RDFa
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaLeft"></div> <div property="headline" content="Google Объектив"></div> <div property="description" content="Находите понравившиеся товары, переводите увиденные надписи, узнавайте названия достопримечательностей, растений и животных, а также интересные факты о них. Все это возможно в режиме реального времени благодаря Google Объективу. Нужно лишь направить камеру на интересующий объект."></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>
Микроданные
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaLeft"></div> <div itemprop="http://schema.org/headline" content="Google Объектив"></div> <div itemprop="http://schema.org/description" content="Находите понравившиеся товары, переводите увиденные надписи, узнавайте названия достопримечательностей, растений и животных, а также интересные факты о них. Все это возможно в режиме реального времени благодаря Google Объективу. Нужно лишь направить камеру на интересующий объект."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>

Наборы функций, которые позволяют менять расположение элементов объявлений-витрин

Свойства, относящиеся к макету, помогают расположить элементы объявлений наиболее привлекательным образом.

	Это объявление-витрина состоит из следующих объектов: четыре рекламных элемента; зигзагообразная схема расположения элементов.
JSON-LD
>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "g:layoutHint": "LayoutColumns1", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaLeft", "s:headline": "Google Объектив", "s:description": "Находите понравившиеся товары, переводите увиденные надписи, узнавайте названия достопримечательностей, растений и животных, а также интересные факты о них. Все это возможно в режиме реального времени благодаря Google Объективу. Нужно лишь направить камеру на интересующий объект.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Групповые селфи", "s:description": "С фронтальной камерой Pixel 3 с двумя объективами можно снять групповое селфи без монопода и без лишних усилий. Кроме всего прочего, эта камера стабилизирует изображение, так что небольшие покачивания головой становятся незаметны.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaLeft", "s:headline": "Цифровое благополучие", "s:description": "Проводите слишком много времени в сети и недостаточно – с семьей и друзьями? Ограничьте время, которые вы тратите на приложения, с помощью встроенных таймеров и отключите уведомления. Укажите время отдыха, в течение которого изображения на экране будут переданы в оттенках серого. Это поможет не отвлекаться на смартфон вечером и ночью.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Google Ассистент", "s:description": "Планируете путешествие? Google Ассистент поможет вам искать информацию о достопримечательностях и авиабилетах, отслеживать цены на рейсы и хранить все необходимое под рукой. Например, чтобы открыть посадочный талон, достаточно дать Ассистенту голосовую команду. Уже на месте назначения? Обратитесь к Google Ассистенту, чтобы быстро найти интересные места рядом с отелем.", "s:image": "http://example.com/pixel3-google-assistant.png" } ] } ] }
RDFa
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="g:layoutHint" content="LayoutColumns1"></div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaLeft"></div> <div property="headline" content="Google Объектив"></div> <div property="description" content="Находите понравившиеся товары, переводите увиденные надписи, узнавайте названия достопримечательностей, растений и животных, а также интересные факты о них. Все это возможно в режиме реального времени благодаря Google Объективу. Нужно лишь направить камеру на интересующий объект."></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaRight"></div> <div property="headline" content="Групповые селфи"></div> <div property="description" content="С фронтальной камерой Pixel 3 с двумя объективами можно снять групповое селфи без монопода и лишних усилий. Кроме всего прочего, эта камера стабилизирует изображение, так что небольшие покачивания головой становятся незаметны."></div> <div property="image" content="http://example.com/pixel3-group-selfies.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaLeft"></div> <div property="headline" content="Цифровое благополучие"></div> <div property="description" content="Проводите слишком много времени в сети и недостаточно – с семьей и друзьями? Ограничьте время, которые вы тратите на приложения, с помощью встроенных таймеров и отключите уведомления. Укажите время отдыха, в течение которого изображения на экране будут переданы в оттенках серого. Это поможет не отвлекаться на смартфон вечером и ночью."></div> <div property="image" content="http://example.com/pixel3-digital-wellbeing.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaRight"></div> <div property="headline" content="Google Ассистент"></div> <div property="description" content="Планируете путешествие? Google Ассистент поможет вам искать информацию о достопримечательностях и авиабилетах, отслеживать цены на рейсы и хранить все необходимое под рукой. Например, чтобы открыть посадочный талон, достаточно дать Ассистенту голосовую команду. Уже на месте назначения? Обратитесь к Google Ассистенту, чтобы быстро найти интересные места рядом с отелем."></div> <div property="image" content="http://example.com/pixel3-google-assistant.png"></div> </div> </div> </div>
Микроданные
<div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaLeft"></div> <div itemprop="http://schema.org/headline" content="Google Объектив"></div> <div itemprop="http://schema.org/description" content="Находите понравившиеся товары, переводите увиденные надписи, узнавайте названия достопримечательностей, растений и животных, а также интересные факты о них. Все это возможно в режиме реального времени благодаря Google Объективу. Нужно лишь направить камеру на интересующий объект."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaRight"></div> <div itemprop="http://schema.org/headline" content="Групповые селфи"></div> <div itemprop="http://schema.org/description" content="С фронтальной камерой Pixel 3 с двумя объективами можно снять групповое селфи без монопода и лишних усилий. Кроме всего прочего, эта камера стабилизирует изображение, так что небольшие покачивания головой становятся незаметны."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-group-selfies.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaLeft"></div> <div itemprop="http://schema.org/headline" content="Цифровое благополучие"></div> <div itemprop="http://schema.org/description" content="Проводите слишком много времени в сети и недостаточно – с семьей и друзьями? Ограничьте время, которые вы тратите на приложения, с помощью встроенных таймеров и отключите уведомления. Укажите время отдыха, в течение которого изображения на экране будут переданы в оттенках серого. Это поможет не отвлекаться на смартфон вечером и ночью."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-digital-wellbeing.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaRight"></div> <div itemprop="http://schema.org/headline" content="Google Ассистент"></div> <div itemprop="http://schema.org/description" content="Планируете путешествие? Google Ассистент поможет вам искать информацию о достопримечательностях и авиабилетах, отслеживать цены на рейсы и хранить все необходимое под рукой. Например, чтобы открыть посадочный талон, достаточно дать Ассистенту голосовую команду. Уже на месте назначения? Обратитесь к Google Ассистенту, чтобы быстро найти интересные места рядом с отелем."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div> </div> </div> </div>

Галерея мультимедийного контента: баннер с изображением

Галерея мультимедийного контента позволяет создавать баннеры на основе изображений.

	Галерея мультимедийного контента состоит из следующих объектов: баннер с изображением.
JSON-LD
{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:MediaGallery", "g:layoutHint": "LayoutColumns1", "s:image": [ "http://example.com/pixel3-pink-fruitpop-banner.png" ] } ] }
RDFa
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:MediaGallery"> <div property="g:layoutHint" content="LayoutColumns1"></div> <div property="image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div> </div> </div>
Микроданные
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/MediaGallery"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div> </div> </div>

Три блока витрин: объявление об одном товаре, набор объявлений-витрин, баннер с изображением

Если комбинировать несколько блоков витрин, можно создать свой собственный макет.

	Три блока витрины: витрина с объявлением об одном товаре; объявление-витрина с шестью объявлениями, разбитыми на 3 столбца; медиагалерея с баннером с изображением.
JSON-LD
{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "g:layoutHint": "LayoutColumns1", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaBelow", "s:headline": "Новый смартфон Google Pixel 3", "s:description": "Делайте качественные фотографии, решайте повседневные задачи c Google Ассистентом и пользуйтесь телефоном весь день без подзарядки.", "s:image": "http://example.com/pixel3-main-image.png" } ] }, { "@type": "g:ShowcaseFeatureSet", "g:layoutHint": "LayoutColumns3", "s:headline": "Featuring", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Google Объектив", "s:description": "Узнавайте больше об окружающих объектах с помощью Google Объектива.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Групповые селфи", "s:description": "Снимайте групповые селфи без монопода.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Цифровое благополучие", "s:description": "Проводите больше времени офлайн благодаря функциям цифрового благополучия.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Google Ассистент", "s:description": "Пользуйтесь Google Ассистентом, чтобы планировать день и получать ответы на вопросы.", "s:image": "http://example.com/pixel3-google-assistant.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Функция "Tcc"", "s:description": "Сосредоточьтесь на том, что по-настоящему важно.", "s:image": "http://example.com/pixel3-shhh-gesture.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Фильтр звонков", "s:description": "С функцией "Фильтр звонков" вы сможете поручить ответы на вызовы Google Ассистенту.", "s:image": "http://example.com/pixel3-call-screen.png" } ] }, { "@type": "g:MediaGallery", "g:layoutHint": "LayoutColumns1", "s:image": [ "http://example.com/pixel3-pink-fruitpop-banner.png" ] } ] }
RDFa
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="g:layoutHint" content="LayoutColumns1"></div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaBelow"></div> <div property="headline" content="Новый смартфон Google Pixel 3"></div> <div property="description" content="Делайте качественные фотографии, решайте повседневные задачи c Google Ассистентом и пользуйтесь телефоном весь день без подзарядки."></div> <div property="image" content="http://example.com/pixel3-main-image.png"></div> </div> </div> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="g:layoutHint" content="LayoutColumns3"></div> <div property="headline" content="Featuring"></div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Google Объектив"></div> <div property="description" content="Узнавайте больше об окружающих объектах с помощью Google Объектива."></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Групповые селфи"></div> <div property="description" content="Снимайте групповые селфи без монопода."></div> <div property="image" content="http://example.com/pixel3-group-selfies.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Цифровое благополучие"></div> <div property="description" content="Проводите больше времени офлайн благодаря функциям цифрового благополучия."></div> <div property="image" content="http://example.com/pixel3-digital-wellbeing.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Google Ассистент"></div> <div property="description" content="Пользуйтесь Google Ассистентом, чтобы планировать день и получать ответы на вопросы."></div> <div property="image" content="http://example.com/pixel3-google-assistant.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Функция "Tcc""></div> <div property="description" content="Сосредоточьтесь на том, что по-настоящему важно."></div> <div property="image" content="http://example.com/pixel3-shhh-gesture.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Фильтр звонков"></div> <div property="description" content="С функцией "Фильтр звонков" вы сможете поручить ответы на вызовы Google Ассистенту."></div> <div property="image" content="http://example.com/pixel3-call-screen.png"></div> </div> </div> <div property="g:showcaseBlock" typeof="g:MediaGallery"> <div property="g:layoutHint" content="LayoutColumns1"></div> <div property="image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div> </div> </div>
Микроданные
<div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaBelow"></div> <div itemprop="http://schema.org/headline" content="Новый смартфон Google Pixel 3"></div> <div itemprop="http://schema.org/description" content="Делайте качественные фотографии, решайте повседневные задачи c Google Ассистентом и пользуйтесь телефоном весь день без подзарядки."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-main-image.png"></div> </div> </div> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns3"></div> <div itemprop="http://schema.org/headline" content="Featuring"></div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Google Объектив"></div> <div itemprop="http://schema.org/description" content="Узнавайте больше об окружающих объектах с помощью Google Объектива."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Групповые селфи"></div> <div itemprop="http://schema.org/description" content="Снимайте групповые селфи без монопода."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-group-selfies.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Цифровое благополучие"></div> <div itemprop="http://schema.org/description" content="Проводите больше времени офлайн благодаря функциям цифрового благополучия."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-digital-wellbeing.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Google Ассистент"></div> <div itemprop="http://schema.org/description" content="Пользуйтесь Google Ассистентом, чтобы планировать день и получать ответы на вопросы."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Функция "Tcc"></div> <div itemprop="http://schema.org/description" content="Сосредоточьтесь на том, что по-настоящему важно."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-shhh-gesture.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Фильтр звонков"></div> <div itemprop="http://schema.org/description" content="С функцией "Фильтр звонков" вы сможете поручить ответы на вызовы Google Ассистенту."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-call-screen.png"></div> </div> </div> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/MediaGallery"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div> </div> </div>