Uitgebreide pins inschakelen voor je website

Met uitgebreide pins bevatten de pins van je website meer informatie. Momenteel zijn er vier soorten uitgebreide pins: voor producten, artikelen, apps en recepten.


Uitgebreide pins toevoegen aan je website:

  1. Voorzie je website van metatags of een oEmbed-endpoint. Dit kan wat ingewikkeld worden, dus neem eventueel contact op met de maker van je website. Hieronder vind je voor elke type uitgebreide pin korte instructies.
  2. Test je uitgebreide pins.
  3. Meld je aan om ze op Pinterest te krijgen.

Voor de volledige documentatie over uitgebreide pins ga je naar onze website voor ontwikkelaars.


Bekijk instructies voor elk soort pin:

Als je je aanmeldt voor uitgebreide pins, moet je je website inrichten voor het type pin dat het meest van toepassing is. Staat je website vol recepten? Voeg dan de tags voor receptpins toe en niet voor artikelpins.
 

Product Pins Product Pins
Productpins laten je toe de prijs, voorraadinformatie en productomschrijving toe te voegen aan pins van je website.
 
Zo kun je productpins toevoegen aan je website:

1. Voeg Open Graph- of Schema.org-tags toe tussen het gedeelte <head> </head> van je HTML-code voor elke pagina waarop je uitgebreide productpins wilt inschakelen. Gebruik je Shopify, bekijk dan de onderstaande instructies die specifiek voor Shopify-sites zijn bedoeld. Hier vind je de vereiste velden voor uitgebreide pins voor elk type tag. Bewerk de gemarkeerde velden voor je producten.

Open Graph-tags:
<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" />
 

Schema.org-tags:

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

2. Gebruik de pagina Uitgebreide pins valideren om te controleren of we alle gegevens kunnen uitlezen.

3. Klik op Nu aanmelden als alles er goed uitziet. Zorg ervoor dat je de juiste indeling kiest bij het aanmelden. 

We voegen alleen productpins toe van websites waar je die producten ook kunt kopen. Dat wil zeggen dat je de producten rechtstreeks vanaf jouw website moet aanbieden, niet via een andere website.
 
Je hoeft geen tags toe te voegen als je website wordt gehost door:
  1. Shopify: Bezoek onze pagina Uitgebreide pins valideren, plak de link van je product en voeg ".oembed" toe aan het einde van de link — alle gegevens van je product verschijnen dan. Je kunt je op dezelfde pagina aanmelden voor uitgebreide pins (kies wel Shopify bij het aanmelden).
  2. Etsy, Teachers Pay Teachers en eBay: Nieuwe pins die je toevoegt op deze websites bevatten binnen de 24 uur productinformatie.

Bezoek onze site voor ontwikkelaars voor meer informatie. 

Article Pins Article Pins
Artikelpins bevatten de kop of titel, de beschrijving en de auteur van je artikel of blogpost.
 
Zo kun je artikelpins toevoegen aan je website:

1. Voeg Open Graph- of Schema.org- tags toe tussen het gedeelte <head> </head> van je HTML-code voor elke pagina waarop je uitgebreide artikelpins wilt inschakelen. Hier vind je de vereiste velden voor uitgebreide pins voor elk type tag. Bewerk de gemarkeerde velden voor je artikelen.

Open Graph-tags: 
<meta property="og:title" content="Titel van je artikel"/>
<meta property="og:description" content="Beschrijving van je artikel" />
<meta property="og:type" content="article" />
 
Schema.org-tags:
<meta property="og:site_name" content="Voorbeeldsite” />
<div itemscope itemtype="https://schema.org/Article">
    <meta itemprop="url" content="https://www.example.com/2013/10/article.html" />
    <span itemprop="name" content="Titel artikel” /> by <span itemprop="author" content="Jan de Vries” />
    <span itemprop="description">Een beschrijving of samenvatting van het artikel.</span>
    </div>
  1. Gebruik de pagina Uitgebreide pins valideren om te controleren of we alle gegevens kunnen uitlezen.
  2. Klik op Nu aanmelden als alles er goed uitziet. Zorg ervoor dat je HTML-tags kiest bij het aanmelden.
Een artikel is een pagina die tekst bevat, zoals een nieuwsbericht of blogpost. Listicles en pagina's met voornamelijk afbeeldingen en weinig tekst worden niet als artikelen beschouwd.
 
Bezoek onze site voor ontwikkelaars voor meer informatie. 
 

App Install Pins App Install Pins
App-pins hebben een installeerknop waarmee iOS-gebruikers naar de App Store kunnen gaan om de app te downloaden.
 
Een app-pin maken:
  1. Klik vanuit de bordweergave op Een pin toevoegen en upload vervolgens een pinafbeelding vanaf je computer of toestel
  2. Upload een afbeelding van je app (met hoge resolutie)
  3. Bewerk de pin om de website te wijzigen naar je App Store-pagina
Bekijk de App Store op Pinterest voor goede voorbeelden van app-pins. Op dit moment kunnen alleen apps uit de Verenigde Staten worden gebruikt voor app-pins. App-pins zijn op dit moment alleen beschikbaar voor apps uit de Verenigde Staten en kunnen alleen worden bekeken op iOS-apparaten.

Recipe Pins Recipe Pins
Met receptpins bevatten de recepten van je website de titel, porties, bereidingstijd, beoordelingen en de benodigde ingrediënten. We kunnen ook laten zien of iets paleolithisch, vegetarisch, veganistisch of glutenvrij is.
 
Zo kun je receptpins toevoegen aan je website:

1. Voeg Schema.org- of hrecipe-tags toe tussen het gedeelte <head> </head> van je HTML-code voor elke pagina waarop je uitgebreide receptpins wilt inschakelen. Hier vind je de vereiste velden voor uitgebreide pins voor elk type tag. Bewerk de gemarkeerde velden voor je recepten. Let op: beoordelingen worden alleen ondersteund bij Schema-org-tags en worden alleen weergegeven op iOS- en Android-apparaten.

Schema.org-tags:
<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Smoothie met sinaasappel, ananas en wortel</span>
   <span itemprop="description">
    Beschrijving van je recept.</span>
  <span itemprop="aggregateRating">
    De gemiddelde beoordeling.</span>
    <meta itemprop="url"
    <span itemprop="recipeYield">Serves 1</span>
    Ingrediënten:
        <span itemprop="ingredients">ingrediënt 1</span>,
        <span itemprop="ingredients">ingrediënt 2</span>,
        <span itemprop="ingredients">ingrediënt 3</span>,
        <span itemprop="ingredients">
    voeg zoveel ingrediënttags als nodig in</span>.
    Instructies:
    <span itemprop="recipeInstructions">
  Doe ananas, ijs, sinaasappelsap, wortel en
  banaan in een blender en mix tot een glad geheel.</span>
</div>
 
hrecipe-tags:
<article class="h-recipe">
  <h1 class="p-name">Bagels</h1>
  <ul>
    <li class="p-ingredient">Bloem</li>
    <li class="p-ingredient">Suiker</li>
    <li class="p-ingredient">Gist</li>
  </ul>
  <p>Bereidingstijd: <time class="dt-duration" datetime="1H">1 uur</time>,
     <data class="p-yield" value="4">vier personen</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Meng eerst alle ingrediënten door elkaar.</li>
    </ol>
  </div>
</article>
 

2. Gebruik de pagina Uitgebreide pins valideren om te controleren of we alle gegevens kunnen uitlezen.

3. Klik op Nu aanmelden als alles er goed uitziet. Zorg ervoor dat je HTML-tags kiest bij het aanmelden.

Bezoek onze site voor ontwikkelaars voor meer informatie. 


Uitgebreide pins toevoegen aan je Shopify-winkel

  1. Ga naar een specifieke product-URL op je Shopify-site (een pagina met de knop 'Buy' of 'add to bag')
  2. Kopieer en plak deze product-URL op de pagina Uitgebreide pins valideren en typ .oembed achter je product-URL
  3. Klik op Validate (Valideren)
  4. Klik nadat het voorbeeld is verschenen op Apply (Aanmelden). Je hoeft maar met één product-URL van je website aan te melden
  5. Binnen 24 uur worden je productpins uitgebreide pins

Meestgestelde vragen

Kan ik uitgebreide pins uitschakelen voor mijn website?
Moet ik de tags aan al mijn pagina's toevoegen?
Moet ik me apart aanmelden voor elke pagina van mijn website?
Wanneer worden mijn pins weergegeven als uitgebreide pins?
Ik zie een foutmelding als ik me aanmeld voor uitgebreide pins
Waarom verschijnen mijn recepten niet als uitgebreide pins?

Als je niet wilt dat de pins vanaf je site uitgebreide informatie meesturen, voeg je deze tag toe aan de <head> van je HTML:

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

Ja, je moet metatags voor uitgebreide pins toevoegen op elke pagina op Pinterest waarop je uitgebreide pins wilt weergeven. Uitgebreide pins zijn alleen bedoeld voor pagina's met productgegevens, een artikel of een recept. De tags hoeven niet te worden toegevoegd aan bijvoorbeeld startpagina's of pagina's met categorieën. Je hoeft maar één pagina met tags te valideren en in te dienen om uitgebreide pins in te schakelen voor alle pagina's met metatags op je website.


Nee, je hebt maar één pagina nodig voor je aanmelding. Zodra je aanmelding is goedgekeurd, werken uitgebreide pins overal op je website.

Nadat je aanmelding voor uitgebreide pins is goedgekeurd, worden nieuwe pins van je website automatisch als uitgebreide pins weergegeven als ze de juiste product-, artikel- of recepttags hebben.
 
Bij oudere pins kan het een paar weken duren voordat ze als uitgebreide pins worden weergegeven.

Zie je de melding We kunnen geen gegevens ophalen van je URL? Dan is er een time-outfout opgetreden bij het aanmaken van een pin op je website. Hier kunnen wij helaas niets aan doen en komt vaak voor wanneer een website langzaam is. Deze melding verschijnt ook als je website verzoeken van Amazon Web Services (AWS) blokkeert. Je zult deze blokkade moeten opheffen voordat je je aanmeldt voor uitgebreide pins.

Zie je de melding Het lijkt erop dat er verplichte gegevens ontbreken? Dan heb je misschien niet alle vereiste tags voor uitgebreide pins toegevoegd. Bezoek onze website voor ontwikkelaars om te zien welke tags je moet toevoegen.

Sinds kort ondersteunen we versie 1 van hrecipe microformat niet meer. Op dit moment bieden we alleen ondersteuning voor versie 2 van microformat voor receptpins. Bekijk voor meer informatie over het nieuwe microformat deze handige pagina: http://microformats.org/wiki/h-recipe
 
We raden aan dat je overstapt naar versie 2 van microformat of naar schema.org-tags zodat je receptpins op je site kunt gebruiken. 


Opmerking: vanaf januari 2017 worden locatie- en filmpins niet meer ondersteund. Bestaande locatie- en filmpins worden vanaf nu weergegeven als normale pins.