Uitgebreide pins zijn pins die automatisch informatie van je website synchroniseren. Je herkent uitgebreide pins aan de extra informatie boven en onder de foto als je op de pin klikt. Als er iets verandert op de oorspronkelijke website, wordt de informatie bij de uitgebreide pin periodiek bijgewerkt.
Uitgebreide artikelpins en receptpins worden automatisch bijgewerkt om eventuele wijzigingen in je website weer te geven. Als je een uitgebreide recept- of artikelpin handmatig bewerkt, worden de uitgebreide metagegevens overschreven door de nieuwe informatie die je toevoegt.
Er worden alleen gegevens over je uitgebreide productpins weergegeven wanneer je aan de
Voeg tags toe aan je website om ervoor te zorgen dat je gegevens correct worden gesynchroniseerd. Als je producten, artikelen of recepten op je website hebt, moet je
Alle content van pagina's die de juiste metagegevens bevatten, worden automatisch als uitgebreide pins weergegeven wanneer je een nieuwe pin maakt. Bestaande pins die verwijzen naar pagina's met uitgebreide metatags zullen ook als uitgebreide pins worden weergegeven.
Opmerking: het kan tot 24 uur duren voordat de content van je website is gesynchroniseerd met je uitgebreide pin.
Als je gegevens voor uitgebreide pins van een specifieke pagina op je website wilt verwijderen, hoef je alleen maar deze tag toe te voegen aan de header van je pagina, vóór de afsluitende body-tag:
<meta name="pinterest-rich-pin" content="false" />Deze tag heeft alleen invloed op de metatags op de betreffende pagina. Op alle andere pagina's van je website blijven uitgebreide pins actief, tenzij je de tag daar ook toevoegt. Verwijder deze tag als je uitgebreide pins weer wilt inschakelen.
Receptpins maken het mogelijk een titel, portiegrootte, bereidingstijd, beoordelingen en een lijst met ingrediënten toe te voegen aan recepten van je site. Je kunt ook laten zien of een recept paleo, vegetarisch, veganistisch of glutenvrij is.
Receptpins aan je site toevoegen
Als je gegevens voor uitgebreide receptpins op je website wilt integreren, voeg je Schema.org- of h-recept-tags toe tussen het gedeelte <head> </head> van de HTML-code van elke pagina waarop je uitgebreide receptpins wilt inschakelen.
Zodra dit is gebeurd, zal ons systeem als het goed is informatie gaan tonen bij pins die verwijzen naar de pagina's waarvoor uitgebreide pins zijn ingeschakeld.
Receptbeoordelingen
Je kunt informatie over beoordelingen toevoegen aan uitgebreide receptpins. Voeg de benodigde metatag toe met de Schema.org-tags. Als je hulp nodig hebt bij de implementatie van beoordelingeninformatie op je website, bezoek je Schema.org of bekijk je deze voorbeeldpin om te zien hoe de pins van bettycrocker.com zijn opgezet.
Opmerking: informatie over beoordelingen kan alleen worden toegevoegd met de Schema.org-tag (en niet die van h-recipe). Informatie over beoordelingen is ook alleen zichtbaar op iOS- en Android-apparaten.
Schema.org- en h-recipe-tags
Hier vind je de vereiste velden voor uitgebreide pins voor elk type tag. Bewerk de velden in het zwart om je recepten weer te geven:
<div itemscope itemtype="https://schema.org/Recipe">
<span itemprop="name">
Sinaasappel-ananas-wortelsmoothie</span>
<span itemprop="description">
Beschrijving van je recept.</span>
<span itemprop="aggregateRating">
Samengevoegde beoordeling verschijnt hier</span>
<meta itemprop="url"
content="https://mijnreceptensite.com/ananas.html" />
<span itemprop="recipeYield">1 portie</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 er zo veel toe als je nodig hebt</span>.
Instructies:
<span itemprop="recipeInstructions">
Plaats de ananas, het ijs, de sinaasappelsap, de wortel
en de banaan in een blender. Blend zolang als nodig is.</span>
</div>
h-recipe-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>Duurt <time class="dt-duration" datetime="1H">1 uur</time>,
<data class="p-yield" value="4">Vier porties</data>.</p>
<div class="e-instructions">
<ol>
<li>Begin met het mixen van alle ingrediënten.</li>
</ol>
</div>
</article>
Bezoek onze website voor ontwikkelaars voor meer informatie.
Een artikel is een pagina die tekst bevat, zoals een nieuwsbericht of blogpost. 'Listicles' of pagina's met voornamelijk afbeeldingen en weinig tekst worden niet als artikels beschouwd.
Artikelpins toevoegen aan je website
Als je uitgebreide artikelpingegevens op je website wilt integreren, voeg je Open Graph- of Schema.org-tags toe tussen het gedeelte <head> </head> van de HTML-code van elke pagina waarop je uitgebreide artikelpins wilt inschakelen.
Zodra dit is gebeurd, zal ons systeem als het goed is informatie gaan tonen bij pins die verwijzen naar de pagina's waarvoor uitgebreide pins zijn ingeschakeld.
Open Graph- en Schema.org-tags
Hier vind je de vereiste velden voor uitgebreide pins voor elk type tag. Bewerk de velden met hoofdletters om je artikelen weer te geven.
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.voorbeeld.com/2013/10/artikel.html" />
<span itemprop="name" content="Artikeltitel” /> by <span itemprop="author" content="Jan Janssen” />
<span itemprop="description">Een beschrijving of samenvatting van het artikel.</span>
</div>
Bezoek onze site voor ontwikkelaars voor meer informatie.
Productpins zijn een type uitgebreide pin waarbij de meest actuele prijs, beschikbaarheid, producttitel en productbeschrijving van je website worden weergegeven. Een pin die binnen een Pinterest-productcategorie bij de best verkopende producten hoort (vergeleken met andere verkopers), kan het label 'Bestseller' krijgen. Er kan ook een label 'Populair' worden toegekend aan de meest aangeklikte productpins binnen een productcategorie op Pinterest.
Opmerking: Deze gegevens worden alleen bij je productpins weergegeven als je product op voorraad is, de prijs juist is, de gegevens recent zijn bijgewerkt en je voldoet aan onze richtlijnen voor verkopers.
Hoe je productpins kunt toevoegen aan je website
Productpins sturen mensen op Pinterest door naar je website, zodat ze daar je producten kunnen kopen. Je producten moeten dan wel rechtstreeks vanaf je website kunnen worden gekocht. Anders kun je de productpin niet aan Pinterest toevoegen.
Volg de onderstaande instructies of maak gebruik van Catalogi om productpins op je website te maken. Gebruik Catalogi om een gegevensbron van je producten te uploaden en productgroepen te maken om soortgelijke pins te groeperen. Alleen productpins die met behulp van Catalogi zijn gemaakt, kunnen als winkeladvertenties worden gesponsord.
Productpins toevoegen aan je website
Als je uitgebreide productpingegevens op je website wilt integreren, voeg je Open Graph- of Schema.org-tags toe tussen het gedeelte <head> </head> van de HTML-code van elke pagina waarop je productpins wilt inschakelen.
Zodra dit is gebeurd, zal ons systeem als het goed is informatie gaan tonen bij pins die verwijzen naar de pagina's waarvoor uitgebreide pins zijn ingeschakeld.
Open Graph- en Schema.org-tags
Hier vind je de vereiste velden voor uitgebreide pins voor elk type tag. Vervang de tekst met hoofdletters of de numerieke groene tekst door de gegevens van je producten.
Open Graph-tags:
<meta property="og:title" content="Koperen boekenlegger" />
<meta property="og:type" content="product" />
<meta property="product:price:amount" content="15.00" />
<meta property="product:price:currency" content="USD" />
Schema.org-tags:
<div itemscope itemtype="https://schema.org/Product">
<meta itemprop="name" content="Koperen boekenlegger" />
<meta itemprop="url" content="Https://winkel.famsf.org/do/product/BK5160" />
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="price">.00</span>
<meta itemprop="priceCurrency" content="EUR” />
<meta itemprop="availability" itemtype="https://schema.org/ItemAvailability"
content="https://schema.org/InStock" />
</div>
Je hoeft geen tags toe te voegen als je website wordt gehost door Etsy, Teachers Pay Teachers of eBay. Nieuwe pins van deze websites zullen binnen 24 uur productinformatie bevatten.
Bezoek onze site voor ontwikkelaars voor meer informatie.