Aktivera Rich Pins för webbplatsen

Rich Pins lägger till extra detaljer till pins från din webbplats. För närvarande finns det fyra slags Rich Pins: produkt, artikel, appinstallation och recept.


Lägg till Rich Pins på webbplatsen:

  1. Förbered din webbplats med metataggar eller en oEmbed-slutpunkt. Detta kan vara lite komplicerat rent tekniskt, så du kanske behöver få hjälp av din webbutvecklare. Du kan få snabba instruktioner för varje typ av Rich Pin nedan.
  2. Testa dina Rich Pins.
  3. Ansök om att få dem på Pinterest.

Om du vill ha fullständig dokumentation om Rich Pins för utvecklare  till vår webbplats för utvecklare.


Hämta instruktioner för varje typ av pin:

När du ansöker om Rich Pins bör du även markera webbplatsen enligt den typ av pin som är mest tillämplig. Om du till exempel har recept på webbplatsen lägger du till markeringen för receptpins, inte artikelpins.
 

Product Pins Product Pins
Produktpins visar pris, lagerstatus och produktbeskrivning för pins från din webbplats.
 
Så här lägger du till produktpins på din webbplats:

1. Lägg till Open Graph- eller Schema.org- kod mellan taggarna <head> </ head> i HTML-koden för varje sida där du vill aktivera produkten Rich Pins. Om du använder Shopify läser du instruktionerna nedan som är speciellt för Shopify-webbplatser. Här är de fält som krävs för Rich Pins för varje typ av kod. Redigera de markerade fälten för att återspegla dina produkter.

Open Graph-koder:
<meta property="og:title" content="de Young Copper Bookmark" />
<meta property="og:type" content="product" />
<meta property="og:price:amount" content="150.00" />
<meta property="og:price:currency" content="SEK" />
 

Schema.org-koder:

<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">SEK150.00</span>
<meta itemprop="priceCurrency" content="SEK” />
<meta itemprop="availability" itemtype="https://schema.org/ItemAvailability"
</div>
 

2. Använd vår Rich Pin-validator för att säkerställa att vi kan se Rich Pin-informationen.

3. Om allt ser bra ut klickar du på Verkställ. Se till att du väljer rätt kodtyp vid tillämpningen. 

Vi lägger endast till Rich Pins för produkter från webbplatser där det går att köpa de aktuella produkterna. Det vill säga att det måste vara möjligt att köpa produkten direkt från din webbplats, inte via en annan webbplats.
 
Du behöver inte lägga till någon märkning om värden för webbplatsen är:
  1. Shopify: Öppna valideringssidan för Rich Pins i stället. Klistra sedan in produktlänken och lägg till .oembed i slutet av länken så ser du all Rich Pin-information för produkten. Ansök om Rich Pins på den här sidan (välj Shopify när du ansöker).
  2. Etsy, Teachers Pay Teachers, eBay: Nya pins från de häs webbplatserna har produktinformation inom ett dygn. 

Titta på vår webbplats för utvecklare om du vill läsa mer. 

Article Pins Article Pins
I artikelpins visas rubriken eller titeln, en beskrivning samt författaren till artikeln eller blogginlägget.
 
Så här lägger du till artikelpins på din webbplats:

1. Lägg till Open Graph- eller Schema.org-kod mellan taggarna <head> </ head> i HTML-koden för varje sida där du vill aktivera artikel-Rich Pins. Här är de fält som krävs för Rich Pins för varje typ av kod. Redigera de markerade fälten så att de återspeglar dina artiklar.

Open Graph-koder: 
<meta property="og:title" content="Artikelns rubrik"/>
<meta property="og:description" content="Beskrivning av artikeln" />
<meta property="og:type" content="article" />
 
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.example.com/2013/10/article.html" />
    <span itemprop="name" content="Artikelrubrik” /> av <span itemprop="author" content="Johh Doe” />
    <span itemprop="description">En beskrivning eller sammanfattning av artikeln.</span>
    </div>
  1. Använd Rich Pins-validering  om du vill vi ser Rich Pins-data.
  2. Om det ser bra ut klickar du på Ansök nu. Välj HTML-taggar när du ansöker.
En artikel är en sida med text, till exempel en nyhetsartikel eller ett blogginlägg. Vi anser inte att listartiklar eller sidor med bilder men lite text är artiklar. 
 
 

App Install Pins App Install Pins
App-pins har knappen Installera som öppnar App Store för iOS-användarna så att de kan hämta din app.
 
Skapa en app-pin:
  1. Från anslagstavlan kan du välja Lägg till en Pin och ladda upp en pinbild från din dator eller enhet
  2. Överför en högupplöst bild av appen
  3. Justera Pinen för att ändra hemsidan till din butikssida för appar.
Kolla in App Store på Pinterest för bra exempel på App Pins. För tillfället kan App Pins endast användas för amerikanska appar.  Just nu är App Pins endast tillgängliga för amerikanska appar och kan bara ses på iOS-enheter.

