A bővített pinek olyan pinek, amelyek automatikusan szinkronizálják a webhelyedről származó információkat. A bővített pineket az arra való kattintáskor, a kép alatt és felett megjelenő extra információról ismerheted meg. Ha változás történik az eredeti webhelyen, akkor meghatározott időközönként a bővített pin is ennek megfelelően frissül.
A cikkek és a receptek bővített pinjei automatikusan frissülnek, hogy tükrözzék a webhelyeden történt módosításokat. A Pinterest oldalán, ha manuálisan szerkeszted egy recept vagy egy cikk bővített pinjét, akkor a hozzáadott új információk felülírják a bővített metaadatokat.
Csak akkor jelenítünk meg információkat termékeid bővített pinjeiről, ha betartod
Az adatok megfelelő szinkronizálásának biztosítása érdekében adj hozzá címkéket a webhelyedhez. Ha van termékkel, cikkel vagy recepttel kapcsolatos tartalmad a webhelyeden, címkézd fel az adott weblapokat a
Új pin létrehozásakor a megfelelő metacímkéket tartalmazó oldalak összes tartalma bővített pinként jelenik meg. A bővített metacímkékkel felcímkézett oldalakra mutató meglévő pinek innentől bővített pinekként fognak megjelenni.
Megjegyzés: Akár 24 órát is igénybe vehet, amíg a webhelyedről származó tartalom szinkronizálódik a bővített pineddel.
Ha el szeretnéd távolítani bővített pinjeid adatait a webhelyed egy bizonyos oldaláról, csak add hozzá ezt a címkét az oldalad fejlécéhez a kódod zárócímkéje előtt:
<meta name="pinterest-rich-pin" content="false" />A címke csak az adott lap bővített pinjeinek metacímkéit fogja felülírni. A webhely többi lapjára nem lesz hatással, csak akkor, ha hozzáadod a címkét azokhoz a lapokhoz. Ha vissza szeretnéd állítani a bővített pineket, távolítsd el ezt a címkét.
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üntetheted azt is, ha egy recept a paleo, vegetáriánus, vegán vagy gluténmentes kategóriába tartozik.
Receptpinek hozzáadása a webhelyedhez
Ha integrálni szeretnéd a recepted bővített pinjének adatait a webhelyedhez, add hozzá a Schema.org vagy a h-recipe jelölőket a HTML-kódod <head> </head> szakasza között minden olyan oldal esetében, amelyen engedélyezni szeretnéd a receptek bővített pinjeinek használatát.
Amint ez megtörtént, rendszerünknek ki kell egészítenie a bővített pinekkel kapcsolatos tartalmakat, melyek a bővített pineket engedélyező oldalakra mutatnak.
Receptek értékelése
A receptjeid bővített pinjeihez értékeléseket adhatsz hozzá. Ehhez add meg a szükséges metacímkét a Schema.org jelölőnyelven keresztül. Ha segítségre van szükséged a webhelyed értékeléseinek hozzáadásához, keresd fel a Schema.org weboldalt, vagy nézd meg ezt a mintapint, hogy megtudd, a bettycrocker.com hogyan állította be a pinjét.
Megjegyzés: az értékeléseket csakis a Schema.org jelölőnyelvi kód segítségével adhatod hozzá (a h-recipe erre nem alkalmas), és kizárólag az iOs- és Android-eszközökön lesznek láthatóak.
Schema.org és h-recipe jelölőnyelvi kódok
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 fekete mezőket receptjeidnek megfelelően:
<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"
content="https://myrecipesite.com/pineapple.html" />
<span itemprop="recipeYield">1 adag</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 szükség van</span>.
Elkészítés:
<span itemprop="recipeInstructions">
Tedd az ananászt, a jeget, a narancslevet, a répát és
a banánt egy turmixgépbe. Turmixold csomómentesre.</span>
</div>
h-recipe-címkék:
<article class="h-recipe">
<h1 class="p-name">Bagel</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ési idő: <time class="dt-duration" datetime="1H">1 óra</time>,
Adag: <data class="p-yield" value="4">négy főre</data>.</p>
<div class="e-instructions">
<ol>
<li>Keverd össze az összes hozzávalót.</li>
</ol>
</div>
</article>
Tekintsd meg fejlesztői oldalunkat, ha többet szeretnél megtudni.
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.
Cikkpinek hozzáadása a webhelyedhez
Ha integrálni szeretnéd a cikked bővített pinjének adatait a webhelyedhez, add hozzá az Open Graphot vagy Schema.org jelölőket a HTML-kódod <head> </head> szakasza között minden olyan oldal esetében, amelyen engedélyezni szeretnéd a cikkek bővített pinjeinek használatát.
Amint ez megtörtént, rendszerünknek ki kell egészítenie a bővített pinekkel kapcsolatos tartalmakat, melyek a bővített pineket engedélyező oldalakra mutatnak.
Az Open Graph vagy a Schema.org jelölőnyelvi kódok megnyitása
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 nagybetűs 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="A cikk címe” /> – szerző: <span itemprop="author" content="Johh Doe” />
<span itemprop="description">A cikk ismertetése vagy összefoglalása.</span>
</div>
Tekintsd meg fejlesztői oldalunkat, ha többet szeretnél megtudni.
A termékpinek olyan bővített pinek, amelyek mindig a webhelyeden szereplő aktuális árat, elérhetőségi információkat, termékcímeket és leírásokat tükrözik. Adott esetben a pineden megjelenhet a „Legtöbbet eladott” jelvény, ha a különböző kereskedőknél ez az egyik legtöbbet értékesített termék egy bizonyos Pinterest-termékkategórián belül. A termék ehhez hasonlóan a „Népszerű” jelvényt is elnyerheti, ha egyike azoknak a termékpineknek, amelyek a Pinterest valamelyik termékkategóriáján belül a legtöbb kattintást zsebelték be.
Megjegyzés: Ez az információ csak akkor jelenik meg a termékpinjeidnél, ha a termékből van készleten, az ár pontos, az adatokat a közelmúltban frissítettük, és betartod a kereskedelmi irányelveinket.
Hogyan és miért érdemes hozzáadni pineket a webhelyedhez?
A termékpinek a webhelyedre irányítják a Pinterest-felhasználókat, ahol megvásárolhatják a termékeidet. Ez azt jelenti, hogy lehetségesnek kell lennie közvetlenül a webhelyedről megvásárolni a terméket ahhoz, hogy hozzáadhasd a termékpint a Pinteresthez.
A webhelyeden létrehozhatsz termékpineket az alábbiakban leírt módon vagy katalógusok használatával. A katalógusokkal feltölthetsz a termékeidről egy adatforrást, majd termékcsoportokat hozhatsz létre, hogy a hasonló pineket összerendezhesd. Csak a katalógusokkal létrehozott termékpinek reklámozhatók vásárlási hirdetésekként.
Termékpinek hozzáadása weboldaladhoz
Ha integrálni szeretnéd a terméked bővített pinjének adatait a webhelyedhez, add hozzá az Open Graph-ot vagy Schema.org jelölőket a HTML-kódod <head> </head> szakasza között minden olyan oldal esetében, amelyen engedélyezni szeretnéd a termékek bővített pinjeinek használatát.
Amint ez megtörtént, rendszerünknek ki kell egészítenie a bővített pinekkel kapcsolatos tartalmakat, melyek a bővített pineket engedélyező oldalakra mutatnak.
Az Open Graph vagy a Schema.org jelölőnyelvi kódok megnyitása
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 nagybetűs vagy számokat tartalmazó zöld színű szöveget a termékeidnek megfelelően.
Open Graph jelölőnyelvi kódok:
<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 jelölőnyelvi kódok:
<div itemscope itemtype="http://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>
Ha webhelyedet az Etsy, a Teachers Pay Teachers vagy az eBay üzemelteti, nincs szükség jelölőnyelvi kódra. Az ezekről a webhelyekről származó új pineken 24 órán belül megjelenik a termékinformáció.
Tekintsd meg fejlesztői oldalunkat, ha többet szeretnél megtudni.