Bővített pinek engedélyezése a weboldaladon

A bővített pinek különböző részletekkel egészítik ki a webhelyedről származó pineket. Jelenleg a bővített pinek négy fajtája használható: a termék-, a cikk-, az alkalmazástelepítési és a receptpinek.


Bővített pin hozzáadása a webhelyedhez:

  1. Add hozzá webhelyedhez a megfelelő metacímkéket vagy oEmbed végpontot. Ez a folyamat némi szaktudást igényel, ezért előfordulhat, hogy a webhelyed fejlesztőjének segítségét kell kérned. Gyors útmutatást a bővített pinek különböző típusaihoz az alábbiakban találsz.
  2. Teszteld bővített pinjeidet.
  3. Jelentkezz, hogy pinjeid kikerülhessenek a Pinterestre.

A bővített pinekre vonatkozó teljes fejlesztői dokumentációt fejlesztői oldalunkon tekintheted meg.


Útmutatások a pinek különböző típusaihoz:

Amikor jelentkezel a bővített pinekre, a leginkább megfelelő pintípus szerinti jelölőnyelvi kódot kell elhelyezned webhelyeden. Ha például a webhelyeden receptek találhatók, akkor a receptpinek jelölőnyelvi kódjára lesz szükséged, nem pedig a cikkpinekére.
 

Product Pins Product Pins
Az oldaladról származó termékpinek esetében megadhatod az árat, a készletre vonatkozó adatokat és a termék leírását.
 
Termékpinek hozzáadása weboldaladhoz:

1. Add meg az Open Graph vagy a Schema.org jelölőnyelvi kódot HTML-kódod <head> </head> elemei között minden olyan oldal esetében, amelyen engedélyezni szeretnéd a bővített pinek használatát termékeidhez. Ha a Shopify-t használod, olvasd el a kifejezetten Shopify-oldalakra vonatkozó utasításainkat. Az alábbiakban a különböző típusú jelölőnyelvi kódokhoz szükséges bővítettpin-mezőket találod. Szerkeszd a kiemelt mezőket termékeidnek megfelelően.

Open Graph jelölőnyelvi kódok:
<meta property="og:title" content="de Young Copper könyvjelző" />
<meta property="og:type" content="product" />
<meta property="og:price:amount" content="4300" />
<meta property="og:price:currency" content="HUF" />
 

Schema.org jelölőnyelvi kódok:

<div itemscope itemtype="https://schema.org/Product">

<meta itemprop="name" content="de Young Copper könyvjelző" />
<meta itemprop="url" content="https://shop.famsf.org/do/product/BK5160" />
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="price">4300 Ft</span>
<meta itemprop="priceCurrency" content="HUF” />
<meta itemprop="availability" itemtype="https://schema.org/ItemAvailability"
</div>
 

2. Bővített pineket érvényesítő eszközünkkel ellenőrizd, hogy biztosan látjuk-e a bővített pin adatait.

3. Ha minden rendben van, kattints a Jelentkezés most lehetőségre. A jelentkezés során ügyelj arra, hogy a megfelelő jelölőnyelvi kódot válaszd. 

Csak olyan weboldalakhoz lehet bővített pineket hozzáadni, amelyek lehetővé teszik a termék megvásárlását is. Ez azt jelenti, hogy biztosítanod kell a termék beszerzésének lehetőségét közvetlenül az oldaladról, másik oldal közbeiktatása nélkül.
 
Nem kell jelölőnyelvi kódot hozzáadnod, ha webhelyed az alábbi tárhelyszolgáltatók egyikénél található:
  1. Shopify: Látogass el inkább a Bővített pinek érvényesítése oldalra, illeszd be terméked linkjét, majd add hozzá a link végéhez az „.oembed” kifejezést. Így látni fogod az összes információt, amelyet a a bővített pin tartalmaz a termékedről. Jelentkezz a bővített pinekre erről az oldalról (ügyelj arra, hogy a művelet során a Shopifyt válaszd).
  2. Etsy, Teachers Pay Teachers, eBay: Az ezekről az oldalakról származó új pinekben 24 órán belül elérhetők lesznek a termékinformációk. 

Tekintsd meg fejlesztői oldalunkat, ha többet szeretnél megtudni. 

Article Pins Article Pins
A cikkpinekhez hozzáadhatod a főcímet vagy a címet, a cikk vagy blogbejegyzés leírását és a szerző nevét.
 
Cikkpinek hozzáadása weboldaladhoz:

1. Add meg az Open Graph vagy a Schema.org jelölőnyelvi kódot HTML-kódod <head> </head> elemei között minden olyan oldal esetében, amelyen engedélyezni szeretnéd a bővített pinek használatát cikkeidhez. Az alábbiakban a különböző típusú jelölőnyelvi kódokhoz szükséges bővítettpin-mezőket találod. Szerkeszd a kiemelt mezőket cikkeidnek megfelelően.

