資訊 Pin 是能自動同步網站資訊的 Pin。按一下 Pin 查看內容時,如果圖片上方和下方顯示額外資訊,就表示該 Pin 是資訊 Pin。原始網站的內容有所變動時,資訊 Pin 會定期更新,以反映變更內容。
文章資訊 Pin 和食譜資訊 Pin 會自動更新,以反映您對網站所做的編輯。在 Pinterest 平台上,如果您手動編輯食譜或文章資訊 Pin,您新增的資訊會覆寫資訊中繼資料。
唯有符合
為確保資料正確同步,您可為您的網站加入標籤。如果您的網站上有產品、文章或食譜內容,您必須在內容所在的頁面上
建立新 Pin 時,所有中繼標籤正確的頁面,其內容均會以資訊 Pin 的形式顯示。如果現有 Pin 所連結的頁面內含資訊中繼標籤,這些 Pin 也會顯示為資訊 Pin。
注意:網站內容最多可能需要 24 小時才會同步到您的資訊 Pin。
若想從網站的特定頁面中移除資訊 Pin 資料,請先將此標籤新增至頁面標頭,再關閉本文標籤:
<meta name="pinterest-rich-pin" content="false" />
此標籤只會覆寫該頁面上的資訊 Pin 中繼標籤。除非您將該標籤新增至個別頁面,否則網站上的所有其他頁面均不會受到影響。如果您想重新開啟資訊 Pin,請移除此標籤。
您可使用食譜 Pin,為您網站的食譜新增標題、份量、料理所需時間、評等和食材表。您也可以顯示食譜屬於原始飲食、蛋奶素、全素或無麩質料理。
將食譜 Pin 新增到您的網站上
如果您想將食譜資訊 Pin 的資料整合至您的網站,可針對您要啟用食譜資訊 Pin 的各個頁面,在 HTML 程式碼的 <head> </head> 區段間新增 Schema.org 或 h-recipe 標記。
完成後,系統就會開始為連結至已啟用資訊 Pin 的這些頁面導入資訊 Pin 內容。
食譜評等
您可以透過 Schema.org 標記加入所需的中繼標籤,為食譜資訊 Pin 新增評等資訊。如果您需要在網站上新增評等資訊的相關協助,請前往 Schema.org 或參考這個 Pin 範例,瞭解 bettycrocker.com 設定 Pin 的方式。
注意:您只能使用 Schema.org 標記 (而非 h-recipe) 來新增評等資訊,而且只有 iOS 和 Android 裝置會顯示評等資訊。
Schema.org 與 h-recipe 標記
以下為各標記類型所需的資訊 Pin 欄位,請依照您的食譜內容編輯黑色欄位:
<div itemscope itemtype="https://schema.org/Recipe">
<span itemprop="name">
柳橙香蕉胡蘿蔔冰沙</span>
<span itemprop="description">
食譜說明。</span>
<span itemprop="aggregateRating">
彙總評等會顯示在此處</span>
<meta itemprop="url"
content="https://myrecipesite.com/pineapple.html"/>
<span itemprop="recipeYield">1 人份</span>
食材:
<span itemprop="ingredients">食材 1</span>,
<span itemprop="ingredients">食材 2</span>,
<span itemprop="ingredients">食材 3</span>,
<span itemprop="ingredients">
依照所需的數量新增食材標籤</span>.
作法:
<span itemprop="recipeInstructions">
把鳳梨、冰塊、柳橙汁、紅蘿蔔
和香蕉放入果汁機中,攪打至綿密。</span>
</div>
h-recipe 標籤:
<article class="h-recipe">
<h1 class="p-name">貝果</h1>
<ul>
<li class="p-ingredient">麵粉</li>
<li class="p-ingredient">糖</li>
<li class="p-ingredient">酵母</li>
</ul>
<p>需要時間:<time class="dt-duration" datetime="1H">1 小時</time>,
份量:<data class="p-yield" value="4">4 人份</data>.</p>
<div class="e-instructions">
<ol>
<li>首先將所有材料混合攪拌。</li>
</ol>
</div>
</article>
如需瞭解詳細資訊,請瀏覽我們的開發人員網站。
文章是指內含文字的頁面,例如新聞報導或部落格貼文。我們認為,條列式文字或圖多字少的頁面不算是文章。
將文章 Pin 新增到您的網站上
如果您想將文章資訊 Pin 的資料整合至您的網站,可針對您要啟用文章資訊 Pin 的各個頁面,在 HTML 程式碼的 <head> </head> 區段間新增 Open Graph 或 Schema.org 標記。
完成後,系統就會開始為連結至已啟用資訊 Pin 的這些頁面導入資訊 Pin 內容。
Open Graph 和 Schema.org 標記
以下為各標記類型所需的資訊 Pin 欄位。請依照您的文章內容編輯大寫欄位。
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" />
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” />作者<span itemprop="author" content="Johh Doe” />
<span itemprop="description">此文章的摘要或描述</span>
</div>
如需瞭解詳細資訊,請瀏覽我們的開發人員網站。
產品 Pin 是一種資訊 Pin,能展示同步自您網站的最新價格、供應情況、產品標題和說明。有時,如果您的 Pin 是不同商家 Pinterest 產品分類中最多使用者購買的品項,您的 Pin 就會顯示「暢銷商品」徽章。或者,如果您的 Pin 在 Pinterest 產品分類中擁有名列前茅的點選瀏覽次數,則會顯示「熱門」徽章。
附註:唯有產品還有庫存、價格正確、最近資料剛剛更新,而且您符合商家準則的規定時,您的產品 Pin 才會顯示此資訊。
將產品 Pin 新增至您網站的理由和方法
產品 Pin 可將 Pinterest 使用者引導至您的網站,使其可以購買您的產品。換句話說,使用者必須能夠直接在您的網站上購買產品,您才能在 Pinterest 新增產品 Pin。
您可以依照下方說明在網站上建立產品 Pin,或利用目錄來建立。您可使用目錄上傳產品的資料來源,並建立產品群組,將類似的產品 Pin 放在同一群組。只有使用目錄建立的產品 Pin 可以透過購物廣告來宣傳。
將產品釘圖新增至您的網站上
如果您想將產品資訊 Pin 的資料整合至您的網站,可針對您要啟用產品資訊 Pin 的各個頁面,在 HTML 程式碼的 <head> </head> 區段間新增 Open Graph 或 Schema.org 標記。
完成後,系統就會開始為連結至已啟用資訊 Pin 的這些頁面導入資訊 Pin 內容。
Open Graph 和 Schema.org 標記
以下為各標記類型所需的資訊 Pin 欄位。請依照您的產品資訊編輯大寫或綠色的數字文字。
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" />
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>
如果您的網站是由 Etsy、Teachers Pay Teachers 或 eBay 託管,您不必新增任何標記。來自這些網站的新 Pin 會在 24 小時內取得產品資訊。
如需瞭解詳細資訊,請瀏覽我們的開發人員網站。