Google використовує структуровані дані для розпізнавання вмісту на сторінках і відображення його у вигляді розширених результатів. У цьому посібнику розповідається про новий вид розширених результатів з каруселі. Наразі ця функція доступна в бета-версії. Вона являє собою розширені результати у вигляді списку, які можна прокручувати по горизонталі, щоб побачити більше об’єктів з того чи іншого сайту (карусель із сайту). У кожному елементі такої каруселі можна розмістити як інформацію про ціни та оцінки, так і зображення об’єктів на сторінці.

Щоб отримати доступ до цієї функції, додайте структуровані дані ItemList і як мінімум один із таких підтримуваних елементів структурованих даних:

• LocalBusiness і підтипи, наприклад:
  • Restaurant
  • Hotel
  • VacationRental
• Product
• Event

Якщо додати розмітку ItemList разом із матеріалами підтримуваного типу, карусель виглядатиме в результатах пошуку наступним чином:

Доступність функції

Ця функція проходить бета-тестування. Вимоги до її використання та рекомендації щодо роботи з нею можуть змінитися. Крім того, використовувати функцію можна на комп’ютерах і мобільних пристроях тільки в Європейській економічній зоні (ЄЕЗ), Туреччині та ПАР. У ЄЕЗ функція доступна для запитів, які пов’язані з готелями, житлом для відпочинку, наземними перевезеннями, авіарейсами, місцевими компаніями, розвагами (наприклад, заходами та екскурсіями) та покупками, у Туреччині – для запитів, що стосуються готелів, житла для відпочинку та місцевих компаній, а в ПАР – для запитів про готелі, житло для відпочинку, розваги (заходи та екскурсії), авіарейси, покупки, доставку їжі, оренду автомобілів та бронювання автобусних квитків.

Якщо ваша компанія знаходиться в ЄЕЗ або Туреччині або обслуговує користувачів із цих регіонів, заповніть відповідну форму:

• Форма для запитів, пов’язаних з наземними перевезеннями, готелями, житлом для відпочинку, місцевими компаніями та розвагами (наприклад, заходами та екскурсіями, а також функціями агрегатора Пошуку Google)
• Форма для функцій, пов’язаних з авіарейсами
• У разі запитів, пов’язаних із покупками, приєднуйтесь до програми послуг порівняння цін (CSS), якщо вона доступна у вашій країні

Якщо ваша компанія знаходиться в ПАР, заповніть форму, щоб отримати значок і чіп уточнення «ПАР» у Пошуку Google.

Додайте структуровані дані

Структуровані дані — стандартизований формат, який дозволяє надавати інформацію про сторінку та класифікувати її вміст. Детальніше про принципи роботи структурованих даних…

Нижче в загальних рисах описано, як додати структуровані дані на сайт.

1. Виберіть зведену сторінку, на якій є інформація про кожен об’єкт зі списку. Наприклад, це може бути сторінка категорій «Кращі готелі Санкт-Петербурга», на якій розміщені посилання на окремі сторінки інформації про кожен готель. Ви можете поєднувати різні типи об’єктів, такі як готелі та ресторани. Наприклад, у статті «Чим зайнятися в Карелії» можна опублікувати інформацію як про заходи, так і про місцеві компанії.
2. Додайте обов’язкові властивості на зведену сторінку. Щоб користуватися бета-версією цієї функції, додавати розмітку на сторінки інформації необов’язково. Дізнайтеся, в яких частинах сторінки потрібно розміщувати структуровані дані обраного вами формату.
   
3. Додайте обов’язкові та рекомендовані властивості для типу контенту, який має відображатися в каруселі:
   • LocalBusiness і підтипи, наприклад:
     • Restaurant
     • Hotel
     • VacationRental
   • Product
   • Event

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

4. Дотримуйтесь рекомендацій.
5. Перевірте свій код за допомогою інструменту перевірки розширених результатів.
6. Опублікуйте сторінку й за допомогою інструменту перевірки URL з’ясуйте, як вона виглядає для робота Googlebot. Переконайтеся, що доступ Google до сторінки не заблоковано файлом robots.txt або метатегом з директивою noindex і для нього не потрібна авторизація. Якщо все в порядку, запросіть повторне сканування ваших URL.
   
7. Надішліть нам файл Sitemap, щоб ми дізналися про зміни на вашому сайті. Надсилання такого файлу можна автоматизувати за допомогою Search Console Sitemap API.

Правила

Щоб ваша сторінка могла відображатися в розширених результатах з каруселі (бета), вона повинна відповідати правилам керівництва Головне про Пошук і загальним рекомендаціям щодо використання структурованих даних. Крім того, щодо розширених результатів з каруселі (бета) діють наведені нижче вимоги.

• Використання загальних типів структурованих даних дозволено, але для додавання рекомендованих властивостей необхідно використовувати розмітку відповідного типу. Наприклад, щоб використовувати властивість amenityFeature, потрібно додати розмітку типу LodgingBusiness.
• Використання додаткових полів дозволено, але інформація з них може не відображатися в розширених результатах.
• На вашому сайті має бути зведена сторінка і кілька сторінок інформації. Наразі функція не підходить для інших випадків. Зокрема, її не можна використовувати на єдиній сторінці, посилання на якій вказують на інформацію, опубліковану на цій же сторінці.
• Переконайтеся, що розмітка додана на зведену сторінку або сторінку категорій — сторінку зі списком, на якій опублікована не тільки інформація хоча б про три об’єкти, але й посилання на інші сторінки сайту з додатковою інформацією про ці об’єкти. Додавання розмітки на сторінки інформації не обов’язкове, але в розмітку зведеної сторінки необхідно внести URL сторінок інформації.
• Розмітьте всі елементи на сторінці категорій або зведених даних. У випадку з категоріями, які передбачають розбивку на сторінки, додайте на кожну наступну сторінку розмітку ItemList і включіть об’єкти, які перераховані на цій сторінці. Якщо ж ви використовуєте нескінченне прокручування, розмітьте об’єкти, які завантажуються в області перегляду початково.

Приклади

Нижче наведена високорівнева структура каруселі. Елементи каруселі в розширених результатах будуть розміщені в тому ж порядку, що й об’єкти в структурованих даних.

  <html>
    <head>
      <title>Top 5 Restaurants in Italy</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/1x1/photo.jpg",
                    "https://example.com/photos/4x3/photo.jpg",
                    "https://example.com/photos/16x9/photo.jpg"
                  ],
                  "priceRange": "$$$",
                  "servesCuisine": "Italian",
                  "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": 4.5,
                    "reviewCount": 250
                  },
                "url": "https://www.example.com/trattoria-luigi"
              }
            },
            {
              "@type": "ListItem",
                "position": 2,
                "item": {
                  "@type": "Restaurant",
                  "name": "La Pergola",
                  "image": [
                    "https://example.com/photos/1x1/photo.jpg",
                    "https://example.com/photos/4x3/photo.jpg",
                    "https://example.com/photos/16x9/photo.jpg"
                  ],
                  "priceRange": "$$$",
                  "servesCuisine": "Italian",
                  "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": 4.9,
                    "reviewCount": 1150
                  },
                "url": "https://www.example.com/la-pergola"
              }
            },
            {
              "@type": "ListItem",
              "position": 3,
              "item": {
                "@type": "Restaurant",
                "name": "Pasta e Basta",
                "image": [
                  "https://example.com/photos/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/photo.jpg"
                ],
                "priceRange": "$$$",
                "servesCuisine": "Italian",
                "aggregateRating": {
                  "@type": "AggregateRating",
                  "ratingValue": 4.2,
                  "reviewCount": 690
                },
              "url": "https://www.example.com/pasta-e-basta"
              }
            }
          ]
        }
      </script>
    </head>
    <body>
    </body>
  </html>

Типи структурованих даних

Щоб ваш контент міг відображатися в розширених результатах, необхідно встановити всі обов’язкові властивості. Для зручності користувачів радимо задати і рекомендовані нами властивості.

ItemList

ItemList – контейнер, який містить усі елементи списку. URL елементів у списку повинні вказувати на різні сторінки в одному домені.

Повний опис типу ItemList наведено на сторінці schema.org/ItemList.

Загальні властивості елементів списку (LocalBusiness, Product, або Event)

Усі типи елементів каруселі мають такі загальні властивості:

"image": [
  "https://example.com/photos/1x1/photo.jpg",
  "https://example.com/photos/4x3/photo.jpg",
  "https://example.com/photos/16x9/photo.jpg"
]

<span itemprop="ratingValue" content="4.4">4,4</span> stars

Додаткові властивості для деяких типів розмітки

Розмітка LocalBusiness та її підтипи

Крім властивостей елемента ListItem, Google підтримує такі властивості розмітки типу LocalBusiness (включаючи її підтипи) для розширених результатів з каруселлю. Ці властивості слід розміщувати всередині елемента itemListElement.item.

"amenityFeature": {
  "@type": "LocationFeatureSpecification",
  "name" : "beachAccess",
  "value": true
}

Product

Крім властивостей елемента ListItem, Google підтримує такі властивості розмітки типу Product для розширених результатів з каруселлю. Доцільно вказувати ці властивості всередині елемента itemListElement.item.

Event

Крім властивостей елемента ListItem, Google підтримує такі властивості розмітки типу Event для розширених результатів з каруселлю. Доцільно вказувати ці властивості всередині елемента itemListElement.item.

"offers": {
  "@type": "Offer",
  "price": 0
}

Поширені приклади використання

Приклад використання розмітки типу 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/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/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/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/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/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/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/1x1/photo.jpg",
                    "https://example.com/photos/4x3/photo.jpg",
                    "https://example.com/photos/16x9/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/1x1/photo.jpg",
                    "https://example.com/photos/4x3/photo.jpg",
                    "https://example.com/photos/16x9/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/1x1/photo.jpg",
                    "https://example.com/photos/4x3/photo.jpg",
                    "https://example.com/photos/16x9/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/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/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/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/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/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/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>

Приклад використання розмітки типу Product

Ось приклад каруселі для товарів у форматі 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/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/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/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/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/1x1/photo.jpg",
                  "https://example.com/photos/4x3/photo.jpg",
                  "https://example.com/photos/16x9/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) або доручили налаштування сайту іншій людині, зверніться за допомогою до неї або розробника CMS. Не забудьте переслати йому повідомлення про проблему, отримані вами в Search Console.
• Google не гарантує відображення вашого контенту в результатах пошуку, які формуються на основі структурованих даних. Можливі причини, з яких ваші матеріали можуть не відображатися у вигляді розширених результатів, перераховані в загальних рекомендаціях щодо використання структурованих даних.
• Ознайомтеся зі списком типових помилок у структурованих даних та звітом про структуровані дані, які неможливо обробити, і перевірте, чи правильно ви додали розмітку.
• Якщо ми вжили заходів щодо сторінки вручну, неприпустимі структуровані дані на ній будуть проігноровані доти, доки ви не виправите код. При цьому сама сторінка може з’являтися в результатах пошуку й далі. Щоб усунути проблеми зі структурованими даними, скористайтеся звітом про заходи, вжиті вручну.
• Ще раз вивчіть рекомендації, щоб з’ясувати, чи відповідає їм ваш контент. Проблема може бути пов’язана зі спамом у контенті або розмітці, а не з помилками в синтаксисі. Тоді її не вдасться виявити за допомогою інструменту перевірки розширених результатів.
• Дізнайтеся, що може спричинити відсутність розширених результатів або зменшення їх загальної кількості.
• Робот Googlebot сканує та індексує сторінки не одразу після оновлення контенту. З моменту публікації сторінки може пройти кілька днів, поки Google не виявить і просканує її. Ми зібрали на окремій сторінці відповіді на поширені запитання про сканування та індексацію.
• При необхідності ставте запитання на форумі Центру Пошуку Google