Open Graph jelölőnyelvi kódok: 
<meta property="og:title" content="Cikked címe"/>
<meta property="og:description" content="Cikked leírása" />
<meta property="og:type" content="article" />
 
Schema.org jelölőnyelvi kódok:
<meta property="og:site_name" content="Példaoldal” />
<div itemscope itemtype="https://schema.org/Article">
    <meta itemprop="url" content="https://www.example.com/2013/10/article.html" />
  <span itemprop="name" content="Cikk címe" /> írta: <span itemprop="author" content="Kovács János" />
  <span itemprop="description">A cikk leírása vagy összegzése.</span>
    </div>
  1. Bővített pineket érvényesítő eszközünkkel ellenőrizd, hogy biztosan látjuk-e a bővített pin adatait.
  2. Ha minden rendben van, kattints a Jelentkezés most lehetőségre. Ügyelj arra, hogy a jelentkezéskor a HTML címkék lehetőséget válaszd.
A cikk olyan oldal, amely szöveget tartalmaz. Ilyenek például az újságcikkek vagy blogbejegyzések. A listaszerű cikkeket („listicle”), valamint a kevés szöveget és sok képet tartalmazó oldalakat nem tekintjük cikknek. 
 
Tekintsd meg fejlesztői oldalunkat, ha többet szeretnél megtudni.
 

App Install Pins App Install Pins
Az alkalmazáspineken található Telepítés gomb az iOS-felhasználókat egyenesen a App Store-ba irányítja, ahol letölthetik az alkalmazást.
 
Alkalmazáspin létrehozása:
  1. A táblanézetben válaszd a Pin hozzáadása lehetőséget, majd töltsd fel a pinelni kívánt képet a számítógépedről vagy más készülékedről.
  2. Tölts fel egy nagy felbontású képet az alkalmazásodról.
  3. Módosítsd úgy a pint, hogy a webhely az App Store-beli oldalad legyen.
Az App Store Pinterest-oldalán remek példákat találhatsz az alkalmazáspinekre. Alkalmazáspinek egyelőre csak az Egyesült Államokban használt alkalmazásokból hozhatók létre, csak ezekhez érhetők el, és csak iOS-készülékeken jeleníthetőek meg.

Recipe Pins Recipe Pins
Az oldaladról származó receptpinek esetében megadhatod a címet, a mennyiséget, az elkészítési időt, az értékeléseket és a hozzávalók listáját. Feltüntethetjük azt is, ha egy recept a paleo, vegetáriánus, vegán vagy gluténmentes kategóriába tartozik.
 
Receptpinek hozzáadása weboldaladhoz:

1. Add meg a Schema.org vagy a hRecipe jelölőnyelvi kódot HTML-kódod <head> </head> elemei között minden olyan oldal esetében, amelyen engedélyezni szeretnéd a bővített pinek használatát a receptekhez. Az alábbiakban a különböző típusú jelölőnyelvi kódokhoz szükséges bővítettpinmezőket találod. Szerkeszd a kiemelt mezőket receptjeidnek megfelelően. Vedd figyelembe, hogy az Értékelések csak a Schema.org jelölőnyelvi kódok által támogatottak, és jelenleg csak iOS- és Android-eszközökön jeleníthetők meg.

Schema.org jelölőnyelvi kódok:
<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
  Narancs-ananász-répa smoothie</span>
   <span itemprop="description">
  A recepted leírása</span>
  <span itemprop="aggregateRating">
  Az összesített értékelés itt jelenik meg</span>
    <meta itemprop="url"
    <span itemprop="recipeYield">Serves 1</span>
  Hozzávalók:
    <span itemprop="ingredients">1. hozzávaló</span>,
    <span itemprop="ingredients">2. hozzávaló</span>,
    <span itemprop="ingredients">3. hozzávaló</span>,
    <span itemprop="ingredients">
   adj hozzá annyi hozzávalócímkét, amennyire csak szükséged van
   Elkészítés:
   <span itemprop="recipeInstructions">
   Tedd az ananászt, a jeget, a narancslevet, a répát és a
   banánt a turmixgépbe. Turmixold simára.</span>
</div>
 
hRecipe-címkék:
<article class="h-recipe">
 <h1 class="p-name">Édessütemények</h1>
  <ul>
   <li class="p-ingredient">liszt</li>
    <li class="p-ingredient">cukor</li>
  <li class="p-ingredient">élesztő</li>
  </ul>
  <p>Elkészítése <time class="dt-duration" datetime="1H">1 órát vesz igénybe</time>,
   Négy személy<data class="p-yield" value="4">számára elegendő</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Először keverd össze a hozzávalókat.</li>
    </ol>
  </div>
