I Pin dettagliati sono Pin che si sincronizzano automaticamente con il tuo sito web. Puoi riconoscere i Pin dettagliati dalle informazioni aggiuntive che vedi sopra e sotto l'immagine quando fai clic sul Pin. Se viene modificato qualcosa sul sito di provenienza, i Pin dettagliati vengono aggiornati automaticamente riflettendo tali modifiche.
I Pin dettagliati di articoli e di ricette si aggiornano automaticamente per rispecchiare le modifiche che apporti al tuo sito. Su Pinterest, se modifichi manualmente un Pin dettagliato di una ricetta o di un articolo, le nuove informazioni sovrascriveranno i metadati dettagliati.
Mostreremo le informazioni relative al tuo Pin dettagliato di prodotti soltanto se soddisfi le nostre
Per garantire la sincronizzazione corretta dei dati, aggiungi dei tag al tuo sito. Se nel tuo sito sono disponibili contenuti relativi a prodotti, articoli o ricette, dovrai
Tutti i contenuti delle pagine che presentano meta tag corretti vengono visualizzate come Pin dettagliati quando crei un nuovo Pin. I Pin esistenti che rimandano alle pagine con meta tag dettagliati verranno visualizzati come Pin dettagliati.
Nota: potrebbero essere necessarie fino a 24 ore prima che i contenuti del tuo sito si sincronizzino con il tuo Pin dettagliato.
Se vuoi rimuovere i dati dei Pin dettagliati da una pagina specifica del tuo sito web, aggiungi questo tag nella parte superiore della pagina prima di chiudere il tag del testo:
<meta name="pinterest-rich-pin" content="false" />Il tag sostituirà i meta tag dei Pin dettagliati solo in tale pagina. Tutte le altre pagine del sito rimarranno invariate, a meno che tu non aggiunga il tag alle singole pagine. Se vuoi riattivare i Pin dettagliati, rimuovi questo tag.
I Pin di ricette ti consentono di aggiungere alle ricette del tuo sito un titolo, il numero di porzioni, i tempi di cottura, le valutazioni e un elenco degli ingredienti. Puoi anche mostrare se una ricetta è paleo, vegetariana, vegana o senza glutine.
Aggiungere le ricette al tuo sito
Se vuoi integrare i dati dei Pin dettagliati di ricette sul tuo sito, aggiungi i markup di Schema.org o h-recipe tra la sezione <head> </head> del tuo codice HTML per ogni pagina in cui vuoi abilitare i Pin dettagliati di ricette.
Fatto ciò, il nostro sistema dovrebbe iniziare a popolare il contenuto dei Pin per i Pin dettagliati collegati alle pagine abilitate.
Valutazione ricetta
Puoi aggiungere le informazioni di valutazione ai Pin dettagliati di ricette. Per far ciò, aggiungi i meta tag necessari attraverso il markup di Schema.org. Se hai bisogno di aiuto per migliorare le informazioni di valutazione sul tuo sito, visita Schema.org o dai un'occhiata a questo esempio di Pin per vedere come bettycrocker.com ha impostato il proprio Pin.
Nota: le valutazioni possono essere aggiunte solo attraverso il markup di Schema.org (not h-recipe) e saranno visibili soltanto sui dispositivi iOS e Android.
Schema.org e markup h-recipe.
Questi sono i campi richiesti dai Pin dettagliati per ciascun tipo di markup. Modifica i campi in nero che rispecchiano le tue ricette:
<div itemscope itemtype="https://schema.org/Ricetta">
<span itemprop="name">
Orange-Pineapple-Carrot Smoothie</span>
<span itemprop="description">
Descrizione della tua ricetta.</span>
<span itemprop="aggregateRating">
I rating totali saranno visibili qui</span>
<meta itemprop="url"
content="https://myrecipesite.com/pineapple.html" />
<span itemprop="recipeYield">Serves 1</span>
Ingredients:
<span itemprop="ingredients">ingredient 1</span>,
<span itemprop="ingredients">ingredient 2</span>,
<span itemprop="ingredients">ingredient 3</span>,
<span itemprop="ingredients">
add as many ingredient tags as you need</span>.
Istruzioni:
<span itemprop="recipeInstructions">
Aggiungi l'ananas, il ghiaccio, il succo d'arancia, le carote e
la banana in un mixer. Frulla finché non è omogeneo.</div>
tag h-recipe:
<article class="h-recipe">
<h1 class="p-name">Bagels</h1>
<ul>
<li class="p-ingredient">Flour</li>
<li class="p-ingredient">Sugar</li>
<li class="p-ingredient">Yeast</li>
</ul>
<p>Takes <time class="dt-duration" datetime="1H">1 hour</time>,
serves <data class="p-yield" value="4">four people</data>.</p>
<div class="e-instructions">
<ol>
<li>Start by mixing all the ingredients together.</li>
</ol>
</div>
</article>
Consulta il nostro sito per sviluppatori per ulteriori informazioni.
Un articolo è una pagina che contiene testo, ad esempio un articolo di notizie o un post di blog. Non consideriamo come articoli elenchi o pagine ricche di immagini ma povere di testo.
Aggiungere Pin di articolo al tuo sito
Se vuoi integrare i dati dei Pin dettagliati al tuo sito, aggiungi i markup di Open Graph o Schema.org tra la sezione <head> </head> del tuo codice HTML per ogni pagina su cui vuoi attivare i Pin dettagliati di articoli.
Fatto ciò, il nostro sistema dovrebbe iniziare a popolare il contenuto dei Pin per i Pin dettagliati collegati alle pagine abilitate.
Apri Graph e Schema.org markup
Questi sono i campi richiesti dai Pin dettagliati per ciascun tipo di markup. Modifica i campi in maiuscolo per rispecchiare i tuoi articoli.
Markup di Open Graph:
<meta property="og:title" content="Titolo del tuo articolo"/>
<meta property="og:description" content="Descrizione del tuo articolo" />
<meta property="og:type" content="article" />
Markup di Schema.org:
<meta property="og:site_name" content="Esempio Sito” />
<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” /> by <span itemprop="author" content="Johh Doe” />
<span itemprop="description">Una descrizione o un riassunto dell'articolo.</span>
</div>
Consulta il nostro sito per sviluppatori per ulteriori informazioni.
I Pin prodotto sono un tipo di Pin dettagliato che indica il prezzo più aggiornato, la disponibilità, il titolo e la descrizione del prodotto dal tuo sito. In alcuni casi, il tuo Pin potrebbe essere contrassegnato con il badge "Best seller" se, rispetto a quelli degli altri commercianti, è uno degli articoli più acquistati all'interno di una categoria di prodotti Pinterest. Oppure potrebbe essere classificato con il badge "Popolare" se è uno dei Pin prodotto più cliccati all'interno di una categoria di prodotti su Pinterest.
Nota: queste informazioni verranno visualizzate sui Pin prodotto solo se il prodotto è disponibile, il prezzo è accurato, abbiamo aggiornato i dati di recente e se soddisfi le nostre Linee guida per commercianti.
Come e perché aggiungere un Pin prodotto al tuo sito
I Pin prodotto portano gli utenti Pinterest sul tuo sito, dove potranno acquistare i tuoi prodotti. Questo significa che le persone devono essere in grado di acquistarli dal tuo sito prima di aggiungere il Pin prodotto a Pinterest.
Puoi creare Pin prodotto sul tuo sito come indicato di seguito o utilizzando i cataloghi. Usa i cataloghi per caricare una fonte dati dei tuoi prodotti e creare gruppi che includono dei Pin prodotto simili. Solo i Pin prodotto creati usando i cataloghi possono essere promossi come shopping ad.
Aggiungere Pin di prodotto sul sito
Se vuoi integrare i dati dei Pin dettagliati di prodotti sul tuo sito, aggiungi i markup di Open Graph o Schema.org tra la sezione <head> </head> del tuo codice HTML per ogni pagina in cui vuoi attivare i Pin prodotto.
Fatto ciò, il nostro sistema dovrebbe iniziare a popolare il contenuto dei Pin per i Pin dettagliati collegati alle pagine abilitate.
Apri Graph e Schema.org markup
Questi sono i campi richiesti dai Pin dettagliati per ciascun tipo di markup. Il testo in maiuscolo o quello numerico in verde rispecchiano i tuoi prodotti. Modificalo se necessario.
Markup di 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" />
Markup di 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>
Non è necessario aggiungere alcun markup se il tuo sito è su Etsy, Teachers Pay Teachers o eBay. I nuovi Pin da questi siti otterranno informazioni sul prodotto nel giro di 24 ore.
Consulta il nostro sito per sviluppatori per ulteriori informazioni.