Ativar Pins detalhados para o teu site

Os Pins detalhados acrescentam mais detalhes aos Pins do teu website. Neste momento existem quatro tipos de Pins detalhados: Pins de produtos, de artigos, de instalação de apps e de receitas.


Adicionar Pins detalhados ao teu site:

  1. Prepara o teu site com meta tags ou um ponto final oEmbed. Isto pode ser um pouco técnico, pelo que poderás precisar de ajuda do programador do teu site. Podes obter instruções rápidas para cada tipo de Pin detalhado abaixo.
  2. Testa os teus Pins detalhados.
  3. Fazer um pedido para os afixar no Pinterest.

Para consultares toda a documentação acerca de Pins detalhados para programadores, uma olhada ao nosso site de programadores.


Instruções para cada tipo de Pin:

Quando fizeres um pedido para Pins detalhados, deverás marcar o teu website de acordo com o tipo de Pin mais adequado. Assim, se a tua página tiver receitas, deves adicionar um markup para Pins de receitas e não para Pins de artigo.
 

Product Pins Product Pins
Os Pins de produtos permitem apresentar o preço, quantidade em stock e a descrição do produto, nos Pins do website.
 
Para afixar Pins de produtos no teu site:

1. Adiciona markups Open Graph ou  Schema.org entre a secção <head> </head> do teu código HTML para cada página onde pretendes ativar Pins detalhados dos produtos. Se estás a utilizar o Shopify, consulta as instruções abaixo, específicas para sites Shopify. Aqui estão os campos de Pins detalhados necessários para cada tipo de markup. Edita os campos em destaque de forma a refletirem os teus produtos.

Abrir markups Open Graph:
<meta property="og:title" content="de Young Copper Bookmark" />
<meta property="og:type" content="product" />
<meta property="og:price:amount" content="15.00" />
<meta property="og:price:currency" content="USD" />
 

Markups Schema.org:

<div itemscope itemtype="https://schema.org/Product">

<meta itemprop="name" content="de Young Copper Bookmark" />
<meta itemprop="url" content="https://shop.famsf.org/do/product/BK5160" />
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="price">.00</span>
<meta itemprop="priceCurrency" content="USD” />
<meta itemprop="availability" itemtype="https://schema.org/ItemAvailability"
</div>
 

2. Utiliza a nossa opção de validação de Pins detalhados para garantir que conseguimos ver os dados de Pins detalhados.

3. Se tudo estiver em ordem, clica em Solicitar agora. Quando fizeres o pedido, confirma se escolheste o tipo de markup correto. 

Estamos apenas a afixar Pins detalhados de produtos a partir de sites onde os podes adquirir. Isto significa que poderás comprar os produtos diretamente a partir do teu website e não a partir de outro.
 
Não precisas de adicionar qualquer marcação se o site for alojado através do:
  1. Shopify: ao invés disso, acede à nossa página de validação de Pins detalhados, cola a ligação do teu produto e adiciona ".oembed" ao final da ligação. Verás todas as informações sobre Pins detalhados do teu produto. Solicita Pins detalhados a partir desta página (certifica-te que ao fazer o pedido escolhes o Shopify).
  2. Etsy, Teachers Pay Teachers, eBay: os novos Pins obtidos a partir destes sites terão informações sobre o produto num prazo de 24 horas. 

Visita a nosso site de Programadores para mais informações. 

Article Pins Article Pins
Os Pins de artigo permitem-te mostrar o título ou as notícias principais, a descrição, e o autor do artigo ou publicação do blogue.
 
Para afixar Pins detalhados no teu site:

1. Adiciona markups Open Graph ou  Schema.org entre a secção <head> </head> do teu código HTML para cada página onde pretendes ativar Pins detalhados dos artigos. Aqui estão os campos de Pins detalhados necessários para cada tipo de markup. Edita os campos em destaque de forma a refletirem os teus artigos.

Abrir markups Open Graph: 
<meta property="og:title" content="Nome do teu artigo"/>
<meta property="og:description" content="Descrição do teu artigo" />
<meta property="og:type" content="article" />
 
Markups Schema.org:
<meta property="og:site_name" content="Exemplo de site” />
<div itemscope itemtype="https://schema.org/Article">
    <meta itemprop="url" content="https://www.example.com/2013/10/article.html" />
    <span itemprop="name" content="Nome do artigo” /> by <span itemprop="author" content="Johh Doe” />
    <span itemprop="description">Uma descrição ou resumo do artigo.</span>
    </div>
  1. Utiliza a nossa validação dos Pins detalhados para te assegurares que vemos os dados dos Pins detalhados.
  2. Se tudo estiver em ordem, clica em Solicitar agora. Deves escolher as tags HTML quando fizeres o pedido.
Um artigo é uma página que contém texto, como um artigo de notícias ou uma publicação de um blogue. Não consideramos serem artigos, listicles ou páginas que tenham maioritariamente imagens e pouco texto. 
 
Visita a nosso site de Programadores para mais informações.
 

App Install Pins App Install Pins
Os Pins de apps apresentam um botão para Instalar que direciona os utilizadores de iOS à App Store, de forma a transferir a app.
 
Para criar um Pin de app:
  1. Na vista de álbuns, seleciona Afixar um Pin e depois carrega uma imagem de Pin a partir do teu computador ou dispositivo
  2. Carrega uma imagem de alta resolução, da tua app
  3. Edita o Pin para alterar o website para a tua página da App Store
Vê a App Store do Pinterest para bons exemplos de Pins de apps. Neste momento, apenas as apps dos EUA serão elegíveis para Pins de apps. Neste momento, os Pins de apps estão disponíveis apenas para apps dos EUA e só podem ser vistos em dispositivos iOS.

