資訊 Pin 是能自動同步網站資訊的 Pin。按一下 Pin 查看內容時,如果圖片上方和下方顯示額外資訊,就表示該 Pin 是資訊 Pin。原始網站的內容有所變動時,資訊 Pin 會定期更新,以反映變更內容。

資訊 Pin 類型
  • 食譜資訊 Pin可讓您將標題、份量大小、烹調時間、評等、飲食偏好和食材表新增至您從網站儲存的食譜。
  • 文章資訊 Pin 可讓您從網站新增文章或部落格貼文的標題、說明和作者。
  • 產品資訊 Pin可在 Pin 右側顯示最新價格、供應情況和產品資訊。
  • 資訊同步運作方式

    文章資訊 Pin 和食譜資訊 Pin 會自動更新,以反映您對網站所做的編輯。在 Pinterest 平台上,如果您手動編輯食譜或文章資訊 Pin,您新增的資訊會覆寫資訊中繼資料。

    唯有符合商家準則的規定,而且產品數量充足的情況下,畫面上才會顯示產品資訊 Pin 的相關資訊。

    為網站加入標籤

    為確保資料正確同步,您可為您的網站加入標籤。如果您的網站上有產品、文章或食譜內容,您必須在內容所在的頁面上新增資訊中繼標籤

    建立新 Pin 時,所有中繼標籤正確的頁面,其內容均會以資訊 Pin 的形式顯示。如果現有 Pin 所連結的頁面內含資訊中繼標籤,這些 Pin 也會顯示為資訊 Pin。

    注意:網站內容最多可能需要 24 小時才會同步到您的資訊 Pin。

    移除資訊 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 小時內取得產品資訊。

    如需瞭解詳細資訊,請瀏覽我們的開發人員網站

    End of Other articles Links
    仍需要協助? 請與我們聯繫
    User feedback
    這篇文章是否對您有幫助?

    collection_fields

    我們能如何改善此文章?