Rich Pin -lisäykset ovat Pin-lisäyksiä, jotka synkronoivat sivustosi tiedot automaattisesti. Tunnistat Rich Pin -lisäykset siitä, että kuvan ylä- ja alapuolella näkyy lisätietoja, kun avaat lisäyksen. Jos sivustossa oleva tieto muuttuu, se päivitetään säännöllisesti myös Rich Pin -lisäykseen.
Artikkeli-Pin-lisäykset ja resepti-Pin-lisäykset päivitetään automaattisesti, kun muokkaat sivustossasi olevia tietoja. Jos muokkaat resepti- tai artikkeli-Pin-lisäystä Pinterestissä, lisäämäsi tiedot korvaavat metatiedot.
Pinterest näyttää tuote-Pin-lisäysten tiedot vain jos täytät Pinterestin
Voit lisätä sivustoosi tunnisteita, jotta tiedot synkronoituvat varmasti oikein. Jos sivustossasi on tuote-, artikkeli- tai reseptisisältöä, lisää
Sivujen sisältö, johon on lisätty oikeat metatunnisteet, näkyy Pinterestissä Rich Pin -lisäyksinä, kun luot uuden Pin-lisäyksen. Myös aiemmin luodut Pin-lisäykset, joissa on linkki tunnisteilla merkityille sivuille, alkavat näkyä Rich Pin -lisäyksinä.
Huom. Sivuston sisällön synkronointi Rich Pin -lisäykseen voi kestää jopa 24 tuntia.
Rich Pin -tietojen poistaminen tietyltä sivulta onnistuu tarvittaessa lisäämällä tämä tunniste sivun ylätunnisteeseen ennen body-lopputunnistetta:
<meta name="pinterest-rich-pin" content="false" />Tunniste vaikuttaa vain sivun Rich Pin -metatunnisteisiin, ei sivuston muuhun sisältöön. Se vaikuttaa sivustosi muihin sivuihin vain jos lisäät tunnisteen niihin. Voit ottaa Rich Pin -lisäykset uudelleen käyttöön poistamalla tunnisteen.
Resepti-Pin-lisäykset ovat kätevä tapa lisätä sivustostasi peräisin oleviin resepteihin lisätietoja, kuten ruuan nimi, annoskoko, valmistusaika, ainesluettelo ja arvosteluja. Voit lisätä reseptiin myös erikoisruokavalioon liittyvän merkinnän: paleoruokavalio, kasvisruokavalio, veganismi tai gluteeniton.
Resepti-Pin-lisäysten lisääminen sivustoon
Jos haluat integroida resepti-Pin-lisäysten tiedot sivustoosi, lisää Schema.org- tai h-recipe-merkinnät HTML-koodin <head>- ja </head>-tunnisteiden väliin jokaisella sivulla, jolla haluat ottaa käyttöön resepti-Pin-lisäykset.
Tämän jälkeen Pinterest alkaa täyttää Rich Pin -sisältöä näihin Pin-lisäyksiin, jotka on liitetty tällaisille sivuille.
Reseptien arvostelut
Voit halutessasi lisätä reseptien Rich Pin -lisäyksiin arvostelutietoja. Lisää tarvittava metatunniste Schema.org-merkinnällä. Jos tarvitset lisäohjeita arvostelujen toteuttamisesta, käy osoitteessa Schema.org tai tutustu tähän Pin-esimerkkiin, josta näet, miten toiminto on toteutettu sivustossa bettycrocker.com.
Huom. Arvostelutietojen lisääminen tulee tehdä Schema.org-merkinnällä (et siis voi käyttää hrecipe-merkintää). Arvostelutiedot näkyvät vain iOS- ja Android-laitteilla.
Schema.org- ja hrecipe-merkinnät
Tässä ovat kunkin merkintätyypin pakolliset Rich Pin -kentät. Muokkaa mustalla kirjoitetut tekstit vastaamaan reseptejäsi:
<div itemscope itemtype="https://schema.org/Recipe">
<span itemprop="name">
Orange-Pineapple-Carrot Smoothie</span>
<span itemprop="description">
Description of your recipe.</span>
<span itemprop="aggregateRating">
Aggregate rating will show here</span>
<meta itemprop="url"
content="https://myrecipesite.com/pineapple.html" />
<span itemprop="recipeYield">Serves 1</span>
Ingredients:
<span itemprop="ingredients">ingredient 1</span>,
<span itemprop="ingredients">ingredient 2</span>,
<span itemprop="ingredients">ingredient 3</span>,
<span itemprop="ingredients">
add as many ingredient tags as you need</span>.
Instructions:
<span itemprop="recipeInstructions">
Put the pineapple, ice, orange juice, carrot and
banana in a blender. Blend until smooth.</span>
</div>
hrecipe-tunniste:
<article class="h-recipe">
<h1 class="p-name">Bagels</h1>
<ul>
<li class="p-ingredient">Flour</li>
<li class="p-ingredient">Sugar</li>
<li class="p-ingredient">Yeast</li>
</ul>
<p>Takes <time class="dt-duration" datetime="1H">1 hour</time>,
serves <data class="p-yield" value="4">four people</data>.</p>
<div class="e-instructions">
<ol>
<li>Start by mixing all the ingredients together.</li>
</ol>
</div>
</article>
Kehittäjäsivustostamme selviää lisää.
Artikkeli on sivu, joka sisältää tekstiä, esimerkiksi uutisjuttu tai blogikirjoitus. Listoja tai enimmäkseen kuvia sisältäviä sivuja ei katsota artikkeleiksi.
Artikkeli-Pin-lisäysten lisääminen sivustoon
Jos haluat integroida artikkeli-Pin-lisäysten tiedot sivustoosi, lisää Open Graph- tai Schema.org-merkinnät HTML-koodin <head>- ja </head>-tunnisteiden väliin jokaisella sivulla, jolla haluat ottaa käyttöön artikkeli-Pin-lisäykset.
Tämän jälkeen Pinterest alkaa täyttää Rich Pin -sisältöä näihin Pin-lisäyksiin, jotka on liitetty tällaisille sivuille.
Open Graph- ja Schema.org-merkinnät
Tässä ovat kunkin merkintätyypin pakolliset Rich Pin -kentät. Muokkaa isolla alkukirjaimella kirjoitetut kentät vastaamaan artikkeleitasi.
Open Graph -merkinnät:
<meta property="og:title" content="Title of your Article"/>
<meta property="og:description" content="Description of your article" />
<meta property="og:type" content="article" />
Schema.org-merkinnät:
<meta property="og:site_name" content="Example Site” />
<div itemscope itemtype="https://schema.org/article">
<meta itemprop="url" content="Https://www.example.com/2013/10/article.html" />
<span itemprop="name" content="Article Title” /> by <span itemprop="author" content="Johh Doe” />
<span itemprop="description">A description or summary of the article.</span>
</div>
Kehittäjäsivustostamme selviää lisää.
Tuote-Pin-lisäykset ovat Rich Pin -lisäyksiä, jotka näyttävät sivustostasi tuotteen ajantasaisimman hinnan, saatavuuden, nimen ja kuvauksen. Joskus Pin-lisäyksessä saattaa näkyä esimerkiksi merkintä Myyntimenestys, jos tuote on ostetuimpien joukossa tietyssä tuoteluokassa, kun vertaillaan eri myyjien tuotteita, tai merkintä Suosittu, jos tuote on tuoteluokkansa napsautetuimpia tuotteita Pinterestissä.
Huom. Nämä tiedot näytetään vain, jos tuotetta on varastossa, hinta pitää paikkansa, Pinterest on päivittänyt tiedot hiljattain ja noudatat Pinterestin myyjien ohjeita.
Tuote-Pin-lisäysten lisääminen sivustolle
Tuote-Pin-lisäykset ohjaavat Pinterestin käyttäjät sivustollesi, josta he voivat ostaa tuotteitasi. Käyttäjän on siis pystyttävä ostamaan tuote suoraan sivustostasi ennen tuote-Pin-lisäyksen lisäämistä Pinterestiin.
Voit luoda tuote-Pin-lisäyksiä sivustoosi jäljempänä esitetyllä tavalla tai käyttämällä luetteloita. Luettelot-työkalulla voit ladata tuotteiden tietolähteen ja luoda tuoteryhmiä samanlaisille tuote-Pin-lisäyksille. Vain Luettelot-työkalulla luotuja tuote-Pin-lisäyksiä voidaan promota ostosmainoksina.
Tuote-Pin-lisäysten lisääminen sivustoon
Jos haluat integroida tuote-Pin-lisäysten tiedot sivustoosi, lisää Open Graph- tai Schema.org-merkinnät HTML-koodin <head>- ja </head>-tunnisteiden väliin jokaisella sivulla, jolla haluat ottaa käyttöön tuote-Pin-lisäykset.
Tämän jälkeen Pinterest alkaa täyttää Rich Pin -sisältöä näihin Pin-lisäyksiin, jotka on liitetty tällaisille sivuille.
Open Graph- ja Schema.org-merkinnät
Tässä ovat kunkin merkintätyypin pakolliset Rich Pin -kentät. Muokkaa isolla alkukirjaimella kirjoitetut vihreät tekstit tai numerot vastaamaan tuotteitasi.
Open Graph -merkinnät:
<meta property="og:title" content="De Young Copper Bookmark" />
<meta property="og:type" content="product" />
<meta property="product:price:amount" content="15.00" />
<meta property="product:price:currency" content="USD" />
Schema.org-merkinnät:
<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"
content="https://schema.org/InStock" />
</div>
Merkintää ei tarvitse lisätä, jos sivustoasi isännöi joku seuraavista: Etsy, Teachers Pay Teachers tai eBay. Näistä sivustoista tehtyihin uusiin Pin-lisäyksiin lisätään tuotetiedot vuorokauden kuluessa.
Kehittäjäsivustostamme selviää lisää.