Піни з рецептами

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

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

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>

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

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