Почему мне стоит читать материал?

✅ Написано экспертом 🔥 Без воды 💎 В основе практика 🎓 Полезно

Разметка Recipe: полное руководство по Schema.org

Что такое разметка Recipe?

Разметка Recipe — это форма структурированных данных на основе словаря Schema.org, которая помогает поисковым системам, таким как Google, понимать содержимое кулинарных рецептов на веб-странице. Она преобразует неструктурированный текст в организованный, машиночитаемый формат.

Когда вы публикуете рецепт, для Google это просто набор текста и изображений. Поисковый робот видит заголовок, список ингредиентов и шаги приготовления, но не понимает их назначения. Внедрение structured data с типом Recipe позволяет явно указать: вот это — название блюда, это — время приготовления, а это — пошаговая инструкция.

Эта информация используется Google для создания расширенных результатов в поисковой выдаче. Это делает ваш сайт более заметным и привлекательным для пользователей, ищущих рецепты.

Зачем нужна разметка для рецептов?

Основная цель внедрения структурированных данных Recipe — улучшить представление вашего сайта в Google Search. Это дает несколько ключевых преимуществ для поисковой оптимизации.

Расширенные результаты. Ваша страница может отображаться в поиске в виде специального блока с фотографией, рейтингом, временем приготовления и калорийностью. Это значительно повышает ее привлекательность и кликабельность (CTR).
Карусель рецептов. Сайты с качественной разметкой могут попасть в специальную карусель вверху поисковой выдачи по запросам, связанным с рецептами (например, «рецепт яблочного пирога»). Это обеспечивает максимальную видимость.
Отображение в Google Images. Размеченные изображения рецептов получают специальный значок в поиске по картинкам, что привлекает дополнительный трафик.
Оптимизация для голосового поиска. Google Ассистент и другие голосовые помощники могут использовать структурированные данные для зачитывания рецептов пользователям. Они могут пошагово произносить инструкции, что крайне удобно во время готовки.

Таким образом, использование разметки Recipe — это не просто техническая доработка, а мощный инструмент коммуникации с поисковыми системами для привлечения целевой аудитории на ваш кулинарный сайт или блог.

Основные свойства разметки Recipe

Для корректной работы разметки необходимо заполнить ряд обязательных и рекомендуемых полей. Google постоянно обновляет свои требования, поэтому актуальную информацию всегда стоит проверять в официальной документации Google Search Central.

Ниже приведена таблица с основными свойствами типа schema.org/Recipe.

Свойство	Описание	Статус
`name`	Название рецепта (например, "Классический яблочный пирог").	Обязательно
`image`	URL изображения готового блюда. Можно указать несколько изображений.	Обязательно
`recipeIngredient`	Список ингредиентов. Каждый ингредиент указывается отдельной строкой.	Обязательно
`recipeInstructions`	Пошаговые инструкции по приготовлению. Рекомендуется использовать тип `HowToStep` для каждого шага.	Обязательно
`description`	Краткое описание рецепта. Отображается в поисковой выдаче.	Рекомендуется
`cookTime`	Время приготовления в формате ISO 8601 (например, "PT1H30M" для 1 часа 30 минут).	Рекомендуется
`prepTime`	Время на подготовку.	Рекомендуется
`totalTime`	Общее время (подготовка + приготовление).	Рекомендуется
`recipeYield`	Количество порций, которое получится из указанных ингредиентов.	Рекомендуется
`nutrition`	Информация о пищевой ценности (калории, жиры, белки, углеводы). Используется тип `NutritionInformation`.	Рекомендуется
`aggregateRating`	Средний рейтинг рецепта на основе отзывов пользователей.	Рекомендуется
`video`	Ссылка на видео-рецепт. Используется тип `VideoObject`. Это особенно важно, если у вас есть YouTube-канал.	Рекомендуется

Особое внимание стоит уделить свойству recipeInstructions. Для максимальной совместимости с голосовыми ассистентами и другими сервисами Google, каждый шаг приготовления следует оборачивать в отдельный элемент HowToStep. Каждый HowToStep должен содержать свойство text с описанием шага. Также можно добавить свойство image для иллюстрации каждого этапа.

Форматы реализации: JSON-LD, Microdata, RDFa

Существует три основных формата для добавления структурированных данных на страницу: Microdata, RDFa и JSON-LD.

На практике я настоятельно рекомендую использовать JSON-LD. Это формат, который официально рекомендует Google. Его ключевое преимущество — он не требует внесения изменений в существующий HTML-код. Скрипт JSON-LD просто добавляется в секцию <head> или <body> страницы.

Пример разметки Recipe в формате JSON-LD

Вот упрощенный пример structured data для рецепта «Простой яблочный пирог».

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Recipe",
  "name": "Простой яблочный пирог",
  "image": [
    "https://example.com/photos/apple-pie.jpg"
  ],
  "author": {
    "@type": "Person",
    "name": "Иван Иванов"
  },
  "datePublished": "2024-09-15",
  "description": "Классический рецепт домашнего яблочного пирога, который всегда получается.",
  "prepTime": "PT20M",
  "cookTime": "PT45M",
  "totalTime": "PT1H5M",
  "keywords": "яблочный пирог, выпечка, десерт",
  "recipeYield": "8 порций",
  "recipeCategory": "Десерт",
  "recipeCuisine": "Русская",
  "nutrition": {
    "@type": "NutritionInformation",
    "calories": "250 kcal"
  },
  "recipeIngredient": [
    "3-4 яблока",
    "1 стакан муки",
    "1 стакан сахара",
    "3 яйца",
    "1 ч.л. разрыхлителя"
  ],
  "recipeInstructions": [
    {
      "@type": "HowToStep",
      "text": "Взбейте яйца с сахаром до пышной пены."
    },
    {
      "@type": "HowToStep",
      "text": "Добавьте муку с разрыхлителем и перемешайте."
    },
    {
      "@type": "HowToStep",
      "text": "Яблоки очистите, нарежьте дольками и выложите на дно формы для выпечки."
    },
    {
      "@type": "HowToStep",
      "text": "Залейте яблоки тестом и выпекайте в разогретой до 180°C духовке 45 минут."
    }
  ]
}
</script>

Как добавить разметку Recipe на сайт

Способ внедрения зависит от вашей платформы.

Для сайтов на WordPress: Самый простой способ — использовать специализированные плагины. Плагины, такие как WP Recipe Maker или Create by Mediavine, автоматически генерируют корректную разметку на основе введенных вами данных. Многие SEO-плагины, например, Rank Math, также имеют встроенные блоки для рецептов.
Для других CMS и самописных сайтов: Необходимо сгенерировать код JSON-LD и вставить его в HTML-код страницы с рецептом. Вы можете написать скрипт вручную или воспользоваться онлайн-генераторами Schema-разметки.

После добавления кода на сайт убедитесь, что роботы Google могут его видеть. Не блокируйте доступ к JavaScript и CSS в файле robots.txt, так как это может помешать корректному рендерингу и анализу страницы.

Проверка и отладка разметки

После внедрения structured data необходимо проверить ее корректность. Ошибки в разметке могут привести к тому, что Google не сможет ее обработать, и все усилия будут напрасны.

Инструмент проверки расширенных результатов. Это главный инструмент от Google. Просто вставьте URL страницы или фрагмент кода в Rich Results Test, и сервис покажет, какие типы расширенных результатов Google может сгенерировать на основе вашей разметки, а также укажет на ошибки и предупреждения. Ссылку на него можно найти в документации Google Search Central.
Google Search Console. После того как Google просканирует и проиндексирует ваши обновленные страницы (процесс сканирования и индексации), в Search Console появится отчет «Рецепты» в разделе «Улучшения». В нем будет показана статистика по страницам с корректной разметкой и страницам с ошибками. Это основной инструмент для мониторинга структурированных данных в долгосрочной перспективе.

Распространенные ошибки

На практике чаще всего встречаются следующие проблемы при внедрении разметки для рецептов:

Отсутствие обязательных полей. Не указано название (name), изображение (image) или другие критически важные свойства.
Несоответствие контенту. Информация в structured data (например, время приготовления) должна совпадать с видимым контентом на странице.
Некачественные изображения. Изображения должны быть доступны для сканирования Google, иметь достаточное разрешение и соответствовать тематике рецепта.
Некорректное использование recipeInstructions. Все шаги приготовления часто помещают в один блок text, вместо того чтобы разбить их на отдельные элементы HowToStep.
Ошибка в формате данных. Например, время указано как "45 минут" вместо формата ISO 8601 "PT45M".

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

Заключение

Разметка Recipe — это стандарт индустрии для любого кулинарного сайта. Ее внедрение требует внимания к деталям, но результат полностью окупает затраченные усилия. Правильно реализованные структурированные данные помогут вашим рецептам выделиться в поисковой выдаче Google, привлечь больше целевых посетителей и улучшить пользовательский опыт, в том числе при взаимодействии с голосовыми помощниками.