Włączanie Pinów rozszerzonych dla Twojej strony

Piny rozszerzone dodają dodatkowe informacje do Pinów z Twojej strony. Obecnie są cztery typy Pinów rozszerzonych: produkt, artykuł, instalacja aplikacji i przepis.


Aby dodać Piny rozszerzone w Twojej witrynie:

  1. Przygotuj swoją witrynę za pomocą metatagów lub punktu końcowego oEmbed. Aby to zrobić, być może będziesz potrzebować pomocy programisty, który specjalizuje się w technologiach internetowych. Poniżej znajdziesz krótkie instrukcje dotyczące poszczególnych typów Pinów rozszerzonych.
  2. Przetestuj swoje Piny rozszerzone.
  3. Zatwierdź, aby pojawiły się na Pintereście.

Pełna dokumentacja programistyczna Pinów rozszerzonych znajduje się na naszej stronie dla programistów.


Instrukcje dla każdego typu Pinów

Podczas zgłaszania Pina rozszerzonego, należy oznaczyć swoją stroną pod katem najbardziej odpowiedniego typu Pina. Jeśli masz na swojej stronie przepisy, dodaj markup dla Pinów przepisów, nie artykułów.
 

Product Pins Product Pins
Piny produktów pozwalają Ci pokazać cenę, stan magazynowy i opis produktu na Pinach z Twojej strony.
 
Aby dodać Piny produktów do swojej strony:

1. Dodaj znacznik Open Graph lub  Schema.org między znacznikami <head> i </head> w kodzie HTML każdej strony, na której chcesz włączyć Piny rozszerzone produktów. Jeśli używasz serwisu Shopify, poniżej znajdziesz instrukcje dotyczące stron Shopify. Poniżej przedstawiono pola Pinów rozszerzonych wymagane dla poszczególnych typów znaczników. Zmodyfikuj wyróżnione pola, wprowadzając informacje o produktach.

Znaczniki Open Graph:
<meta property="og:title" content="de Young Copper Bookmark" />
<meta property="og:type" content="product" />
<meta property="og:price:amount" content="15.00" />
<meta property="og:price:currency" content="USD" />
 

Znaczniki Schema.org:

<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"
</div>
 

2. Użyj weryfikatora Pinów rozszerzonych, aby mieć pewność, że dane Pinów rozszerzonych będą dostępne.

3. Jeśli wszystko wygląda OK, kliknij opcję Zastosuj teraz. W dalszej kolejności musisz wybrać właściwy typ znacznika. 

Dodajemy Piny rozszerzone produktów tylko ze stron, na których można kupić dane produkty. Oznacza to, że musisz móc kupić produkt bezpośrednio na tej stronie, a nie na innej.
 
Nie musisz dodawać żadnego markupu, jeśli Twoja strona jest hostowana przez:
  1. Shopify: Przejdź do strony weryfikatora, wklej link do swojego produktu i dodaj ".oembed" na końcu linku — zobaczysz wszystkie informacje Pina rozszerzonego dla Twojego produktu. Zgłoś się po Piny rozszerzone z tej strony (upewnij się, aby wybrać Shopify podczas zgłaszania).
  2. Etsy, Teachers Pay Teachers, eBay: Nowe Piny z tych witryn będą miały informacje dotyczące produktów w przeciągu 24 godzin.

Sprawdź naszą stronę dla programistów, aby dowiedzieć się więcej.

Article Pins Article Pins
Piny artykułów pozwalają Ci pokazać nagłówek lub tytuł, opis i autora artykułu lub posta na blogu.
 
Aby dodać Piny artykułów do Twojej strony:

1. Dodaj znacznik Open Graph lub  Schema.org między znacznikami <head> i </head> w kodzie HTML każdej strony, na której chcesz włączyć Piny rozszerzone artykułów. Poniżej przedstawiono pola Pinów rozszerzonych wymagane dla poszczególnych typów znaczników. Zmodyfikuj wyróżnione pola, wprowadzając informacje o artykułach.

Znaczniki Open Graph: 
<meta property="og:title" content="Tytuł artykułu"/>
<meta property="og:description" content="Opis artykułu" />
<meta property="og:type" content="article" />
 
