Перейти к содержанию
Rureferat

Микроразметка recipe

Когда вы ищете рецёпт в Google, лучшие результаты в результатах поиска выглядят красиво: видны звёзды рейтинга, время приготовления блюда, калорийность, картинка. Это микроразметка recipe структурированных данных типа schema.org, которые помогают поисковым системам понимать содержание и тему веб страницы вашего сайта или блога. В коде используются HTML-элементы div itemscope и span с атрибутами itemscope itemtype, где каждое свойство itemprop указывает на конкретные структурированные данные: name, description, image с src, author контента, организацию, время приготовления (cookTime), общее время (totalTime), ингредиенты (recipeIngredient), инструкции (recipeInstructions), количество порций (recipeYield), калории, rating. Разметка добавляется в виде JSON-LD прямо в HTML-код страницы. Когда Google и Яндекс сканируют вашу страницу, они обрабатывают эти структурированные данные типы разметки schema.org, находят объект recipe и показывают информацию в форме расширенного сниппета в результатах поиска—это привлекает больше пользователей и поможет увеличить CTR, ведь тот, кто видит красивый результат с информацией о рецепте, чаще переходит именно на него, а не на конкурентов.

Блюдо и структурированные данные рецепта

Rich Snippet рецепта в результатах поиска Google

Когда вы вводите «пирог с яблоками» в Google, большинство результатов выглядят одинаково — синий заголовок, серый URL, два-три строки тусклого текста. Но несколько рецептов отличаются резко: рядом с названием видны жёлтые звёзды рейтинга, под ними написано «30 минут», потом «4 порции», и часто есть фотография блюда. Это Rich Snippet рецепта — результат поиска с расширенных результатов. Google распознаёт микроразметку recipe на странице и показывает именно так в поисковой выдаче.

Звёзды, время, количество порций — всё это информация, которая извлекается из структурированных данных микроразметки recipe. Пользователь видит достаточно информации, чтобы сразу решить: хочет он этот рецепт или нет. Без такого Rich Snippet ваш более интересный рецепт проигрывает конкуренту, потому что в поисковой выдаче выглядит бледнее.

Обязательные поля микроразметки recipe

Три поля, которые Google требует для минимальной разметки рецепта, — это name, recipeIngredient и recipeInstructions. Без них микроразметка recipe просто не сработает.

Name — название вашего рецепта. Это самое простое поле. Используется тот же текст, что стоит в теге <h1 itemprop name> страницы, например «Пирог с яблоками и карамелью». В коде микроразметки, где вы применяете span itemprop name, это выглядит как имя блюда. Google использует значение из name для заголовка Rich Snippet.

RecipeIngredient — список ингредиентов. Каждый ингредиент — это отдельная строка в структурированные данные recipe. Например, «200 грамм муки, 100 грамм сливочного масла, 2 яйца». В формате JSON-LD это массив значений recipeIngredient. В microdata через span itemprop каждый ингредиент может быть либо в одной строке, либо в отдельном элементе. Точность здесь важна, потому что Google анализирует количество и типы ингредиентов.

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

Рекомендуемые поля микроразметки recipe для улучшения отображения

Если добавить только три обязательные поля микроразметки recipe, Rich Snippet будет работать, но неполный. Рекомендуемые поля превращают скучный результат в привлекательный.

Image — опубликованное изображение блюда. Укажите URL подходящей фотографии и проверьте требования поисковой системы к изображению; показ миниатюры в выдаче зависит от её решения.

prepTime, cookTime и totalTime задают время в формате ISO 8601, например PT30M или PT2H. Эти значения должны совпадать с опубликованным рецептом.

RecipeYield — количество порций. Указывается как число или текст: 4 порции, 8 человек. В Rich Snippet рецепта эта информация помогает пользователю выбрать подходящее блюдо для приготовления.

Author — автор рецепта. Это может быть имя person name или название организации (например, кулинарного блога или издания). Свойство itemprop author используется для указания создателя контента. Вместе с датой публикации (itemprop datepublished) это повышает авторитет материала в глазах поисковых систем.

aggregateRating описывает реальные оценки читателей, если они доступны на странице. Не добавляйте вымышленные отзывы ради звёзд в выдаче.

Nutrition — информация о питательной ценности (калории, белки, жиры, углеводы). В коде используется div itemscope itemtype nutritioninformation с типом данных schema.org. Для органических рецептов, диетических блюд или материалов о здоровье это поле критично. Google может включить краткое описание и калорийность напрямую в Rich Snippet для поисковой выдачи.

Как микроразметка recipe влияет на видимость

Для серии рецептов сначала проверьте, что шаблон формирует данные каждого блюда: название, ингредиенты, инструкции, изображение и время. Затем проверьте несколько опубликованных страниц и отслеживайте показы в Search Console.

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

От теории к практике

Для Recipe можно использовать JSON-LD в блоке script type="application/ld+json". Заполните свойства name, recipeIngredient, recipeInstructions и другие данные из опубликованного рецепта. Проверьте итоговую страницу в Rich Results Test.

Для SEO специалиста: приоритет — это микроразметка recipe с image, с ratingValue 3.5+ и минимум 20 отзывов, плюс prepTime/cookTime. Именно эта комбинация дает наибольший CTR прирост в результатах поиска. Если на сайте 50+ рецептов, начните с 10-15 самых популярных по поисковому трафику, добавьте полную микроразметку recipe, замерьте изменение позиций через Google Search Console через две недели.

Для блогера: не нужно трогать код на сайте вручную, если у вас WordPress. Плагины Yoast SEO, Rank Math, All in One SEO включают встроенные инструменты для создания микроразметки recipe (достаточно заполнить форму: название, ингредиенты, шаги, время, изображение, рейтинг). Плагин сам сгенерирует правильный JSON-LD и добавит его в <head> страницы. После сохранения статьи проверьте результат в Google Search Console через 2-3 дня.

Внедрение: пошаговая инструкция

JSON-LD разметка для разработчиков

Добавьте JSON-LD блок перед </head> с @context http schema.org и @type Recipe. Используйте name (название), краткое описание, image, prepTime, cookTime в ISO 8601 формате (PT15M). Укажите recipeYield, recipeIngredient массивом, recipeInstructions с HowToStep. Добавьте author и aggregateRating к вашей микроразметке recipe для улучшения видимости в результатах.

Проверка валидности через Google Rich Result Test

Вставьте URL рецепта в инструмент Google Rich Result Test через Google Search. Должна быть зелёная галочка «Recipes valid». Проверьте обязательные поля: name, image, recipeInstructions. Типичная ошибка — время приготовления не в ISO 8601 формате (PT15M вместо текста). Раздел Search Console Rich results покажет количество processed items микроразметки на сайте.

Плагины WordPress для быстрого внедрения

Установите Yoast SEO или Rank Math в WordPress Plugins на ваш сайт. На странице найдите Schema раздел типы разметки. Выберите Recipe и заполните name, краткое описание, image, prepTime, recipeYield, ингредиенты, инструкции. Плагин добавит JSON-LD в head страницы. После добавления проверьте результат через Google Rich Result Test.

Наверх