Пины для рецептов

В пины для рецептов можно добавить название блюда, размер порции, время приготовления и список ингредиентов. Кроме того, можно указать, что рецепт относится к вегетарианской, веганской, безглютеновой или палеодиете.

Добавление пинов для рецептов на сайт

1. Добавьте разметку Schema.org или hrecipe между тегами <head> и </head> HTML-кода каждой страницы, на которой хотите разместить подробные пины с рецептами.
2. Используйте наш инструмент для подтверждения подробных Пинов, чтобы убедиться, что мы можем видеть информацию в них.
3. Если все в порядке, нажмите Применить сейчас. При подтверждении не забудьте выбрать HTML-теги.

Оценки рецептов

Вы можете добавить информацию об оценке рецепта в свой подробный пин. Для этого добавьте соответствующий мета-тег через разметку Schema.org. Если вам нужна помощь, посетите Schema.org или взгляните на пример пина, установленный на сайте bettycrocker.com. Примечание. Оценки доступны только при использовании разметки Schema.org (не h-recipe). Кроме того, оценки отображаются только на устройствах iOS и Android.

Разметки Schema.org и hrecipe

Далее перечислены обязательные поля подробных пинов для каждого типа разметки. Отредактируйте выделенные черным поля в соответствии со своими рецептами. Разметка Schema.org:

<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Апельсиново-ананасово-морковный смузи</span>
   <span itemprop="description">
    Описание рецепта.</span>
  <span itemprop="aggregateRating">
    Общая оценка будет отображаться здесь</span>
    <meta itemprop="url"
    content="https://myrecipesite.com/pineapple.html" />
    <span itemprop="recipeYield">Количество порций: 1</span>
    Ингредиенты:
        <span itemprop="ingredients">ингредиент 1</span>,
        <span itemprop="ingredients">ингредиент 2</span>,
        <span itemprop="ingredients">ингредиент 3</span>,
        <span itemprop="ingredients">
    добавьте необходимое количество ингредиентов</span>.
    Инструкции:
    <span itemprop="recipeInstructions">
    Поместите ананас, лед, апельсиновый сок, морковь и
    банан в блендер. Взбейте до однородной консистенции.</span>
</div> 

Теги hrecipe

<article class="h-recipe">
  <h1 class="p-name">Бублики</h1>
  <ul>
    <li class="p-ingredient">Мука</li>
    <li class="p-ingredient">Сахар</li>
    <li class="p-ingredient">Дрожжи</li>
  </ul>
  <p>Время приготовления: <time class="dt-duration" datetime="1H">1 час</time>,
     количество порций: <data class="p-yield" value="4">4</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Для начала перемешайте все ингредиенты.</li>
    </ol>
  </div>
</article>

Подробную информацию читайте на нашем сайте для разработчиков. 

Все еще нужна помощь?
Контакты