</article>
 

2. Bővített pineket érvényesítő eszközünkkel ellenőrizd, hogy biztosan látjuk-e a bővített pin adatait.

3. Ha minden rendben van, kattints a Jelentkezés most lehetőségre. Ügyelj arra, hogy a jelentkezéskor a HTML-címkék lehetőséget válaszd.

Tekintsd meg fejlesztői oldalunkat, ha többet szeretnél megtudni. 


Bővített pin hozzáadása a Shopify-áruházadhoz:

  1. Látogass el egy adott termék URL-címére a Shopify-oldaladon (ez az az oldal, ahol a „Buy” (Vásárlás) vagy az „add to bag” (Szatyorba teszem) gombok szerepelnek).
  2. Másold a termék URL-címét a Bővített pineket érvényesítő eszközünkbe, majd gépeld be a .oembed kifejezést a termék URL-címének végére.
  3. Kattints a Validate (Érvényesítés) lehetőségre.
  4. Az előnézet megjelenése után kattints az Apply (Jelentkezés) lehetőségre. Elegendő, ha egy terméked a webhelyedről származó URL-címével jelentkezel.
  5. Terméked pinjei 24 órán belül bővített pinekké alakulnak.

Gyakori kérdések:

Kikapcsolhatom a bővített pineket a weboldalamon?
Szükséges a jelölést hozzáadnom az összes oldalamhoz?
Külön kérelmet kell benyújtanom minden egyes oldalamhoz?
Mikor jelennek meg pinjeim bővített pinekként?
Hibaüzenet jelenik meg, amikor jelentkezni próbálok a bővített pinekre
Receptjeim miért nem bővített pinként jelennek meg?

Ha nem szeretnéd, hogy a webhelyedről származó pinek bővített információkat tartalmazzanak, add hozzá a következő címkét oldalaid HTML head szakaszához:

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

Igen, minden olyan oldalhoz hozzá kell adnod a bővített pines metacímkéket, amelyet bővített pinként szeretnél megjeleníteni. Ne feledd, hogy a bővített pinek csak speciális termékrészletekre, cikkekre és receptoldalakra vonatkozhatnak. Az olyan oldalakat, mint a kezdőlap és a kategória, nem kell felcímkézned. Csak egy helyesen felcímkézett oldalt kell jóváhagyatnod és leadnod ahhoz, hogy a webhelyeden a metacímkéket tartalmazó oldalak bármelyikén bővített pinek jelenhessenek meg.


Nem, elegendő webhelyed egyetlen oldalával kérelmezned. A jelentkezésed jóváhagyása után webhelyed egészéről engedélyezzük a bővített pineket. 

Miután jóváhagytuk a bővített pineket webhelyeden, az onnan származó új pinek bővített pinekként jelennek meg, amennyiben a megfelelő termék-, cikk- vagy receptcímkékkel rendelkeznek.
 
A régi pinek esetén beletelhet néhány hétbe, amíg bővített pinekként jelennek meg. 

Ha a Nem tudtunk adatok lekérni URL-címedről üzenetet látod, akkor ez valószínűleg azért van, mert a Pinterest túllépi az időkorlátot, mielőtt pint tudnánk készíteni webhelyeden. Sajnos, ezt a problémát mi nem tudjuk megoldani, mivel rendszerint a webhelyek lassúsága okozza. A hiba akkor is előfordulhat, ha webhelyed blokkolja az Amazon Web Services (AWS) kérelmeit. A bővített pinek kérelmezése előtt ki kell kapcsolnod a blokkolást.

Ha az URL-címed nem tartalmaz minden szükséges információt üzenetet látod, az arra utal, hogy a bővített pinekhez szükséges címkék közül legalább egy hiányzik a webhelyeden. Látogass el fejlesztői oldalunkra, ahol megtudhatod, milyen címkéket kell hozzáadnod. 

A hrecipe mikroformátum 1-es verziójának támogatását nemrégiben befejeztük. Jelenleg kizárólag a mikroformátum 2-es verziójának használatát támogatjuk a bővített receptpinek esetében. Az új mikroformátumról bővebb információt a következő linken találsz: http://microformats.org/wiki/h-recipe
 
Javasoljuk, hogy oldalad bővített receptpinjeinek támogatása érdekében térj át a 2-es verziójú mikroformátumra vagy a schema.org címkék használatára. 


Megjegyzés: 2017 januárjától nem támogatjuk a hely és a film típusú bővített pineket. A korábbi hely- és filmpinek a továbbiakban normál pinként jelennek Pinteresten.