ริชพินคือพินที่ซิงค์ข้อมูลจากเว็บไซต์ของคุณโดยอัตโนมัติ คุณจะรู้ว่าพินใดเป็นริชพินได้โดยดูจากข้อมูลเพิ่มเติมที่ด้านบนและด้านล่างของรูปเมื่อคลิกเข้าไปในพิน หากมีการเปลี่ยนแปลงในเว็บไซต์ต้นฉบับ ริชพินจะอัปเดตเป็นระยะเพื่อแสดงการเปลี่ยนแปลงนั้น
ริชพินบทความและริชพินสูตรอาหารจะอัปเดตโดยอัตโนมัติเพื่อแสดงการแก้ไขใดๆ ที่คุณทํากับเว็บไซต์ของคุณ ในฝั่งของ Pinterest หากคุณทําการแก้ไขริชพินสูตรอาหารหรือริชพินบทความด้วยตนเอง ข้อมูลใหม่ที่คุณเพิ่มจะเขียนทับข้อมูลเมตาริช
เราจะแสดงข้อมูลเกี่ยวกับริชพินผลิตภัณฑ์ก็ต่อเมื่อคุณปฏิบัติตาม
เพื่อให้มั่นใจว่าข้อมูลของคุณซิงค์อย่างถูกต้อง ให้เพิ่มแท็กลงในเว็บไซต์ของคุณ หากคุณมีเนื้อหาผลิตภัณฑ์ บทความ หรือสูตรอาหารบนเว็บไซต์ คุณจะต้อง
เนื้อหาทั้งหมดจากหน้าเว็บที่มีเมตาแท็กที่ถูกต้องจะปรากฏเป็นริชพินเมื่อคุณสร้างพินใหม่ ตอนนี้พินที่มีอยู่ซึ่งเชื่อมโยงกลับไปยังหน้าที่มีริชเมตาแท็กจะปรากฏเป็นริชพิน
หมายเหตุ: อาจใช้เวลาถึง 24 ชั่วโมงในการซิงค์เนื้อหาจากเว็บไซต์ของคุณกับริชพิน
หากคุณต้องการนำข้อมูลริชพินออกจากหน้าใดหน้าหนึ่งบนเว็บไซต์ของคุณ ให้เพิ่มแท็กนี้ไปที่ส่วนหัวของหน้าก่อนแท็กปิดของเนื้อความ:
<meta name="pinterest-rich-pin" content="false" />
แท็กนี้จะแทนที่เมตาแท็กของริชพินในหน้าดังกล่าวเท่านั้น หน้าอื่นๆ ที่เหลือในเว็บไซต์จะไม่ได้รับผลกระทบ นอกจากคุณจะเพิ่มแท็กในแต่ละหน้า หากคุณต้องการเปิดใช้งานริชพินอีกครั้ง โปรดนำแท็กนี้ออก
พินสูตรอาหารจะช่วยให้คุณใส่ชื่อ ปริมาณรับประทาน เวลาที่ใช้ทำ คะแนน และรายการส่วนผสมของสูตรอาหารได้จากเว็บไซต์ของคุณ คุณยังสามารถบอกว่าสูตรอาหารเป็นอาหารประเภทไหนได้ด้วย เช่น เพเลโอ มังสวิรัติ วีแกน หรือปราศจากกลูเตน
เพิ่มพินสูตรอาหารไปยังเว็บไซต์ของคุณ
หากคุณต้องการผสานรวมข้อมูลริชพินสูตรอาหารลงในเว็บไซต์ของคุณ ให้ใส่มาร์กอัป Schema.org หรือ h-recipe ลงระหว่างส่วน <head> </head> ในโค้ด HTML ของแต่ละหน้าที่คุณต้องการเปิดใช้งานริชพินสูตรอาหาร
เมื่อเสร็จแล้ว ระบบของเราน่าจะเริ่มใส่เนื้อหาริชพินลงในพินที่เชื่อมโยงไว้กับหน้าที่เปิดใช้งานริชพินเหล่านี้
การจัดอันดับสูตรอาหาร
คุณสามารถเพิ่มข้อมูลการจัดอันดับให้กับริชพินสูตรอาหารของคุณได้ โดยเพิ่มเมตาแท็กที่จําเป็นผ่านมาร์กอัป Schema.org หากต้องการความช่วยเหลือในการปรับใช้ข้อมูลการจัดอันดับในเว็บไซต์ของคุณ ให้ไปที่ Schema.org หรือดูที่พินตัวอย่างนี้เพื่อดูว่า bettycrocker.com ตั้งค่าพินของตนอย่างไร
หมายเหตุ: สามารถเพิ่มข้อมูลการให้คะแนนได้โดยใช้มาร์กอัป Schema.org เท่านั้น (ไม่ใช่ h-recipe) และข้อมูลการให้คะแนนจะแสดงเฉพาะบนอุปกรณ์ iOS และ Android เท่านั้น
มาร์กอัป Schema.org และ h-recipe
ต่อไปนี้เป็นช่องริชพินที่จำเป็นสำหรับมาร์กอัปแต่ละประเภท แก้ไขช่องสีดำเพื่อแสดงสูตรของคุณ
<div itemscope itemtype="https://schema.org/Recipe">
<span itemprop="name">
Orange-Pineapple-Carrot Smoothie</span>
<span itemprop="description">
Description of your recipe.</span>
<span itemprop="aggregateRating">
Aggregate rating will show here</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>.
Instructions:
<span itemprop="recipeInstructions">
Put the pineapple, ice, orange juice, carrot and
banana in a blender. Blend until smooth.</span>
</div>
แท็ก 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>
ดูที่เว็บไซต์นักพัฒนาของเราเพื่อเรียนรู้เพิ่มเติม
บทความคือหน้าที่มีข้อความ เช่น ข่าวหรือโพสต์ในบล็อก เราไม่ถือว่าหน้าที่ประกอบด้วยรายการเป็นส่วนใหญ่หรือหน้าที่มีรูปภาพเป็นส่วนใหญ่โดยมีข้อความเพียงเล็กน้อยเป็นบทความ
เพิ่มพินบทความไปยังเว็บไซต์ของคุณ
หากคุณต้องการผสานรวมข้อมูลริชพินบทความลงในเว็บไซต์ของคุณ ให้ใส่มาร์กอัป Open Graph หรือ Schema.org ลงระหว่างส่วน <head> </head> ในโค้ด HTML ของแต่ละหน้าที่คุณต้องการเปิดใช้งานพินบทความ
เมื่อเสร็จแล้ว ระบบของเราน่าจะเริ่มใส่เนื้อหาริชพินลงในพินที่เชื่อมโยงไว้กับหน้าที่เปิดใช้งานริชพินเหล่านี้
Open Graph หรือ Schema.org มาร์กอัป
ต่อไปนี้เป็นช่องริชพินที่จำเป็นสำหรับมาร์กอัปในแต่ละประเภท แก้ไขช่องที่ใช้อักษรตัวพิมพ์ใหญ่เพื่อแสดงบทความของคุณ
มาร์กอัป 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” /> by <span itemprop="author" content="Johh Doe” />
<span itemprop="description">A description or summary of the article.</span>
</div>
พินผลิตภัณฑ์เป็นริชพินประเภทหนึ่งที่แสดงราคา ความพร้อมจำหน่าย ชื่อ และคำอธิบายผลิตภัณฑ์ล่าสุดจากเว็บไซต์ของคุณ ในบางกรณี พินของคุณอาจมีป้าย “ขายดีที่สุด” กำกับไว้ หากผลิตภัณฑ์ของพินนั้นเป็นหนึ่งในสินค้าที่มีคนซื้อมากที่สุดในหมวดหมู่ผลิตภัณฑ์หนึ่งๆ บน Pinterest จากผู้ค้ารายต่างๆ หรืออาจมีป้าย “ยอดนิยม” กำกับไว้ หากเป็นหนึ่งในพินผลิตภัณฑ์ที่มีคนคลิกมากที่สุดในหมวดหมู่ผลิตภัณฑ์หนึ่งๆ บน Pinterest
หมายเหตุ: ข้อมูลนี้จะแสดงในพินผลิตภัณฑ์ก็ต่อเมื่อมีผลิตภัณฑ์ในสต็อก ราคาถูกต้อง เราได้อัปเดตข้อมูลเมื่อไม่นานมานี้ และคุณปฏิบัติตามแนวทางสำหรับผู้ค้าของเรา
เหตุผลและวิธีเพิ่มพินผลิตภัณฑ์ลงในเว็บไซต์ของคุณ
พินผลิตภัณฑ์จะนำผู้คนบน Pinterest ไปยังเว็บไซต์ของคุณเพื่อให้ซื้อผลิตภัณฑ์ได้ ซึ่งหมายความว่าเว็บไซต์ของคุณจะต้องพร้อมให้ซื้อผลิตภัณฑ์ได้โดยตรงก่อนที่คุณจะเพิ่มพินผลิตภัณฑ์ลงใน Pinterest
คุณสามารถสร้างพินผลิตภัณฑ์บนเว็บไซต์ได้ตามวิธีที่ระบุไว้ด้านล่าง หรือโดยใช้แคตตาล็อก ให้ใช้แคตตาล็อกเพื่ออัปโหลดแหล่งข้อมูลของผลิตภัณฑ์และสร้างกลุ่มผลิตภัณฑ์เพื่อจัดกลุ่มพินผลิตภัณฑ์ที่คล้ายกันเข้าด้วยกัน จะมีเพียงพินผลิตภัณฑ์ที่สร้างโดยใช้แคตตาล็อกเท่านั้นที่โปรโมทเป็นโฆษณาได้
เพิ่มพินผลิตภัณฑ์ไปยังเว็บไซต์ของคุณ
หากคุณต้องการผสานรวมข้อมูลริชพินผลิตภัณฑ์ลงในเว็บไซต์ของคุณ ให้ใส่มาร์กอัป Open Graph หรือ Schema.org ลงระหว่างส่วน <head> </head> ในโค้ด HTML ของแต่ละหน้าที่คุณต้องการเปิดใช้งานพินผลิตภัณฑ์
เมื่อเสร็จแล้ว ระบบของเราน่าจะเริ่มใส่เนื้อหาริชพินลงในพินที่เชื่อมโยงไว้กับหน้าที่เปิดใช้งานริชพินเหล่านี้
Open Graph หรือ Schema.org มาร์กอัป
รายการต่อไปนี้เป็นช่องริชพินที่จำเป็นสำหรับมาร์กอัปในแต่ละประเภท แก้ไขช่องที่ใช้อักษรตัวพิมพ์ใหญ่หรือตัวเลขสีเขียว เพื่อแสดงผลิตภัณฑ์ของคุณ
มาร์กอัป 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 โดยข้อมูลผลิตภัณฑ์จะแสดงขึ้นบนพินใหม่จากเว็บไซต์เหล่านี้ภายใน 24 ชั่วโมง