Pines de recetas

Los Pines de recetas te permiten indicar un título, el tamaño de las porciones, el tiempo de preparación, las valoraciones y una lista de ingredientes de las recetas de tu sitio. También podemos mencionar si las recetas pertenecen a una dieta paleolítica, vegetariana, vegana o sin gluten.

Cómo añadir Pines a tu sitio

1. Añade marcadores de Open Graph o hrecipe entre las secciones <head> </head> del código HTML en cada página en la que quieras habilitar los Pines detallados de recetas.
2. Utiliza nuestrovalidador de Pines detalladospara asegurarte de que puedes ver los datos del Pin detallado
3. Si todo es correcto, haz clic en Aplicar ahora. Asegúrate de seleccionar las etiquetas HTML al hacerlo.

Valoraciones de recetas

Puedes añadir información sobre valoraciones a tus Pines detallados de recetas. Para ello, añade las metaetiquetas necesarias mediante marcado Schema.org. Si necesitas ayuda para implementar la información sobre valoraciones en tu sitio, visita Schema.org o echa un vistazo a este Pin de ejemplo para ver cómo bettycrocker.com ha configurado su sitio. Ten en cuenta que la información sobre valoraciones solo puede añadirse utilizando marcado Scherma.org (no h-recipe). Además, la información sobre valoraciones solo se mostrará en los dispositivos iOS y Android.

Marcado Schema.org y hrecipe

Estos son los campos obligatorios de Pines detallados para cada tipo de marcador. Edita los campos en negro para incluir la información de tus recetas. Marcados Schema.org.

<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Orange-Pineapple-Carrot Smoothie</span>
   <span itemprop="description">
    Descripción de tu receta.</span>
  <span itemprop="aggregateRating">
    La valoración agregada se mostrará aquí</span>
    <meta itemprop="url"
    content="https://myrecipesite.com/pineapple.html" />
    <span itemprop="recipeYield">Sirve 1</span>
    Ingredientes:
        <span itemprop="ingredients">ingrediente 1</span>,
        <span itemprop="ingredients">ingrediente 2</span>,
        <span itemprop="ingredients">ingrediente 3</span>,
        <span itemprop="ingredients">
    añade tantas etiquetas de ingrediente como necesites</span>.
    Instrucciones:
    <span itemprop="recipeInstructions">
    Coloca la piña, el hielo, el zumo de naranja, la zanahoria y el
    plátano en una batidora. Mezcla bien hasta que todo esté combinado.</span>
</div> 

etiquetas hrecipe

<article class="h-recipe">
  <h1 class="p-name">Bagels</h1>
  <ul>
    <li class="p-ingredient">Harina</li>
    <li class="p-ingredient">Azúcar</li>
    <li class="p-ingredient">Levadura</li>
  </ul>
  <p>Tiempo: <time class="dt-duration" datetime="1H">1 hora</time>,
     serves <data class="p-yield" value="4">cuatro personas</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Mezcla todos los ingredientes.</li>
    </ol>
  </div>
</article>

Visita nuestro sitio para desarrolladores para obtener más información. 

¿Aún necesitas ayuda?
Ponte en contacto