Aktivace rozšířených pinů na vašem webu

Rozšířené piny obsahují více podrobností o pinech z vašeho webu. V tuto chvíli nabízíme čtyři typy rozšířených pinů: produkty, články, aplikace a recepty.


Přidat rozšířené piny na web:

  1. Připravte svůj web - přidejte značky metadat nebo konečný bod oEmbed. Jedná se o mírně technické záležitosti, proto se v případě potřeby obraťte na vývojáře svého webu. Stručné instrukce pro jednotlivé typy rozšířených pinů najdete níže.
  2. Otestovat rozšířené piny
  3. Chcete-li začít používat rozšířené piny, klikněte na tlačítko Požádat.

Kompletní dokumentaci rozšířených pinů naleznete na našem webu pro vývojáře.


Rady k jednotlivým typům pinů:

Pokud žádáte o rozšířené piny, měli byste na své stránky přidat kód, který odpovídá největší části používaných typů pinu. Jestliže máte na svém webu recepty, přidejte kód pro piny s recepty, nikoliv pro zpravodajské piny.
 

Product Pins Product Pins
U produktových pinů můžete uvést cenu, skladové zásoby a popis zboží přímo z webu.
 
Jak přidat produktové piny na web:

1. Přidejte značky Open Graph nebo Schema.org mezi tagy <head> a </head> do HTML kódu každé stránky, na níž chcete aktivovat rozšířené produktové piny. Používáte-li službu Shopify, přečtěte si níže specifické instrukce pro stránky využívající Shopify. Zde najdete povinná pole rozšířených pinů pro každý typ tagů. Upravte si označená pole tak, aby odpovídala vašim produktům.

Tagy Open Graph:
<meta property="og:title" content="Měděná záložka de Young" />
<meta property="og:type" content="product" />
<meta property="og:price:amount" content="150" />
<meta property="og:price:currency" content="CZK" />
 

Tagy Schema.org:

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

<meta itemprop="name" content="Měděná záložka de Young" />
<meta itemprop="url" content="https://shop.famsf.org/do/product/BK5160" />
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="price">150 Kč</span>
<meta itemprop="priceCurrency" content="CZK” />
<meta itemprop="availability" itemtype="https://schema.org/ItemAvailability"
</div>
 

2. Pomocí validátoru rozšířených pinů zkontrolujte, že se údaje o rozšířených pinech zobrazují správně.

Pokud vše vypadá v pořádku, klikněte na Požádat. Nezapomeňte vybrat správný značkovací jazyk.

Rozšířené piny produktů přidáváme pouze z webů, kde lze toto zboží koupit. Musí být tedy možné koupit produkt přímo z vašeho webu, nikoliv z jiných stránek.
 
Pokud jsou vaše stránky hostovány na následujících webech, nemusíte použít žádné značky:
  1. Shopify: Přejděte na stránku s validátorem rozšířených pinů, vložte odkaz na produkt a na konec odkazu přidejte „.oembed“ — zobrazí se všechny údaje rozšířeného pinu pro daný produkt. Na této stránce požádejte o rozšířené piny (a nezapomeňte vybrat možnost Shopify).
  2. Etsy, Teachers Pay Teachers, eBay: Produktové informace k novým pinům z těchto webů budou doplněny do 24 hodin.

Další informace najdete na našem webu pro vývojáře.

Article Pins Article Pins
Na zpravodajských pinech lze uvést titulek či nadpis, popis a autora článku či příspěvku na blogu.
 
Jak přidat zpravodajské piny na web:

1. Přidejte značky Open Graph nebo Schema.org mezi tagy <head> a </head> do HTML kódu každé stránky, na níž chcete aktivovat rozšířené zpravodajské piny. Níže najdete povinná pole rozšířených pinů pro každý typ tagů. Upravte si označená pole tak, aby odpovídala vašim článkům.

Tagy Open Graph: 
<meta property="og:title" content="Titulek článku"/>
<meta property="og:description" content="Popis, o čem je článek" />
<meta property="og:type" content="article" />
 
Tagy Schema.org:
<meta property="og:site_name" content="Vzorová stránka” />
<div itemscope itemtype="https://schema.org/Article">
    <meta itemprop="url" content="https://www.example.com/2013/10/article.html" />
    <span itemprop="name" content="Název článku” /> by <span itemprop="author" content="Jan Novák” />
    <span itemprop="description">Popis nebo shrnutí článku.</span>
    </div>
  1. Pomocí validátoru rozšířených pinů zkontrolujte, že se údaje o rozšířených pinech zobrazují správně.
  2. Pokud vše vypadá v pořádku, klikněte na Požádat. Při odesílání žádosti nezapomeňte vybrat HTML tagy.
Článek je stránka obsahující text, jako jsou novinky, články nebo příspěvek na blogu. Za články nepovažujeme texty typu listicle nebo stránky, které obsahují převážně obrázky.
 
Další informace najdete na našem webu pro vývojáře.
 

App Install Pins App Install Pins
Piny s aplikacemi mají tlačítko Instalovat , po jehož stisknutí uživatelé systému iOS přejdou do obchodu App Store, z něhož si můžou stáhnout vaši aplikaci.
 
Jak vytvořit pin s aplikací
  1. Na nástěnce vyberte Přidat pina nahrajte obrázek z počítače nebo jiného zařízaní.
  2. Nahrajte obrázek aplikace ve vysokém rozlišení.
  3. Upravte pin a změňte web na adresu své stránky v obchodě App Store.
Skvělé příklady pinů s aplikacemi najdete na profilu App Store na Pinterestu.Piny s aplikacemi lze zatím vytvářet jen pro aplikace z USA.Piny s aplikacemi lze zatím vytvářet jen pro aplikace z USA a lze je zobrazit jen na zařízeních s iOS.

Recipe Pins Recipe Pins
Na pinech s recepty lze uvést název, počet porcí, dobu přípravy a seznam surovin pro recepty z vašeho webu. Můžete také uvést, zda se jedná o recept typu paleo, vegetariánský, veganský nebo bez lepku.
 
Jak přidat piny s recepty na web:

1. Přidejte tagy Schema.org nebo hrecipe mezi tagy <head> a </head> do HTML kódu každé stránky, na níž chcete aktivovat rozšířené piny s recepty. Níže najdete povinná pole rozšířených pinů pro jednotlivé typy tagů. Upravte zvýrazněná pole tak, aby odpovídala vašim receptům. Připomínáme, že hodnocení podporuje pouze tag Schema.org a v současnosti se zobrazuje pouze v zařízeních se systémem iOS a Android.

Tagy Schema.org:
<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Pomerančovo-ananasovo-mrkvové smoothie</span>
   <span itemprop="description">
    Popis receptu.</span>
  <span itemprop="aggregateRating">
    Zde se zobrazí souhrnné hodnocení.</span>
    <meta itemprop="url"
    <span itemprop="recipeYield">Serves 1</span>
  Přísady:
        <span itemprop="ingredients">přísada 1</span>,
        <span itemprop="ingredients">přísada 2</span>,
        <span itemprop="ingredients">přísada 3</span>,
        <span itemprop="ingredients">
    přidejte tolik tagů pro přísady, kolik potřebujete</span>.
  Postup:
    <span itemprop="recipeInstructions">
  Ananas, led, pomerančovou šťávu, mrkev a
  banán dejte do mixéru. Rozmixujte do hladka.</span>
</div>
 
Tagy hrecipe:
<article class="h-recipe">
  <h1 class="p-name">Bagely</h1>
  <ul>
    <li class="p-ingredient">Mouka</li>
    <li class="p-ingredient">Cukr</li>
    <li class="p-ingredient">Kvasnice</li>
  </ul>
  <p>Takes <time class="dt-duration" datetime="1H">1 hodina</time>,
     serves <data class="p-yield" value="4">4 porce</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Nejprve smíchejte všechny ingredience.</li>
    </ol>
  </div>
</article>
 

2. Pomocí validátoru rozšířených pinů zkontrolujte, že se údaje o rozšířených pinech zobrazují správně.

Pokud vše vypadá v pořádku, klikněte na Požádat. Při odesílání žádosti nezapomeňte vybrat HTML tagy.

Další informace najdete na našem webu pro vývojáře.


Přidání rozšířených pinů do obchodu Shopify:

  1. Přejděte na URL konkrétního produktu na vaší stránce Shopify (to je stránka, na níž je tlačítko “Koupit” nebo “Přidat do košíku”).
  2. Zkopírujte a vložte URL produktu do validátoru rozšířených pinů a na konec URL produktu připište .oembed.
  3. Klikněte na Ověřit.
  4. Poté, co se objeví náhled, klikněte na Požádat. Lze žádat pouze s URL, na níž je jen jeden produkt.
  5. Pin se změní na rozšířený do 24 hodin.

Běžné otázky:

Mohu na svých stránkách vypnout rozšířené piny?
Musím přidat značky na všechny stránky?
Musím zaslat žádost pro každou jednotlivou stránku na webu?
Kdy se moje piny začnou zobrazovat jako rozšířené?
Při odesílání žádosti o rozšířené piny se zobrazuje chybové hlášení.
Proč se moje recepty nezobrazují v podobě rozšířených pinů?

Pokud nechcete, aby piny z vašeho webu obsahovaly rozšířené informace, jednoduše do hlavičky (párového tagu head) HTML kódu svých stránek přidejte tento tag:

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

Ano, na každou stránku, která se má na Pinterestu zobrazovat rozšířeně, musíte přidat metatagy rozšířených pinů. Nezapomeňte, že rozšířené piny jsou určeny pouze pro podrobnosti o konkrétním produktu, články nebo stránky s recepty. Značky byste neměli přidávat např. na domovskou stránku nebo stránku s kategoriemi. K tomu, abyste aktivovali rozšířené piny pro všechny stránky obsahující metatagy na vašem webu, stačí, když ověříte jednu stránku se správně přidanými tagy a odešlete žádost.


Žádost stačí odeslat pro jedinou stránku vašeho webu. Jakmile žádost schválíme, aktivujeme rozšířené piny pro celý web.

Po schválení žádosti se nové piny z vašeho webu začnou zobrazovat jako rozšířené. Předpokladem je, aby obsahovaly správné tagy pro daný produkt, článek nebo recept.
 
Převod starších pinů na rozšířené může trvat i několik týdnů.

Pokud se zobrazí hlášení Nepodařilo se načíst data z adresy URL, je možné, že vypršel časový limit pro vytvoření pinu na vašem webu. S touto situací bohužel nic nesvedeme. Obvykle nastává na pomalých webech. Hlášení se také zobrazuje, pokud vaše stránky blokují žádosti služby Amazon Web Services (AWS). V tomto případě je třeba, abyste blokování deaktivovali. Teprve pak budete moci požádat o rozšířené piny.

Jestliže se vám zobrazí hlášení „Na adrese URL chybí požadované informace“,chybí jeden nebo víc tagů nutných pro rozšířené piny. Navštivte náš web pro vývojáře.Dozvíte se, které tagy je třeba přidat.

Před nedávnem jsme přestali podporovat mikroformát h-recipe v1 a v tuto chvíli u rozšířených pinů s recepty podporujeme pouze mikroformát h-recipe v2. Další informace o novém mikroformátu najdete na tomto užitečném webu: http://microformats.org/wiki/h-recipe
 
Doporučujeme vám, abyste přešli buď na mikroformát h-recipe v2, nebo na tagy schema.org. Na svém webu si tak zajistíte podporu rozšířených pinů s recepty.


Upozornění: Od ledna 2017 již nepodporujeme polohové a filmové rozšířené piny. Všechny stávající polohové nebo filmové piny se na Pinterestu budou nadále zobrazovat jako běžné piny.