Znaczniki Schema.org:
<meta property="og:site_name" content="Przykładowa witryna” />
<div itemscope itemtype="https://schema.org/Article">
    <meta itemprop="url" content="https://www.example.com/2013/10/article.html" />
    <span itemprop="name" content="Tytuł artykułu” /> by <span itemprop="author" content="John Doe” />
    <span itemprop="description">Opis lub streszczenie artykułu</span>
    </div>
  1. Skorzystaj z naszego weryfikatora Pinów rozszerzonych, aby mieć pewność, że widzimy dane z Pina rozszerzonego.
  2. Jeśli wszystko wygląda OK, kliknij Zastosuj teraz. Upewnij się, aby wybrać tagi HTML w tym momencie.
Artykuł to strona, która zawiera tekst, jak artykuł newsowy lub post na blogu. Nie uznajemy za artykuły treści będących listą oraz stron z przewagą obrazów i małą ilością tekstu.
 
Sprawdź naszą stronę dla programistów, aby dowiedzieć się więcej.
 

App Install Pins App Install Pins
Piny aplikacji mają przyciskInstalacyjny, który przenosi użytkowników iOS do App Store, gdzie mogą oni pobrać Twoją aplikację.
 
Aby utworzyć Pin aplikacji:
  1. W widoku tablicy wybierz opcję Dodaj Pina, a następnie prześlij obraz Pina z komputera lub innego urządzenia.
  2. Prześlij zdjęcie Twojej aplikacji w wysokiej rozdzielczości.
  3. Edytuj Pina, aby zmienić stronę na Twoją stronę w App Store.
Zapoznaj się ze świetnymi przykładowymi Pinami aplikacji dostępnymi w aplikacji App Store na Pintereście. Obecnie tylko amerykańskie aplikacje mogą być Pinami aplikacji. Piny aplikacji są na razie dostępne jedynie dla amerykańskich aplikacji i można z nich korzystać tylko na urządzeniach z systemem iOS.

Recipe Pins Recipe Pins
Piny przepisów pozwalają Ci dodać tytuł, rozmiar porcji, czas gotowania, oceny i listę składników do przepisów z Twojej strony. Możemy też określić, czy potrawa jest wegetariańska, wegańska, bezglutenowa lub pochodzi z diety paleo.
 
Aby dodać Piny przepisów do Twojej strony:

1. Dodaj znaczniki Schema.org lub hrecipe między znacznikami <head> i </head> w kodzie HTML każdej strony, na której chcesz włączyć Piny rozszerzone przepisów. Poniżej przedstawiono pola Pinów rozszerzonych wymagane dla poszczególnych typów znaczników. Zmodyfikuj wyróżnione pola, wprowadzając informacje o przepisach. Uwaga: oceny obsługiwane są za pomocą znaczników Schema.org i w obecnej chwili wyświetlane są tylko na urządzeniach z systemami iOS i Android.

Znaczniki Schema.org:
<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Koktail pomarańczowo-ananasowo-marchewkowy</span>
   <span itemprop="description">
    Opis przepisu</span>
  <span itemprop="aggregateRating">
    W tym miejscu pojawi się zagregowana ocena</span>
    <meta itemprop="url"
    <span itemprop="recipeYield">Serves 1</span>
    Składniki:
        <span itemprop="ingredients">składnik 1</span>,
        <span itemprop="ingredients">składnik 2</span>,
        <span itemprop="ingredients">składnik 3</span>,
        <span itemprop="ingredients">
    możesz dodawać kolejne tagi ze składnikami</span>.
    Przygotowanie:
    <span itemprop="recipeInstructions">
    Umieść w mikserze sok pomarańczowy i lód. Dodaj kawałki ananasa, marchewki i
    banana. Miksuj aż do uzyskania jednolitej konsystencji.</span>
</div>
 
Tagi hrecipe:
<article class="h-recipe">
  <h1 class="p-name">Obwarzanki</h1>
  <ul>
    <li class="p-ingredient">Mąka</li>
    <li class="p-ingredient">Cukier</li>
    <li class="p-ingredient">Drożdże</li>
  </ul>
  <p>Czas przygotowywania: <time class="dt-duration" datetime="1H">1 godzina</time>,
     porcja <data class="p-yield" value="4">dla czterech osób</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Najpierw zmiksuj wszystkie składniki.</li>
    </ol>
  </div>
</article>
 

2. Użyj weryfikatora Pinów rozszerzonych, aby mieć pewność, że dane Pinów rozszerzonych będą dostępne.

