Піни рецептів

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

Як додати піни рецептів на сайті

1. Вставте розмітку Schema.org або hrecipe між фрагментами <head> і </head> HTML-коду на кожній сторінці, що міститиме інформативний пін.
2. За допомогою нашого засобу для перевірки інформативних пінів переконайтеся, що вміст піна відображається належним чином.
3. Якщо так, натисніть Застосувати та обов’язково додайте теги HTML.

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

Інформативні піни рецептів можна доповнити оцінками. Для цього треба знову скористатися розміткою на Schema.org. Якщо додати оцінки на сайті не вдається, відвідайте сайт Schema.org або погляньте на цей зразок піна. Так команда bettycrocker.com налаштувала свій сайт. Дані про оцінки можна додати виключно за допомогою розмітки Schema.org (не hrecipe). Оцінки відображатимуться лише на пристроях з 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">60 хв</time>,
     Кількість порцій: <data class="p-yield" value="4">4</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Змішайте всі інгредієнти.</li>
    </ol>
  </div>
</article>

Щоб дізнатися більше, відвідайте наш веб-сайт для розробників. 

Потрібна допомога?
Зв’яжіться з нами