Щоб ваші рецепти було легше знайти, надайте інформацію про відгуки, час приготування та калорійність, використовуючи структуровані дані. Google буде розпізнавати їх і виділяти ваші рецепти в результатах пошуку. Рецепти можуть відображатися в результатах пошуку Google і Google Картинок.
Залежно від того, яку розмітку ви використовуєте, ми можемо показувати ваші рецепти в результатах пошуку по-різному:
| Як рецепти можуть виглядати в результатах пошуку | |
|---|---|
Карусель рецептів з вашого сайту. Якщо додати структуровані дані ItemList, користувачам буде зручніше переглядати ваші рецепти, оскільки вони будуть представлені у вигляді галереї. |  |
Як додати структуровані дані
Структуровані дані — стандартизований формат, який дозволяє надавати пошуковим системам інформацію про сторінку та класифікувати її вміст. Детальніше про принципи роботи структурованих даних…
Нижче в загальних рисах описано, як створити, перевірити та додати на сайт структуровані дані.
- Додайте обов’язкові властивості. Дізнайтеся, в яких частинах сторінки потрібно розміщувати структуровані дані обраного вами формату.
- Дотримуйтесь рекомендацій.
- Перевірте свій код за допомогою інструменту перевірки розширених результатів. Якщо будуть виявлені критичні помилки, усуньте їх. Ми також рекомендуємо усунути некритичні помилки, зазначені в інструменті. Це може призвести до підвищення якості структурованих даних, хоча сторінки будуть придатні для створення розширених результатів і без цього.
- Опублікуйте сторінку й за допомогою інструменту перевірки URL з’ясуйте, як вона виглядає для робота Googlebot. Переконайтеся, що доступ Google до сторінки не заблоковано файлом robots.txt або метатегом
noindexі авторизація на ній не потрібна. Якщо все в порядку, то запросіть повторне сканування ваших URL. - Надішліть нам файл Sitemap, щоб інформувати нас про зміни на сайті. Надсилання такого файлу можна автоматизувати за допомогою Search Console Sitemap API.
Приклади
У цьому розділі зібрано кілька прикладів коду JSON-LD для рецептів.
Рецепти в Пошуку
Нижче наведено приклад сторінки, яка допущена до показу в Пошуку Google.
<html>
<head>
<title>Non-Alcoholic Piña Colada</title>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Non-Alcoholic Piña Colada",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"author": {
"@type": "Person",
"name": "Mary Stone"
},
"datePublished": "2024-03-10",
"description": "This non-alcoholic pina colada is everyone's favorite!",
"recipeCuisine": "American",
"prepTime": "PT1M",
"cookTime": "PT2M",
"totalTime": "PT3M",
"keywords": "non-alcoholic",
"recipeYield": "4 servings",
"recipeCategory": "Drink",
"nutrition": {
"@type": "NutritionInformation",
"calories": "120 calories"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": 5,
"ratingCount": 18
},
"recipeIngredient": [
"400ml of pineapple juice",
"100ml cream of coconut",
"ice"
],
"recipeInstructions": [
{
"@type": "HowToStep",
"name": "Blend",
"text": "Blend 400ml of pineapple juice and 100ml cream of coconut until smooth.",
"url": "https://example.com/non-alcoholic-pina-colada#step1",
"image": "https://example.com/photos/non-alcoholic-pina-colada/step1.jpg"
},
{
"@type": "HowToStep",
"name": "Fill",
"text": "Fill a glass with ice.",
"url": "https://example.com/non-alcoholic-pina-colada#step2",
"image": "https://example.com/photos/non-alcoholic-pina-colada/step2.jpg"
},
{
"@type": "HowToStep",
"name": "Pour",
"text": "Pour the pineapple juice and coconut mixture over ice.",
"url": "https://example.com/non-alcoholic-pina-colada#step3",
"image": "https://example.com/photos/non-alcoholic-pina-colada/step3.jpg"
}
],
"video": {
"@type": "VideoObject",
"name": "How to Make a Non-Alcoholic Piña Colada",
"description": "This is how you make a non-alcoholic piña colada.",
"thumbnailUrl": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/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": "2024-02-05T08:00:00+08:00"
}
}
</script>
</head>
<body>
</body>
</html>Карусель
Нижче наведено приклад зведеної сторінки рецептів (сторінки зі списком рецептів) зі структурованими даними типу itemList. Цей контент може відображатися у вигляді сітки в результатах пошуку Google.
<html>
<head>
<title>Grandma's Best Pie Recipes</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ItemList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"url": "https://example.com/apple-pie.html"
},
{
"@type": "ListItem",
"position": 2,
"url": "https://example.com/blueberry-pie.html"
},
{
"@type": "ListItem",
"position": 3,
"url": "https://example.com/cherry-pie.html"
}]
}
</script>
</head>
<body>
</body>
</html>Правила
Щоб ваша розмітка була допущена до відображення в результатах пошуку, дотримуйтесь загальних рекомендацій щодо використання структурованих даних.
Рекомендації щодо структурованих даних Recipe:
- Структуровані дані
Recipeпідходять для контенту, де розповідається про те, як приготувати конкретну страву. Їх не можна використовувати для інших матеріалів, наприклад порад щодо організації свята або з приготування скрабу для обличчя. - Щоб рецепти з’являлися в каруселі або сітці, дотримуйтесь наступних правил:
- Додайте структуровані дані
ItemList, щоб об’єднати рецепти в список. Структуровані даніItemListможна додавати як окремо, так і разом зі структурованими даними для рецептів. - На вашому сайті повинна бути сторінка, де перераховані всі рецепти, що входять до збірки. Коли користувач натискає на загальне посилання в результатах пошуку, повинен бути виконаний перехід на сторінку зі списком рецептів, які відповідають його запиту.
- Додайте структуровані дані
Типи структурованих даних
Щоб ваш контент міг з’являтися в розширених результатах пошуку, необхідно встановити всі обов’язкові властивості. Ви також можете додати рекомендовані властивості, щоб користувачам було зручніше вивчати інформацію.
Recipe
У розмітці schema.org Recipe для рецепта потрібно використовувати перелічені нижче властивості. Повний опис типу Recipe наведено на сторінці schema.org/Recipe. Google підтримує наступні властивості:
| Обов’язкові властивості | |
|---|---|
image |
Зображення готової страви. Додаткові рекомендації для зображень:
Приклад: "image": [ "https://example.com/photos/1x1/photo.jpg", "https://example.com/photos/4x3/photo.jpg", "https://example.com/photos/16x9/photo.jpg" ] |
name | Назва страви. |
| Рекомендовані властивості | |
|---|---|
aggregate | Анотація до середньої оцінки за відгуками, яка присвоюється страві. Дотримуйтесь рекомендацій щодо створення фрагмента відгуку та списку обов’язкових і рекомендованих властивостей типу Якщо в структурованих даних |
author |
Автор рецепта (ім’я людини або назва організації). Щоб роботам Google було легше знаходити інформацію про автора серед коду, що відноситься до різних функцій, дотримуйтесь рекомендацій щодо розмітки, що відноситься до автора. |
cook | Час, який потрібен для приготування страви. Значення слід ввести у форматі ISO 8601 (якщо застосовно). Завжди використовуйте цю властивість разом з елементом |
date | Дата публікації рецепта у форматі ISO 8601 (якщо застосовується). |
description | Короткий опис страви. |
keywords | Ключові слова, наприклад, пора року («літо»), свято («Восьме березня»), особлива подія («весілля», «день народження») або інші характеристики («швидкий», «бюджетний», «автентичний»). Додаткові правила
|
nutrition. | Кількість калорій у кожній порції страви, приготовленої за цим рецептом. Якщо задано властивість |
prep | Загальний час підготовки та приготування страви, зазначений у форматі ISO 8601 (якщо є). Завжди використовуйте цю властивість разом з елементом |
recipe | Вид страви. Наприклад, «вечеря», «основна страва», «десерт». |
recipe | До якої кухні світу відноситься рецепт. Наприклад, «середземноморська», «американська», «французька». |
recipe | Інгредієнти, що використовуються в рецепті. Приклад: "recipeIngredient": [ "1 (15 ounce) package double crust ready-to-use pie crust", "6 cups thinly sliced, peeled apples (6 medium)", "3/4 cup sugar", "2 tablespoons all-purpose flour", "3/4 teaspoon ground cinnamon", "1/4 teaspoon salt", "1/8 teaspoon ground nutmeg", "1 tablespoon lemon juice" ] Додаткові рекомендації
|
recipe |
Етапи приготування страви. Вказувати значення властивості
Додаткові рекомендації
|
recipe | Кількість підсумкового продукту (якщо є). Уточніть загальну кількість порцій, які будуть приготовані за цим рецептом. Якщо ви хочете вказати вихід готової страви і в інших одиницях (наприклад, не в порціях, а в штуках), то можете додати кілька елементів цього типу. Це обов’язкова властивість, якщо ви хочете вказати енергетичну цінність порцій (наприклад, за допомогою властивості Приклад "recipeYield": [ "6", "24 cookies" ] |
total | Загальний час приготування страви у форматі ISO 8601 (якщо є). Використовуйте властивість |
video | Відео, що ілюструє етапи приготування страви. Ознайомтеся зі списком обов’язкових і рекомендованих властивостей для відео. |
How
Властивість HowToSection дозволяє групувати кроки (або підрозділи), що складають частину дій за рецептом. Задайте HowToSection безпосередньо як опис властивості recipeInstructions або як елемент itemListElement іншої властивості HowToSection.
Тип HowToSection визначає розділ одного рецепта й може містити один або кілька кроків. Не використовуйте HowToSection для різних рецептів приготування однієї страви. Застосовуйте HowToSection тільки як частину одного рецепта. Якщо вам потрібно навести кілька рецептів однієї й тієї самої страви, використовуйте кілька об’єктів Recipe. Наприклад, різні способи випікання яблучного пирога слід розмічати за допомогою кількох об’єктів Recipe, а не об’єктів HowToSection.
Повний опис типу HowToSection наведено на сторінці schema.org/HowToSection.
| Обов’язкові властивості | |
|---|---|
item | Список етапів приготування, а також підрозділів (якщо вони є). Наприклад, в описі приготування піци може бути три розділи: про тісто, начинку і випічку. Приклад: { "@type": "HowToSection", "name": "Assemble the pie", "itemListElement": [ { "@type": "HowToStep", "text": "In large bowl, gently mix filling ingredients; spoon into crust-lined pie plate." }, { "@type": "HowToStep", "text": "Top with second crust. Cut slits or shapes in several places in top crust." } ] } |
name | Назва розділу. |
How
Властивість HowToStep дозволяє групувати речення, у яких описується, як виконати частину дій за рецептом, якщо це доречно для контенту. Вкажіть такі речення у властивості text або вкажіть у властивості itemListElement варіант HowToDirection або HowToTip для кожного такого речення.
У розмітці HowToStep для кроків рецепта потрібно використовувати перелічені нижче властивості. Задайте HowToStep безпосередньо як визначення властивості recipeInstructions або як елемент itemListElement властивості HowToSection.
Повний опис типу HowToStep наведено на сторінці schema.org/HowToStep.
| Обов’язкові властивості | |
|---|---|
item | Список кроків, включаючи вказівки та рекомендації. Можна не використовувати, якщо є елемент |
text | Повний текст кроку інструкції. Можна не використовувати, якщо є елемент
|
| Рекомендовані властивості | |
|---|---|
image |
Ілюстрація до кроку інструкції. Додаткові рекомендації для зображень:
|
name | Від одного до декількох слів, що коротко описують крок (наприклад, «Викладіть тісто у форму»). Не використовуйте такі конструкції, як «Крок 1: [текст]» або «1. [текст]». У назві кроку повинна бути тільки описова частина, без вказівки на його номер. |
url |
|
video |
Відео, що ілюструє поточний крок. Якщо ви використовуєте тип |
How і How
Щоб додати описи інструкцій або порад, застосовуйте типи HowToDirection і HowToTip (якщо застосовно). У них використовуються однакові обов’язкові та рекомендовані властивості.
Повний опис типів HowToDirection і HowToTip наведено на сторінках schema.org/HowToDirection і schema.org/HowToTip.
| Обов’язкові властивості | |
|---|---|
text | Текст опису або поради. |
Item
Крім властивостей рецепта, для тематичних списків потрібні й інші перераховані нижче властивості. Вказувати ItemList не обов’язково, але вам потрібно додати наступні властивості, інакше Google не зможе скласти карусель рецептів з вашого сайту. Детальні відомості про карусель результатів з сайту представлені в розділі Карусель.
Повний опис типу ItemList наведено на сторінці schema.org/ItemList.
| Обов’язкові властивості | |
|---|---|
item | Опис сторінки окремого елемента списку. |
List | Порядковий номер сторінки елемента у списку. Приклад: "itemListElement": [
{
"@type": "ListItem",
"position": 1,
}, {
"@type": "ListItem",
"position": 2,
}
]
|
List | Канонічний URL сторінки з інформацією про елемент. Кожен елемент повинен мати унікальний URL. |
Збір статистики за розширеними результатами в Search Console
За допомогою Search Console ви можете збирати дані про ефективність сторінок вашого ресурсу в Пошуку Google. Вам не обов’язково реєструватися в цьому сервісі, щоб ваші сторінки потрапили в результати пошуку. Однак це дозволить дізнатися, як роботи Google сприймають сайт, і спростити їм його обробку. Рекомендуємо перевіряти інформацію в Search Console в наступних випадках:
- Після першого розміщення структурованих даних
- Після випуску нових шаблонів або оновлення коду
- При регулярному аналізі трафіку
Після першого розміщення структурованих даних
Коли ваші сторінки будуть проіндексовані, перевірте їх на наявність помилок за допомогою звіту про стан розширених результатів. Бажано, щоб кількість об’єктів з правильною розміткою зросла, а кількість об’єктів з помилками — ні. Якщо в структурованих даних будуть виявлені помилки, вживайте наступних заходів:
- Усуньте проблеми в об’єктах.
- Перевірте виправлену сторінку, щоб дізнатися, чи виявляються помилки.
- Запитайте перевірку ресурсу, використовуючи звіт про стан розширених результатів.
Після випуску нових шаблонів або оновлення коду
Якщо ви внесли значні зміни на сайт, перевірте, чи не збільшилася кількість недійсних об’єктів, пов’язаних зі структурованими даними.
- Збільшилася кількість недійсних об’єктів? Можливо, ви створили шаблон, з яким щось не так, або наявний шаблон використовується некоректно.
- Кількість дійсних елементів зменшилася, але кількість недійсних не збільшилася? Можливо, на ваших сторінках не розміщені структуровані дані. З’ясувати, з чим пов’язані помилки, можна за допомогою інструменту перевірки URL.
При регулярному аналізі трафіку
Аналізувати трафік сайту з Google Пошуку можна за допомогою звіту про ефективність. З цього звіту ви дізнаєтеся, як часто сторінка з’являється в Пошуку у вигляді розширеного результату, з якою регулярністю користувачі натискають на неї і яка її середня позиція в результатах пошуку. Цю інформацію також можна автоматично отримати за допомогою Search Console API.
Усунення несправностей
Якщо у вас виникли труднощі з додаванням або налагодженням структурованих даних, вам допоможуть ресурси та інформація, доступні за наведеними нижче посиланнями.
- Якщо ви використовуєте систему управління контентом (CMS) або доручили налаштування сайту іншій людині, зверніться за допомогою до неї або розробника CMS. Не забудьте переслати йому повідомлення про проблему, отримані вами в Search Console.
- Google не гарантує відображення вашого контенту в результатах пошуку, які формуються на основі структурованих даних. Можливі причини, з яких ваші матеріали можуть не відображатися у вигляді розширених результатів, перераховані в загальних рекомендаціях щодо використання структурованих даних.
- Ознайомтеся зі списком типових помилок у структурованих даних та звітом про структуровані дані, які неможливо обробити, і перевірте, чи правильно ви додали розмітку.
- Якщо ми вжили заходів щодо сторінки вручну, неприпустимі структуровані дані на ній будуть проігноровані доти, доки ви не виправите код. При цьому сама сторінка може з’являтися в результатах пошуку й далі. Щоб усунути проблеми зі структурованими даними, скористайтеся звітом про заходи, вжиті вручну.
- Ще раз вивчіть рекомендації, щоб з’ясувати, чи відповідає їм ваш контент. Проблема може бути пов’язана зі спамом у контенті або розмітці, а не з помилками в синтаксисі. Тоді її не вдасться виявити за допомогою інструменту перевірки розширених результатів.
- Дізнайтеся, що може спричинити відсутність розширених результатів або зменшення їх загальної кількості.
- Робот Googlebot сканує та індексує сторінки не одразу після оновлення контенту. З моменту публікації сторінки може пройти кілька днів, поки Google не виявить і просканує її. Ми зібрали на окремій сторінці відповіді на поширені запитання про сканування та індексацію.
- При необхідності ставте запитання на форумі Центру Пошуку Google