3. Jeśli wszystko wygląda OK, kliknij opcję Zastosuj teraz. W dalszej kolejności musisz wybrać tagi HTML.

Sprawdź naszą stronę dla programistów, aby dowiedzieć się więcej.


Dodawanie Pinów rozszerzonych do sklepu Shopify

  1. Przejdź do strony Shopify dotyczącej określonego produktu (jest to strona zawierająca przycisk „Kup” lub „Dodaj do koszyka”).
  2. Skopiuj adres URL tego produktu i wklej go do weryfikatora Pinów rozszerzonych, a następnie wpisz .oembed na końcu adresu URL produktu.
  3. Kliknij opcję Weryfikuj.
  4. Po wyświetleniu podglądu kliknij opcję Zastosuj. Musisz wykonać te czynności tylko dla jednego adresu URL produktu ze swojej witryny.
  5. Twoje Piny produktów zostaną przekształcone na rozszerzone w ciągu 24 godzin.

Najczęstsze pytania:

Czy mogę wyłączyć Piny rozszerzone na mojej stronie?
Czy muszę umieszczać markup na wszystkich stronach?
Czy muszę zgłaszać każdą pojedynczą stronę w witrynie?
Kiedy moje Piny pokażą się jako Piny rozszerzone?
Widzę komunikat o błędzie przy zgłaszaniu Pinów rozszerzonych.
Dlaczego moje przepisy nie pojawiają się jako Piny rozszerzone?

Jeśli nie chcesz, aby Piny z Twojej strony zawierały informacje rozszerzone, po prostu dodaj ten tag HTML w sekcjach nagłówka Twoich stron:

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

Tak, musisz dodać metatag Pinów rozszerzonych do każdej strony, jeśli chcesz, żeby ta wyświetlała się jako Pin rozszerzony. Pamiętaj, że Piny rozszerzone przeznaczone są tylko do określonych stron dotyczących szczegółów produktu, artykułów lub przepisów. Strona główna oraz strony kategorii nie powinny posiadać markupu. Musisz przeprowadzić weryfikację i przesłać zgłoszenie jednej strony z poprawnym markupem, aby uaktywnić Piny rozszerzone dla wszystkich stron z metatagami w Twojej witrynie.


Nie, musisz go umieścić tylko na jednej stronie w witrynie. Kiedy zatwierdzimy Twoje zgłoszenie, włączymy Piny rozszerzone w całej Twojej witrynie.

Po zatwierdzeniu Pinów rozszerzonych nowe Piny z Twojej witryny pojawią się jako Piny rozszerzone, jeśli mają właściwe tagi dla produktu, artykułu lub przepisu.
 
W przypadku starszych Pinów może upłynąć kilka tygodni zanim pojawią się jako Piny rozszerzone.

Jeśli widzisz komunikat Nie byliśmy w stanie odbierać danych z adresu URL, znaczy to, że Pinterest przekracza limit czasu, zanim będzie w stanie utworzyć Pin na Twojej stronie. Niestety, to nie jest coś, co możemy naprawić po naszej stronie, i zwykle tak dzieje, gdy strona jest wolna. Błąd ten pojawia się również wtedy, gdy Twoja strona blokuje żądania witryny Amazon Web Services (AWS). Musisz usunąć tę blokadę przed zgłoszeniem Pinów rozszerzonych.

Jeśli widzisz komunikat Wygląda na to, że w Twoim URL brakuje wymaganych informacji, znaczy to, że brakuje tagów wymaganych do Pinów rozszerzonych. Odwiedź naszą witrynę dla programistów, aby dowiedzieć się, które tagi dodać.

Niedawno wstrzymaliśmy obsługę formatu hrecipe microformat v1 i obecnie wspieramy tylko microformat v2 dla Pinów rozszerzonych z przepisami. Aby dowiedzieć się więcej na temat nowego microformatu, zapoznaj się z tym linkiem: http://microformats.org/wiki/h-recipe
 
Zalecamy przejście do microformat v1 lub tagów schema.org, aby Twoja witryna mogła obsługiwać Piny rozszerzone z przepisami.


Uwaga: Od stycznia 2017 r. nie obsługujemy już Pinów rozszerzonych dla miejsc i filmów. Dotychczasowe Piny miejsc i filmów będą wyświetlały się na Pintereście jako normalne Piny.