Rich Pins är pins som automatiskt synkroniserar information från din webbplats. Du kan identifiera Rich Pins genom extra information ovanför och under bilden när du klickar på en pin. Om något ändras på den ursprungliga webbplatsen kommer din Rich Pin att uppdateras regelbundet för att återspegla denna ändring.
Rich Pins med artiklar och Rich Pins med recept uppdateras automatiskt för att återspegla alla ändringar som du gör på din webbplats. Om du gör en manuell redigering av en Rich Pin med recept eller artiklar kommer den nya informationen du lägger till att skriva över metadatan.
Vi kommer endast att visa information för din Rich Pin med produkt om du uppfyller våra
För att säkerställa att dina data synkroniseras korrekt lägger du till taggar på din webbplats. Om du har produkt-, artikel- eller receptinnehåll på din webbplats måste du
Allt innehåll från sidor med korrekta metataggar visas som Rich Pins när du skapar en ny pin. Befintliga pins som länkar tillbaka till sidor med rika metataggar kommer nu att visas som Rich Pins.
Obs! Det kan ta upp till 24 timmar innan innehållet från din webbplats synkroniseras med din Rich Pin.
Om du vill ta bort Rich Pin-data från en specifik sida på din webbplats lägger du till denna tagg i header-blocket på sidan innan den avslutande body-taggen:
<meta name="pinterest-rich-pin" content="false" />
Denna tagg skriver endast över metataggarna för Rich Pins på den sidan. Alla andra sidor på din webbplats förblir opåverkade om du inte lägger till taggen på de sidorna. Om du någonsin vill aktivera Rich Pins igen tar du bara bort taggen.
I recept-pins går det att lägga till namn, portionsstorlek och en ingredienslista för recept från din webbplats. Du kan även visa om ett recept är paleo, vegetariskt, veganskt eller glutenfritt.
Lägg till receptpins på din webbplats
Om du vill integrera data från Rich Pins med recept på din webbplats lägger du till Schema.org- eller h-recipe-kod mellan taggarna <head> </head> i HTML-koden för varje sida där du vill aktivera Rich Pins med recept.
När detta är klart bör vårt system börja visa Rich Pin-innehåll för pins som är länkade till dessa Rich Pin-aktiverade sidor.
Receptbetyg
Du kan lägga till betygsinformation på dina Rich Pins med recept. För att göra detta måste du lägga till meta-taggen som behövs via Schema.org-kod. Om du behöver hjälp med att implementera betygsinformation på din webbplats kan du besöka Schema.org eller ta en titt på denna exempel-pin för att se hur bettycrocker.com har konfigurerat sin pin.
Obs! Betygsinformation kan endast läggas till med Schema.org-kod (inte h-recipe) och betygsinformation visas endast på iOS- och Android-enheter.
Schema.org- och h-recipe-koder
Här är de Rich Pins-fält som krävs för varje typ av kod. Redigera fälten i svart för att återspegla dina recept:
<div itemscope itemtype="https://schema.org/Recept">
<span itemprop="name">
Apelsin-Ananas-Morot-Smoothie</span>
<span itemprop="description">
Beskrivning av ditt recept.</span>
<span itemprop="aggregateRating">
Sammanslaget betyg visas här</span>
<meta itemprop="url"
content="https://minarecept.com/ananas.html" />
<span itemprop="recipeYield">Portioner 1</span>
Ingredienser:
<span itemprop="ingredients">ingrediens 1</span>,
<span itemprop="ingredients">ingrediens 2</span>,
<span itemprop="ingredients">ingrediens 3</span>,
<span itemprop="ingredients">
lägg till så många ingrediens-taggar som du behöver</span>.
Instruktioner:
<span itemprop="recipeInstructions">
Häll ananas, is, apelsinjuice, morot och
banan i en mixer. Mixa tills blandningen är slät.</span ></div>
h-recipe-taggar:
<article class="h-recipe">
<h1 class="p-name">Bagels</h1>
<ul>
<li class="p-ingredient">Mjöl</li>
<li class="p-ingredient">Socker</li>
<li class="p-ingredient">Jäst</li>
</ul>
<p>Tar <time class="dt-duration" datetime="1H">1 timme</time>,
portioner <data class="p-yield" value="4">fyra personer</data>.</p>
<div class="e-instructions">
<ol>
<li>Börja med att blanda alla ingredienser.</li>
</ol>
</div>
</article>
Titta på vår webbplats för utvecklare för mer information.
En artikel är en sida med text, till exempel en nyhetsartikel eller ett blogginlägg. Vi anser inte att listartiklar eller sidor med bilder och lite text är artiklar.
Lägg till artikel-pins på din webbplats
Om du vill integrera data från Rich Pins med artiklar på din webbplats lägger du till Open Graph- eller Schema.org-kod mellan taggarna <head> </head> i HTML-koden för varje sida där du vill aktivera Rich Pins med artiklar.
När detta är klart bör vårt system börja visa Rich Pin-innehåll för pins som är länkade till dessa Rich Pin-aktiverade sidor.
Open Graph- eller Schema.org- koder
Här är de fält som krävs för Rich Pins för varje typ av kod. Redigera fälten med versaler så att de återspeglar dina artiklar.
Open Graph-koder:
<meta property="og:title" content="Titeln på din artikel"/>
<meta property="og:description" content="Beskrivning av din artikel" />
<meta property="og:type" content="artikel" />
Schema.org-koder:
<meta property="og:site_name" content="Exempel på webbplats” />
<div itemscope itemtype="https://schema.org/article">
<meta itemprop="url" content="Https://www.exempel.com/2013/10/article.html" />
<span itemprop="name" content="Artikeltitel” /> by <span itemprop="author" content="N Person” />
<span itemprop="description">En beskrivning eller sammanfattning av artikeln.</span>
</div>
Ta dig en titt på vår webbplats för utvecklare om du vill läsa mer.
Produkt-pins är en typ av Rich Pins som har aktuellt pris, tillgänglighet, produkttitel och beskrivning från din webbplats. I vissa fall kan din pin ha märket "Bästsäljare" om den är en av de mest köpta artiklarna inom en produktkategori på Pinterest hos olika säljare. Eller så kan den ha märket "Populärt" om den är en av de produkt-pins med flest klick inom en produktkategori på Pinterest.
Obs! Denna information visas endast på dina produkt-pins om din produkt finns i lager, om priset är korrekt, om vi har uppdaterat data nyligen och om du uppfyller våra riktlinjer för säljare.
Varför och hur du lägger till produkt-pins på din webbplats
Produkt-pins leder användare på Pinterest till din webbplats där de kan köpa dina produkter. Det betyder att de måste kunna köpa produkten direkt från din webbplats innan du kan lägga till en produkt-pin till Pinterest.
Du kan skapa produkt-pins på din webbplats enligt beskrivningen nedan eller genom att använda kataloger. Använd kataloger för att ladda upp en datakälla med dina produkter och skapa produktgrupper för att gruppera liknande produkt-pins. Endast produkt-pins som är skapade med kataloger kan annonseras som shoppingannonser.
Lägg till produktpins på din webbplats
Om du vill integrera Rich Pin-data för produkter på webbplatsen lägger du till Open Graph- eller Schema.org-koder mellan taggarna <head> </head> i HTML-koden för varje sida där du vill aktivera produkt-pins.
När detta är klart bör vårt system börja visa Rich Pin-innehåll för pins som är länkade till dessa Rich Pin-aktiverade sidor.
Open Graph- eller Schema.org- koder
Här är de fält som krävs för Rich Pins för varje typ av kod. Redigera texten med versaler eller gröna siffror så att de återspeglar dina produkter.
Open Graph-koder:
<meta property="og:title" content="De Young bokmärke i koppar" />
<meta property="og:type" content="produkt" />
<meta property="product:price:amount" content="15,00" />
<meta property="product:price:currency" content="USD" />
Schema.org-koder:
<div itemscope itemtype="https://schema.org/Produkt">
<meta itemprop="name" content="De Young bokmärke i koppar" />
<meta itemprop="url" content="Https://shop.famsf.org/do/product/BK5160" />
<div itemprop="offers" itemscope itemtype="https://schema.org/Erbjudande">
<span itemprop="price">,00</span>
<meta itemprop="priceCurrency" content="USD” />
<meta itemprop="availability" itemtype="https://schema.org/ItemAvailability"
content="https://schema.org/Lager" />
</div>
Du behöver inte lägga till någon kod om din webbplats finns på Etsy, Teachers Pay Teachers eller eBay. Nya pins från dessa platser kommer att ha produktinformation inom 24 timmar.
Ta dig en titt på vår webbplats för utvecklare om du vill läsa mer.