Описание элементов hRecipe
Общие требования
Чтобы рецепты с вашего сайта могли быть извлечены Яндексом, на одной странице должен находиться только один рецепт — элемент корневого класса hrecipe
, и этот рецепт должен являться основным содержанием страницы. Остальные элементы (свойства рецепта) располагаются внутри корневого.
Данные, содержащиеся в рецепте, должны полностью отображаться на странице и быть видимы посетителю сайта.
Яндекс обрабатывает как стандартные свойства формата, так и собственные расширения.
Обязательные элементы
Чтобы данные о рецептах могли быть использованы Яндексом для улучшения сниппета, должны быть переданы следующие обязательные свойства:
fn
Название рецепта или блюда.
Значением этого свойства может быть только текст.
Пример:
<span class="fn">Курица в пиве с рисом</span>
ingredient
Ингредиент и его объем/количество.
Рецепт может содержать один или несколько ингредиентов. Классом ingredient
следует пометить каждый ингредиент блюда. Значением этого свойства может быть как простой текст, так и HTML-код.
Свойство может содержать следующие вложенные свойства:
name
— название продукта (это свойство не предусмотрено стандартом hRecipe).type
иvalue
— единица измерения и количество единиц.amount
— количество в произвольном формате (это свойство не предусмотрено стандартом hRecipe). Используется вместоtype
иvalue
.
Примеры:
<span class="ingredient">
<span class="amount">1</span>
<span class="name">курица</span>
</span>
<span class="ingredient">
<span class="value">0.5</span>
<span class="type">л</span>
<span class="name">пива</span>
</span>
Рекомендуемые элементы
Кроме обязательных свойств, Яндекс обрабатывает следующие свойства формата hRecipe:
instructions
Инструкции по приготовлению блюда.
В рецепте может быть не более одного элемента класса instructions
. Значением этого свойства может быть как простой текст, так и HTML-код.
Мы рекомендуем включать в это свойство только непосредственно сами указания, без предваряющего их заголовка (например, «Способ приготовления»).
Отдельные пункты инструкции можно пометить классом instruction
. Вложенное свойство instruction
не предусмотрено стандартом hRecipe, оно добавлено Яндексом в качестве расширения.
Пример:
<ul class="instructions">
<li class="instruction"> Курицу нарезать на кусочки, выложить в форму для запекания,
посолить, поперчить, добавить специи по вкусу.</li>
<li class="instruction">Курицу залить пивом, поставить в духовку.</li>
<li class="instruction">Жарить при температуре 180 градусов в течение 40-45 минут.</li>
</ul>
Допускается вкладывать внутрь свойства instructions
одно или несколько свойств photo
(а также свойство result-photo
).
Пример:
<ul class="instructions">
<li>Курицу нарезать на кусочки, выложить в форму для запекания,
посолить, поперчить, добавить специи по вкусу.<br>
<img class="photo" src="images/step1.jpg" alt="Нарезать на кусочки">
</img>
</li>
<li>Курицу залить пивом, поставить в духовку.<br>
<img class="photo" src="images/step2.jpg" alt="Залить пивом">
</img>
</li>
<li>Жарить при температуре 180 градусов в течение 40-45 минут.<br>
<img class="photo result-photo"
src="images/step3.jpg" alt="Приятного аппетита!"></img>
</li>
</ul>
Описание свойств photo
и result-photo
см. ниже.
yield
Количество порций, получающихся из указанного объема продуктов. В рецепте может быть не более одного элемента класса yield
. Значением этого свойства может быть только текст.
Пример:
<span>Блюдо рассчитано на <span class="yield">3 человек</span>.</span>
duration
Длительность приготовления блюда. Значением этого свойства должна быть строка в формате ISO 8601.
Например: