Piny rozszerzone to Piny, które automatycznie synchronizują informacje z Twojej witryny. Można je poznać po dodatkowych informacjach, które są widoczne nad i pod obrazem, gdy klikniesz Pina. Każda zmiana w witrynie źródłowej powoduje odpowiednią okresową aktualizację Pina rozszerzonego.
Będziemy automatycznie aktualizować Piny rozszerzone z artykułami oraz Piny rozszerzone z przepisami, aby odzwierciedlić wszelkie zmiany, które wprowadzasz w swojej witrynie. Po stronie Pinteresta, jeśli dokonasz ręcznej edycji rozszerzonego Pina przepisu lub artykułu, nowe informacje, które dodasz, zastąpią metadane rozszerzone.
Będziemy wyświetlać informacje dotyczące Pinów rozszerzonych produktu tylko wtedy, gdy spełnisz nasze
Aby zapewnić prawidłową synchronizację danych, dodaj tagi do swojej witryny. Jeśli w Twojej witrynie znajduje się produkt, artykuł lub przepis,
Wszystkie treści pochodzące ze stron zawierających prawidłowe metatagi będą pojawiać się jako Piny rozszerzone, gdy utworzysz nowego Pina. Istniejące Piny zawierające linki do stron z metatagami treści rozszerzonych także będą wyświetlane jako Piny rozszerzone.
Uwaga: synchronizacja treści z Twojej witryny z Pinem rozszerzonym może potrwać do 24 godzin.
Jeśli chcesz usunąć dane Pinów rozszerzonych z konkretnej strony w witrynie, dodaj ten tag w nagłówku strony przed tagiem zamykającym </body>:
<meta name="pinterest-rich-pin" content="false" />
Tag ten zastąpi metatagi Pinów rozszerzonych tylko na tej stronie i nie będzie miał wpływu na pozostałą część witryny, chyba że dodasz tag do poszczególnych stron. Aby ponownie włączyć Piny rozszerzone, usuń tag.
Piny z przepisami pozwalają dodać tytuł, rozmiar porcji, czas gotowania, oceny i listę składników do przepisów z Twojej witryny. Możesz też wskazać, że potrawa jest wegetariańska, wegańska, bezglutenowa lub odpowiednia dla osób stosujących dietę paleo.
Dodawanie Pinów przepisów do witryny
Jeśli chcesz zintegrować dane Pina rozszerzonego przepisu ze swoją witryną, dodaj znaczniki Schema.org lub h-recipe między <head> </head> sekcji kodu HTML każdej strony, na której chcesz włączyć Piny rozszerzone przepisu.
Gdy to zrobisz, nasz system powinien zacząć wypełniać Treści Pinów rozszerzonych dla Pinów powiązanych z tymi stronami z włączoną obsługą Pinów rozszerzonych.
Oceny przepisów
Do rozszerzonych Pinów przepisu można dodawać informacje o ocenach. W tym celu wystarczy dodać odpowiedni metatag za pomocą znaczników Schema.org. Jeśli chcesz wprowadzić funkcję ocen w swojej witrynie, odwiedź stronę Schema.org lub obejrzyj tego przykładowego Pina, aby dowiedzieć się, jak zrobili to twórcy witryny bettycrocker.com.
Uwaga: Informacje o ocenach można dodać tylko przy użyciu znaczników Schema.org (nie h-recipe). Będą one widoczne tylko na urządzeniach z systemami iOS i Android.
Znaczniki Schema.org i h-recipe
Poniżej przedstawiono pola Pinów rozszerzonych wymagane w przypadku poszczególnych typów znaczników. Edytuj wyróżnione na czarno pola, wprowadzając informacje o przepisach:
<div itemscope itemtype="https://schema.org/Recipe">
<span itemprop="name">
Koktajl pomarańczowo-ananasowo-marchewkowy</span>
<span itemprop="description">
Opis przepisu.</span>
<span itemprop="aggregateRating">
W tym miejscu pojawi się łączna ocena</span>
<meta itemprop="url"
content="https://myrecipesite.com/pineapple.html" />
<span itemprop="recipeYield">Porcja dla jednej osoby</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>.
Instrukcje:
<span itemprop="recipeInstructions">
Umieść w mikserze sok pomarańczowy i lód. Dodaj kawałki ananasa, marchewki
i banana. Miksuj do uzyskania jednolitej konsystencji.</span>
</div>
Tagi h-recipe:
<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 godz.</time>,
porcja dla <data class="p-yield" value="4">czterech osób</data>.</p>
<div class="e-instructions">
<ol>
<li>Najpierw zmiksuj wszystkie składniki.</li>
</ol>
</div>
</article>
Sprawdź naszą witrynę dla programistów, aby dowiedzieć się więcej.
Artykuł to strona, która zawiera tekst, na przykład artykuł informacyjny lub post na blogu. Za artykuły nie uznajemy list oraz stron zawierających głównie obrazy i mało tekstu.
Dodawanie Pinów artykułów do witryny
Jeśli chcesz zintegrować dane Pina rozszerzonego artykułu ze swoją witryną, dodaj znaczniki Open Graph lub Schema.org między znacznikami <head> </head> w kodzie HTML każdej strony, na której chcesz włączyć Piny rozszerzone artykułów.
Gdy to zrobisz, nasz system powinien zacząć wypełniać Treści Pinów rozszerzonych dla Pinów powiązanych z tymi stronami z włączoną obsługą Pinów rozszerzonych.
Znaczniki Open Graph i Schema.org
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="Title of your Article"/>
<meta property="og:description" content="Description of your article" />
<meta property="og:type" content="article" />
Znaczniki Schema.org:
<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” />, autor: <span itemprop="author" content="Johh Doe” />
<span itemprop="description">Opis lub streszczenie artykułu.</span>
</div>
Sprawdź naszą stronę dla programistów, aby dowiedzieć się więcej.
Piny produktowe to Piny rozszerzone prezentujące najbardziej aktualne informacje dotyczące ceny i dostępności produktu oraz tytuł i opis produktu z Twojej witryny. W niektórych przypadkach Pin może zostać oznaczony jako „Bestseller”, jeśli w swojej kategorii na Pintereście znajduje się wśród najczęściej kupowanych produktów od różnych sprzedawców. Może też zostać oznaczony jako „Popularny”, jeśli w danej kategorii na Pintereście jest jednym z najczęściej klikanych Pinów produktowych.
Uwaga: informacje te są widoczne w Pinach produktowych tylko wtedy, gdy masz dany produkt w magazynie, cena jest prawidłowa, dane zostały przez nas niedawno zaktualizowane, a Ty spełniasz nasze wytyczne dla sprzedawców.
Po co i w jaki sposób dodawać Piny produktowe do witryny?
Piny produktowe przekierowują użytkowników Pinteresta do Twojej witryny, gdzie mogą oni zakupić Twoje produkty. Oznacza to, że dany produkt musi być dostępny do kupienia bezpośrednio w witrynie, aby można było utworzyć Pina produktowego na Pintereście.
Piny produktowe w swojej witrynie możesz tworzyć zgodnie z poniższą instrukcją albo za pomocą katalogów. Skorzystaj z katalogów, aby przesłać źródło danych swoich produktów i utworzyć grupy produktów w celu połączenia podobnych Pinów produktowych w grupy. Tylko Piny produktowe utworzone przy użyciu katalogów można promować jako reklamy produktowe.
Dodawanie Pinów produktów do witryny
Jeśli chcesz zintegrować dane rozszerzonych Pinów produktowych ze swoją witryną, dodaj znaczniki Open Graph lub Schema.org między <head> </head> sekcji kodu HTML dla każdej strony, na której chcesz włączyć Piny produktowe.
Gdy to zrobisz, nasz system powinien zacząć wypełniać Treści Pinów rozszerzonych dla Pinów powiązanych z tymi stronami z włączoną obsługą Pinów rozszerzonych.
Znaczniki Open Graph i Schema.org
Poniżej przedstawiono pola Pinów rozszerzonych wymagane w przypadku poszczególnych typów znaczników. Zmodyfikuj wyróżniony wielkimi, zielonymi literami tekst lub liczby tak, aby odzwierciedlały informacje o produktach.
Znaczniki Open Graph:
<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" />
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"
content="https://schema.org/InStock" />
</div>
Jeśli Twoja witryna jest hostowana przez Etsy, Teachers Pay Teachers lub eBay, nie musisz dodawać żadnych znaczników. Nowe Piny z tych witryn będą zawierać informacje dotyczące produktów — pojawią się one w ciągu 24 godzin.
Sprawdź naszą stronę dla programistów, aby dowiedzieć się więcej.