Pins de receitas

Os Pins de receitas permitem adicionar um título, o número de porções servidas, o tempo de preparo e uma lista de ingredientes a receitas de seu site. Também é possível informar se a receita é paleo, vegetariana, vegana ou sem glúten.

Adicionar Pins de receitas a seu site

1. Adicione marcações do Schema.org ou hrecipe entre a seção <head> </head> do seu código HTML para cada página em que quiser ativar Pins avançados de receita
2. Use o nosso validador de Pins avançados para garantir que possamos ver os dados dos Pins avançados
3. Se tudo estiver correto, clique em Aplicar agora. Lembre-se de selecionar tags HTML ao fazer o pedido.

Classificações das receitas

Você pode adicionar informações de classificações aos Pins avançados das suas receitas. Para fazer isso, adicione a metatag necessária por meio da marcação do Schema.org. Se precisar de ajuda para implementar as informações de classificações em seu site, acesse Schema.org ou dê uma olhada neste exemplo de Pin para ver como o site bettycrocker.com foi configurado. Observe que as informações de classificações só podem ser adicionadas usando a marcação do Schema.org (não hrecipe) e só aparecerão em dispositivos Android e iOS.

Marcações do Schema.org e hrecipe

Veja aqui os campos obrigatórios de Pin avançado para cada tipo de marcação. Edite os campos em preto para refletir suas receitas. Marcações do Schema.org

<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Smoothie com laranja, abacaxi e cenoura</span>
   <span itemprop="description">
    Descrição da sua receita.</span>
  <span itemprop="aggregateRating">
    A classificação agregada será mostrada aqui</span>
    <meta itemprop="url"
    content="https://myrecipesite.com/pineapple.html" />
    <span itemprop="recipeYield">Porção para 1 pessoa</span>
    Ingredientes:
        <span itemprop="ingredients">ingrediente 1</span>,
        <span itemprop="ingredients">ingrediente 2</span>,
        <span itemprop="ingredients">ingrediente 3</span>,
        <span itemprop="ingredients">
    adicione quantas tags de ingredientes forem necessárias</span>.
    Modo de preparo:
    <span itemprop="recipeInstructions">
    Coloque o abacaxi, o gelo, o suco de laranja, a cenoura e
    a banana no liquidificador. Bata até ficar uniforme.</span>
</div> 

Tags do hrecipe

<article class="h-recipe">
  <h1 class="p-name">Bagels</h1>
  <ul>
    <li class="p-ingredient">Farinha</li>
    <li class="p-ingredient">Açúcar</li>
    <li class="p-ingredient">Fermento</li>
  </ul>
  <p>Leva <time class="dt-duration" datetime="1H">1 hora</time>,
     serve <data class="p-yield" value="4">quatro pessoas</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Misture todos os ingredientes.</li>
    </ol>
  </div>
</article>

Saiba mais em nosso site para desenvolvedores. 

Ainda precisa de ajuda?
Fale conosco