Recipe Pins Recipe Pins
Os Pins de receitas permitem adicionar um título, o número de doses, o tempo de cozedura, avaliações e uma lista de ingredientes para receitas do teu site. Podemos também dizer se é paleo, vegetariano, vegan ou sem glúten.
 
Para afixar Pins de receitas no teu site:

1. Adiciona markups Schema.org ou hrecipe entre a secção <head> </head> do teu código HTML para cada página onde pretendes ativar Pins detalhados de receitas. Aqui estão os campos de Pins detalhados necessários para cada tipo de markup. Edita os campos em destaque de forma a refletirem as tuas receitas. Nota: as Avaliações só têm suporte com marcações Schema.org e só irão aparecer em dispositivos iOS e Android por agora.

Markups Schema.org:
<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Smoothie de laranja, ananás e cenoura</span>
   <span itemprop="description">
    Descrição da receita.</span>
  <span itemprop="aggregateRating">
    A classificação agregada será apresentada aqui</span>
    <meta itemprop="url"
    <span itemprop="recipeYield">Serves 1</span>
    Ingredientes:
        <span itemprop="ingredients">ingrediente 1</span>,
        <span itemprop="ingredients">ingrediente 2</span>,
        <span itemprop="ingredients">ingrediente 3</span>,
        <span itemprop="ingredients">
    adiciona todos os tags de ingredientes necessários</span>.
    Instruções:
    <span itemprop="recipeInstructions">
    Coloca o ananás, gelo, sumo de laranja, cenoura e
    banana num liquidificador. Mistura até obteres uma consistência macia.</span>
</div>
 
Tags 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>Duração: <time class="dt-duration" datetime="1H">1 hora</time>,
     para <data class="p-yield" value="4">quatro pessoas</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Mistura todos os ingredientes.</li>
    </ol>
  </div>
</article>
 

2. Utiliza a nossa opção de validação de Pins detalhados para garantir que conseguimos ver os dados de Pins detalhados.

3. Se tudo estiver em ordem, clica em Solicitar agora. Deves escolher as tags HTML quando fizeres o pedido.

Visita a nosso site de Programadores para mais informações. 


Adicionar Pins detalhados à tua loja Shopify

  1. Acede ao URL de um produto específico no teu site Shopify  (esta é uma página que inclui um botão “Comprar” ou “Adicionar ao cesto”)
  2. Copia e cola o URL deste produto para a opção de validação de Pins detalhados e escreve .oembed no fim do URL do produto
  3. Clica em Validar
  4. Após surgir a pré-visualização, clica em Solicitar. Apenas tens de fazer o pedido com um URL de produto do teu site.
  5. Os teus Pins de produto transformar-se-ão em Pins detalhados em 24 horas

Perguntas frequentes:

Posso desativar os Pins detalhados no meu site?
Tenho de marcar todas as minhas páginas?
Tenho de fazer um pedido para cada uma das páginas do meu site?
Quando é que os meus Pins irão aparecer como Pins detalhados?
Vejo uma mensagem de erro ao solicitar Pins detalhados
Porque é que as minhas receitas não estão a aparecer como Pins detalhados?

Se não pretendes que os Pins do teu site incluam informação detalhada, adiciona apenas esta tag ao código HTML da secção principal das tuas páginas:

<meta name="pinterest-rich-pin" content="false" />

Sim, terás de adicionar metatags de Pins detalhados a qualquer página que pretendas que apareça como Pin detalhado no Pinterest. Não te esqueças que os Pins detalhados servem apenas para detalhes de produtos, artigos ou páginas de receitas em específico. Páginas como as de lar e categorias não deverão ser marcadas. Só tens de validar e aplicar com uma página marcada corretamente, para ativar os Pins detalhados para qualquer página que contenha metatags no teu website.


Não, apenas tens de fazer ao pedido com uma página do teu site. Depois de aprovarmos o pedido, iremos ativar os Pins detalhados em todo o teu site.

Depois da aprovação para Pins detalhados, os novos Pins do teu website aparecerão como Pins detalhados, se tiverem as tags corretas de produtos, artigos ou receitas.
 
Para Pins mais antigos, podem demorar várias semanas para que estes apareçam como Pins detalhados. 

Se estás a ver Não fomos capazes de recuperar quaisquer dados a partir do teu URL, é porque o tempo limite do Pinterest pode estar a terminar antes de conseguirmos criar um Pin no teu site. Infelizmente isto não é algo que possamos corrigir e normalmente acontece quando um site é lento. Este erro também aparece se o teu site bloquear pedidos de Serviços Web da Amazon (AWS). Terás de remover este bloqueio antes de solicitares os Pins detalhados.

Se estiveres a ver a mensagem Parece que falta alguma informação necessária no teu URL, é porque falta uma ou mais tags necessárias de Pins detalhados. Visita o nosso site para programadores para saberes que tags deves adicionar. 

Recentemente, deixámos de suportar o hrecipe microformat v1 para Pins detalhados de receitas, atualmente só suportamos o microformat v2. Para saber mais acerca do novo microformato, consulta esta ligação útil: http://microformats.org/wiki/h-recipe
 
Recomendamos a migração para as tags microformat v2 ou schema.org de forma a suportar os Pins detalhados de receitas no teu site. 


Nota: a partir de janeiro de 2017, o Pinterest deixará de suportar Pins detalhados de lugar e de filmes. Os Pins de lugar ou de filme existentes continuarão a aparecer normalmente no Pinterest.