Структурированные данные карусели (ItemList)

Коротко

Добавление структурированных данных Структурированные данные — это стандартизированный формат для предоставления информации о странице и классификации ее контента.
Рекомендации Чтобы ваша страница могла претендовать на расширенный результат в виде карусели, вы должны следовать Основам поиска и общим рекомендациям по структурированным данным.
Проверка и развертывание структурированных данных Проверьте свой код с помощью Инструмента проверки расширенных результатов.
. Определения типов структурированных данных Вы должны включить обязательные свойства, чтобы ваш контент мог претендовать на отображение в виде расширенного результата.
position Целое число Позиция элемента в карусели.

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

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

An illustration of how a course list can appear in Google Search. It shows 3 different courses from the same website in a list format that users can explore and select a specific course
An illustration of how a movie host carousel can appear in Google Search. It shows 3 different movies from the same website in a carousel format that users can explore and select a specific movie

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

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

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

Решите, на какой странице будут размещены структурированные данные карусели. Есть два варианта:
- Страница сводки и несколько страниц с подробной информацией: На странице сводки есть краткое описание каждого элемента списка, и каждое описание указывает на отдельную страницу с подробной информацией, полностью посвященную одному элементу. Например, страница сводки, на которой перечислены лучшие рецепты печенья, и каждое описание ссылается на полный рецепт каждого печенья.
- Единый список на одной странице: Одна страница, содержащая всю информацию списка, включая полный текст каждого элемента. Например, список лучших фильмов 2020 года, размещенный на одной странице.
Добавьте обязательные свойства. В зависимости от используемого формата узнайте, где вставить структурированные данные на страницу.
Используете CMS? Возможно, будет проще использовать плагин, интегрированный в вашу CMS.

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

Страница сводки и несколько страниц с подробной информацией

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

Страница сводки

Страница сводки определяет ItemList, где каждый ListItem имеет только три свойства: @type (установлено на ListItem),
position (позиция в списке) и url (URL страницы с полной информацией об этом элементе).

Вот пример того, как выглядит страница сводки:

<html> <head> <title>Лучшие рецепты печенья</title> <script type=”application/ld+json”> { “@context”:”https://<a href="https://alienroad.com/ru/yandex-bilgi-bankasi/konu/schema-org/" class="ar-ic-link">schema.org</a>”, “@type”:”ItemList”, “itemListElement”:[ { “@type”:”ListItem”, “position”:1, “url”:”https://example.com/peanut-butter-cookies.html” }, { “@type”:”ListItem”, “position”:2, “url”:”https://example.com/triple-chocolate-chunk.html” }, { “@type”:”ListItem”, “position”:3, “url”:”https://example.com/snickerdoodles.html” } ] } </script> </head> <body> Вот лучшие рецепты печенья всех времен. <h2> Печенье с арахисовым маслом </h2> Этот <a href=”https://example.com/peanut-butter-cookies.html”>рецепт печенья с арахисовым маслом</a> — самый вкусный, который вы найдете. <h2> Печенье с тройным шоколадом </h2> Этот <a href=”https://example.com/triple-chocolate-chunk.html”>рецепт печенья с тройным шоколадом</a> — самый вкусный, который вы найдете. <h2> Сникердудл </h2> Этот <a href=”https://example.com/snickerdoodles.html”>рецепт Сникердудл</a> — самый вкусный, который вы найдете. </body> </html>

Страница с подробной информацией

Страница с подробной информацией определяет конкретный тип структурированных данных, к которому относится карусель. Например, если страница сводки посвящена лучшим рецептам печенья, каждая страница с подробной информацией будет содержать
Рецепт структурированные данные для конкретного рецепта.

Вот пример того, как выглядят страницы с подробной информацией:

Печенье с арахисовым маслом

<html> <head> <title>Печенье с арахисовой пастой</title> <script type=”application/ld+json”> { “@context”: “https://<a href="https://alienroad.com/ru/google-bilgi-bankasi/etiket/schema/" class="ar-ic-link">schema</a>.org/”, “@type”: “Recipe”, “name”: “Печенье с арахисовой пастой”, “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” ], “author”: { “@type”: “Person”, “name”: “Wendy Darling” }, “datePublished”: “2024-03-10”, “description”: “Этот рецепт печенья с арахисовой пастой — любимый у всех”, “prepTime”: “PT10M”, “cookTime”: “PT25M”, “totalTime”: “PT35M”, “recipeCuisine”: “Французская”, “recipeCategory”: “Печенье”, “keywords”: “арахисовая паста, печенье”, “recipeYield”: 24, “nutrition”: { “@type”: “NutritionInformation”, “calories”: “120 калорий” }, “aggregateRating”: { “@type”: “AggregateRating”, “ratingValue”: 5, “ratingCount”: 18 }, “recipeIngredient”: [ “2 чашки арахисовой пасты”, “1/3 чашки сахара” ], “recipeInstructions”: [ { “@type”: “HowToStep”, “text”: “Смешайте арахисовую пасту и сахар.” }, { “@type”: “HowToStep”, “text”: “Скатайте тесто для печенья в небольшие шарики и выложите на противень.” }, { “@type”: “HowToStep”, “text”: “Выпекайте 25 минут.” } ], “video”: { “@type”: “VideoObject”, “name”: “Как приготовить печенье с арахисовой пастой”, “description”: “Вот как приготовить печенье с арахисовой пастой.”, “thumbnailUrl”: [ “https://example.com/photos/1×1/photo.jpg”, “https://example.com/photos/4×3/photo.jpg”, “https://example.com/photos/16×9/photo.jpg” ], “contentUrl”: “https://www.example.com/video123.mp4”, “embedUrl”: “https://www.example.com/videoplayer?video=123”, “uploadDate”: “2024-02-05T08:00:00+08:00”, “duration”: “PT1M33S”, “interactionStatistic”: { “@type”: “InteractionCounter”, “interactionType”: { “@type”: “WatchAction” }, “userInteractionCount”: 2347 }, “expires”: “2025-02-05T08:00:00+08:00” } } </script> </head> <body> Вот как приготовить печенье с арахисовой пастой. <ol> <li>Смешайте арахисовую пасту и сахар.</li> <li>Скатайте тесто для печенья в небольшие шарики и выложите на противень.</li> <li>Выпекайте 25 минут.</li> </ol> </body> </html>

Печенье с тройным шоколадом

<html> <head> <title>Печенье с тройным шоколадом</title> <script type=”application/ld+json”> { “@context”: “https://schema.org/”, “@type”: “Recipe”, “name”: “Печенье с тройным шоколадом”, “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” ], “author”: { “@type”: “Person”, “name”: “Wendy Darling” }, “datePublished”: “2024-03-10”, “description”: “Этот рецепт печенья с тройным шоколадом — любимый у всех”, “prepTime”: “PT10M”, “cookTime”: “PT25M”, “totalTime”: “PT35M”, “recipeCuisine”: “Французская”, “recipeCategory”: “Печенье”, “keywords”: “шоколад, печенье”, “recipeYield”: 24, “nutrition”: { “@type”: “NutritionInformation”, “calories”: “120 калорий” }, “aggregateRating”: { “@type”: “AggregateRating”, “ratingValue”: 5, “ratingCount”: 18 }, “recipeIngredient”: [ “2 чашки растопленного шоколада”, “1/3 чашки сахара” ], “recipeInstructions”: [ { “@type”: “HowToStep”, “text”: “Смешайте шоколад и сахар.” }, { “@type”: “HowToStep”, “text”: “Скатайте тесто для печенья в небольшие шарики и выложите на противень.” }, { “@type”: “HowToStep”, “text”: “Выпекайте 25 минут.” } ], “video”: { “@type”: “VideoObject”, “name”: “Как приготовить печенье с тройным шоколадом”, “description”: “Вот как приготовить печенье с арахисовой пастой.”, “thumbnailUrl”: [ “https://example.com/photos/1×1/photo.jpg”, “https://example.com/photos/4×3/photo.jpg”, “https://example.com/photos/16×9/photo.jpg” ], “contentUrl”: “https://www.example.com/video123.mp4”, “embedUrl”: “https://www.example.com/videoplayer?video=123”, “uploadDate”: “2024-02-05T08:00:00+08:00”, “duration”: “PT1M33S”, “interactionStatistic”: { “@type”: “InteractionCounter”, “interactionType”: { “@type”: “WatchAction” }, “userInteractionCount”: 2347 }, “expires”: “2025-02-05T08:00:00+08:00” } } </script> </head> <body> Вот как приготовить печенье с тройным шоколадом. <ol> <li>Смешайте шоколад и сахар.</li> <li>Скатайте тесто для печенья в небольшие шарики и выложите на противень.</li> <li>Выпекайте 25 минут.</li> </ol> </body> </html>

Сникердудл

<html> <head> <title>Сникердудл</title> <script type=”application/ld+json”> { “@context”: “https://schema.org/”, “@type”: “Recipe”, “name”: “Сникердудл”, “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” ], “author”: { “@type”: “Person”, “name”: “Wendy Darling” }, “datePublished”: “2024-03-10”, “description”: “Этот рецепт сникердудл — любимый у всех”, “prepTime”: “PT10M”, “cookTime”: “PT25M”, “totalTime”: “PT35M”, “recipeCuisine”: “Французская”, “recipeCategory”: “Печенье”, “keywords”: “коричный сахар, печенье”, “recipeYield”: 24, “nutrition”: { “@type”: “NutritionInformation”, “calories”: “120 калорий” }, “aggregateRating”: { “@type”: “AggregateRating”, “ratingValue”: 5, “ratingCount”: 18 }, “recipeIngredient”: [ “2 чашки корицы”, “1/3 чашки сахара” ], “recipeInstructions”: [ { “@type”: “HowToStep”, “text”: “Смешайте корицу и сахар.” }, { “@type”: “HowToStep”, “text”: “Скатайте тесто для печенья в небольшие шарики и выложите на противень.” }, { “@type”: “HowToStep”, “text”: “Выпекайте 25 минут.” } ], “video”: { “@type”: “VideoObject”, “name”: “Как приготовить сникердудл”, “description”: “Вот как приготовить сникердудл.”, “thumbnailUrl”: [ “https://example.com/photos/1×1/photo.jpg”, “https://example.com/photos/4×3/photo.jpg”, “https://example.com/photos/16×9/photo.jpg” ], “contentUrl”: “https://www.example.com/video123.mp4”, “embedUrl”: “https://www.example.com/videoplayer?video=123”, “uploadDate”: “2024-02-05T08:00:00+08:00”, “duration”: “PT1M33S”, “interactionStatistic”: { “@type”: “InteractionCounter”, “interactionType”: { “@type”: “WatchAction” }, “userInteractionCount”: 2347 }, “expires”: “2025-02-05T08:00:00+08:00” } } </script> </head> <body> Вот как приготовить сникердудл. <ol> <li>Смешайте корицу и сахар.</li> <li>Скатайте тесто для печенья в небольшие шарики и выложите на противень.</li> <li>Выпекайте 25 минут.</li> </ol> </body> </html>

Единый список на одной странице

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

Вот пример единого списка на одной странице:

<html> <head> <title>Лучшие фильмы премии Оскар – 2024</title> <script type=”application/ld+json”> { “@context”: “https://schema.org”, “@type”: “ItemList”, “itemListElement”: [ { “@type”: “ListItem”, “position”: 1, “item”: { “@type”: “Movie”, “url”: “https://example.com/2024-best-picture-noms#a-star-is-born”, “name”: “A Star Is Born”, “image”: “https://example.com/photos/6×9/photo.jpg”, “dateCreated”: “2024-10-05”, “director”: { “@type”: “Person”, “name”: “Bradley Cooper” }, “review”: { “@type”: “Review”, “reviewRating”: { “@type”: “Rating”, “ratingValue”: 5 }, “author”: { “@type”: “Person”, “name”: “John D.” } }, “aggregateRating”: { “@type”: “AggregateRating”, “ratingValue”: 90, “bestRating”: 100, “ratingCount”: 19141 } } }, { “@type”: “ListItem”, “position”: 2, “item”: { “@type”: “Movie”, “name”: “Bohemian Rhapsody”, “url”: “https://example.com/2024-best-picture-noms#bohemian-rhapsody”, “image”: “https://example.com/photos/6×9/photo.jpg”, “dateCreated”: “2024-11-02”, “director”: { “@type”: “Person”, “name”: “Bryan Singer” }, “review”: { “@type”: “Review”, “reviewRating”: { “@type”: “Rating”, “ratingValue”: 3 }, “author”: { “@type”: “Person”, “name”: “Vin S.” } }, “aggregateRating”: { “@type”: “AggregateRating”, “ratingValue”: 61, “bestRating”: 100, “ratingCount”: 21985 } } }, { “@type”: “ListItem”, “position”: 3, “item”: { “@type”: “Movie”, “name”: “Black Panther”, “url”: “https://example.com/2024-best-picture-noms#black-panther”, “image”: “https://example.com/photos/6×9/photo.jpg”, “dateCreated”: “2024-02-16”, “director”: { “@type”: “Person”, “name”: “Ryan Coogler” }, “review”: { “@type”: “Review”, “reviewRating”: { “@type”: “Rating”, “ratingValue”: 2 }, “author”: { “@type”: “Person”, “name”: “Trevor R.” } }, “aggregateRating”: { “@type”: “AggregateRating”, “ratingValue”: 96, “bestRating”: 100, “ratingCount”: 88211 } } } ] } </script> </head> <body> </body> </html>

Проверка и развертывание структурированных данных

Проверьте свой код с помощью
Инструмента проверки расширенных результатов. Для страницы-сводкиесть несколько моментов, которые вы должны проверить самостоятельно:
- Убедитесь, что itemListElement содержит два или более элементов ListItem .
- Убедитесь, что все элементы ListItem одного типа (например, все они о рецептах).
- Проверьте каждый URL, упомянутый в списке, с помощью Инструмента проверки расширенных результатов. Каждая страница в списке должна содержать действительные структурированные данные в соответствии с документацией для поддерживаемого типа контента, к которому относится список:
  Рецепт,
  Курс,
  Ресторан,
  Фильм.
Разверните несколько страниц, которые включают ваши структурированные данные, и используйте
инструмент проверки URL , чтобы протестировать, как Google видит страницу. Убедитесь, что ваша страница доступна для Google и не заблокирована файлом robots.txt, тегом noindex или требованиями входа в систему. Если страница выглядит нормально, вы можете
попросить Google повторно просканировать ваши URL.
Примечание: Дайте время на повторное сканирование и индексацию. Помните, что после публикации страницы может пройти несколько дней, прежде чем Google найдет и просканирует ее.
Чтобы держать Google в курсе будущих изменений, мы рекомендуем вам
отправить карту сайта. Вы можете автоматизировать это с помощью
API карты сайта Search Console.

.

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

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

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

, все URL должны указывать на якорь на странице, на которой размещены структурированные данные списка. Полное определение ItemList доступно по адресу.

schema.org/ItemList

Поддерживаемые Google свойства следующие:

Поддерживаемые Google свойства следующие:
`Обязательные свойства`	`itemListElement` ListItem `Список элементов. Чтобы указать список, определите` ItemList `, который содержит не менее двух элементов` ListItem `. Все элементы должны быть одного типа. Подробности см. в` ListItem

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

itemListElement

ListItem Список элементов. Чтобы указать список, определите ItemList , который содержит не менее двух элементов ListItem . Все элементы должны быть одного типа. Подробности см. в ListItem

`.`

ListItem содержит сведения об отдельном элементе списка.

Если это страница сводки, включите только свойства type, ,position и url в.
ListItem .Если это

Recipe Restaurant Полное определение
ListItem.

доступно по адресу

schema.org/ListItem

.
`Страницы сводки`	`Следующие свойства применяются к страницам сводки:` Обязательные свойства
`position`	`Целое число` Позиция элемента в карусели. Это число, начинающееся с 1.

Страницы сводки

Следующие свойства применяются к страницам сводки:

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

position

Целое число

Позиция элемента в карусели. Это число, начинающееся с 1.

url

URL

Канонический URL страницы сведений об элементе. Все URL в списке должны быть уникальными, но находиться в одном домене (том же домене или поддомене/супердомене, что и текущая страница).
`Страницы «все в одном»`	`Следующие свойства применяются к страницам «все в одном»:` Обязательные свойства `item` `Thing` Отдельный объект в списке. Заполните этот объект следующими значениями, а также всеми свойствами конкретного описываемого типа структурированных данных: item.name item.url Любые другие свойства, необходимые для этого типа данных, как описано в schema.org и правилах, описанных в документах для вашего типа контента: Course MovieRecipe `Restaurant` Пример `: Для рецепта вы должны предоставить свойства` prepTime
`и`	`image` . `item.name` Текст
`Строковое имя элемента.`	`item.name` отображается как заголовок отдельного элемента в карусели. HTML-форматирование игнорируется.`<a>` item.url `URL` Полный URL и якорь страницы для этого элемента на странице. URL должен быть текущей страницей, и вы должны включить HTML-якорь ( `тег или` name или: `id`.
`значение) на своей странице рядом с видимым для пользователя текстом.`	`Пример` https://example.org/recipes/pies#apple_pie

position

Целое число

Позиция элемента в карусели. Это число, начинающееся с 1.
Устранение неполадок
Если у вас возникли проблемы с внедрением или отладкой структурированных данных, вот несколько ресурсов, которые могут вам помочь..
Если вы используете систему управления контентом (CMS) или кто-то другой занимается вашим сайтом, попросите их о помощи. Обязательно перешлите им любое сообщение из Search Console, в котором подробно описана проблема.
Google не гарантирует, что функции, использующие структурированные данные, появятся в результатах поиска. Список распространенных причин, по которым Google может не показывать ваш контент в расширенном результате, см. в
Общих рекомендациях по структурированным данным Возможно, в ваших структурированных данных есть ошибка. Проверьте.
список ошибок структурированных данных
иотчет о неанализируемых структурированных данных Если вы получили ручные меры в отношении структурированных данных на вашей странице, структурированные данные на странице будут игнорироваться (хотя страница все равно может появляться в результатах поиска Google). Чтобы исправить “проблемы со структурированными данными”, используйте “отчет о Ручных мерах”.
Пересмотрите руководящие принципы еще раз, чтобы определить, соответствует ли ваш контент правилам. Проблема может быть вызвана спам-контентом или использованием спам-разметки. Однако проблема может быть не синтаксической, поэтому тест на расширенные результаты не сможет ее выявить.
Устранение неполадок с отсутствующими расширенными результатами / падением общего количества расширенных результатов.
Дайте время на повторное сканирование и индексацию. Помните, что после публикации страницы Google может потребоваться несколько дней, чтобы найти и просканировать ее. По общим вопросам сканирования и индексации ознакомьтесь с
Часто задаваемые вопросы по сканированию и индексации в Google Поиске.
Задайте вопрос в Форум Google Search Central.

Alien Road

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

Carousel markup suits genuinely list-shaped content, recipes, courses, products. We resist applying it to article sets that are only lists by coincidence, since the format then misrepresents the page.

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

Компания

Вклад

Компании-партнёры

Поиск и видимость

Реклама и эффективность

Дизайн и разработка

Контент и коммуникации

По отраслям

Пакеты услуг

Последние статьи

Büyükçekmece Office

Ataköy Office

Tivat Office

Печенье с арахисовым маслом

Печенье с тройным шоколадом

Сникердудл

доступно по адресу

url

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

Давайте спланируем ваш проект

Структурированные данные карусели (ItemList)

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

Страница сводки и несколько страниц с подробной информацией

Страница сводки

Страница с подробной информацией

Печенье с арахисовым маслом

Печенье с тройным шоколадом

Сникердудл

Единый список на одной странице

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

Проверка и развертывание структурированных данных

.

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

.

доступно по адресу

url

position

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

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

`.`