Recipe Pins Recipe Pins
I receptpins går det att lägga till namn, portionsstorlek och en ingredienslista för recept på din webbplats. Det är även möjligt att ange om ett recept är paleovänligt, vegetariskt, veganskt eller glutenfritt.
 
Så här lägger du till receptpins på din webbplats:

1. Lägg till Schema.org- eller hrecipe-kod mellan taggarna <head> </ head> i HTML-koden för varje sida där du vill aktivera recept-Rich Pins. Här är de fält som krävs för Rich Pins för varje typ av kod. Redigera de markerade fälten så att de återspeglar dina recept. Observera att betygsättning endast stöds då Schema.org-kod används och kan för närvarande endast visas i iOS- och Androidenheter.

Schema.org-koder:
<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Smoothie med apelsin, ananas och morot</span>
   <span itemprop="description">
    Beskrivning av receptet.</span>
  <span itemprop="aggregateRating">
  Sammanlagt betyg visas här</span>
    <meta itemprop="url"
    <span itemprop="recipeYield">Serves 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 ingredienstaggar som du behöver</span>.
    Instruktioner:
    <span itemprop="recipeInstructions">
   Placera ananas, is, apelsinjuice, morot och
    banan i en mixer. Mixa tills den är slät. </span>
</div>
 
hrecipe tags:
<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>,
     ger <data class="p-yield" value="4">fyra portioner</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Börja med att blanda alla ingredienserna.</li>
    </ol>
  </div>
</article>
 

2. Använd vår Rich Pin-validator för att se till att vi kan se Rich Pin-informationen.

3. Om allt ser bra ut klickar du på Använd nu. Välj HTML-taggar när du börjar använda dina pins.

Titta på vår webbplats för utvecklare om du vill läsa mer. 


Lägg till Rich Pins till din Shopify Store

  1. Gå till en specifik produkts webbadress på din Shopify-sida (en sida som har en "Köp"- eller "Lägg i varukorgen"-knapp)
  2. Kopiera och klistra in produktens webbadress i vår Rich Pin-validator och skriv in .oembed i slutet av din produktadress
  3. Klicka på Validera
  4. Efter förhandsgranskningen klickar du på Verkställ. Du kan bara lägga till en enda produkt från din webbplats
  5. Du kommer att se din produkt bli en Rich Pin inom 24 timmar

Vanliga frågor:

Går det att inaktivera Rich Pins för webbplatsen?
Måste jag märka upp alla mina sidor?
Måste jag göra en ansökan för varje enskild sida på webbplatsen?
När visas mina pins som Rich Pins?
Jag får ett felmeddelande när jag ansöker om Rich Pins
Varför visas inte mina recept som Rich Pins?

Om du inte vill att pins på webbplatsen inkluderar rich-information, lägg till den här tagen i sidornas HTML-rubrikavsnitt:

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

Ja, du kommer att behöva lägga till Rich Pin-metataggar till en sida som du vill ska visas som Rich på Pinterest. Kom ihåg att Rich Pins endast är avsedda för specifika produktdetaljer, artiklar eller receptsidor. Sidor som hem och kategori ska inte markeras. Du behöver endast bekräfta och ansöka med en korrekt märkt uppsida för att möjliggöra Rich Pins för en sida som innehåller metataggar på din webbplats.


Nej, du behöver bara ansöka för en sida på webbplatsen. När vi har godkänt din ansökan aktiverar vi Rich Pins för hela webbplatsen. 

När du fått godkännande för Rich Pins visas nya pins från webbplatsen som Rich Pins om de har rätt produkt-, artikel- eller recepttagg.
 
Det kan ta ett par veckor innan äldre pins visas som Rich Pins. 

Om du ser Det gick inte att hämta data från din webbadress är det sannolikt Pinterest hinner göra timeout och att vi inte lyckas skapa någon pin på webbplatsen. Det här är tyvärr något vi inte kan åtgärda från vår sida och det händer vanligtvis om en webbplats är långsam. Felet visas även om webbplatsen blockerar begäranden från Amazon Web Services (AWS). Du måste ta bort blockeringen innan du ansöker om Rich Pins.

Om du ser Det verkar som om webbadressen saknar nödvändig information betyder det att du saknar en eller flera av de Rich Pin-taggar som krävs. Besök vår webbplats för utvecklare om du vill veta vilka taggar du bör lägga till. 

Vi slutade nyligen stöda hrecipe microformat v1 och stöder bara microformat v2 för Rich Pins som är recept. Om du vill läsa mer om det nya mikroformatet kan du öppna den här länken: http://microformats.org/wiki/h-recipe
 
Vi rekommenderar att du migrerar till taggarna microformat v2 eller schema.org för att stöda Rich Pins som är recept för din webbplats.  


Obs! Från och med januari 2017 stöder vi inte längre plats- och filmtyper. Alla befintliga pins med plats- eller filmtagg kommer att fortsätta att visas som vanligt på Pinterest.