คู่มือการแชร์สำหรับเว็บมาสเตอร์

เอกสารนี้จะอธิบายวิธีใช้เนื้อหาที่โฮสต์บนเว็บที่ผู้คนแชร์บน Facebook ให้มีประสิทธิภาพที่สุด ไม่ว่าจะเป็นการแชร์จากเดสก์ท็อปหรือเว็บบนมือถือหรือแอพบนมือถือ

เอกสารนี้นำเสนอข้อมูลเกี่ยวกับ:

มาร์กอัพ Open Graph

เนื้อหาส่วนใหญ่จะนำมาแชร์บน Facebook ในรูปของ URL สิ่งสำคัญคือคุณมาร์กอัพเว็บไซต์ของคุณด้วยแท็ก Open Graph เพื่อควบคุมวิธีที่เนื้อหาของคุณจะปรากฏบน Facebook

หากไม่มีแท็กเหล่านี้ "ครอว์เลอร์ Facebook" จะใช้เทคนิคฮิวริสติกภายในเพื่อคาดเดาชื่อ คำอธิบาย และแสดงภาพตัวอย่างเนื้อหาของคุณอย่างดีที่สุด กำหนดข้อมูลนี้อย่างชัดเจนด้วยแท็ก Open Graph เพื่อรับประกันว่าโพสต์บน Facebook จะมีคุณภาพสูงที่สุด

ต่อไปนี้คือตัวอย่างของเนื้อหาที่จัดรูปแบบด้วยแท็ก Open Graph เพื่อการแสดงผลได้อย่างดีที่สุดบน Facebook:

ตัวอย่างของมาร์กอัพ

ตัวอย่างเช่น ต่อไปนี้คือวิธีมาร์กอัพบทความ เรื่องราวข่าวหรือบล็อกโพสต์ด้วย og:type="article" และคุณสมบัติเพิ่มเติมมากมาย:

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

คุณสมบัติต่างๆ รวมถึงเมตาดาต้าเชิงอธิบายเกี่ยวกับบทความที่เราต้องการนำเสนอเป็นพิเศษเมื่อมีบางคนแชร์บทความนั้น

แท็กพื้นฐาน

ต่อไปนี้คือแท็กเมตาพื้นฐานส่วนใหญ่ที่คุณควรใช้สำหรับเนื้อหาทุกประเภท

แท็ก คำอธิบาย

og:url

URL แบบบัญญัติสำหรับเพจของคุณ URL นี้ควรเป็น URL ที่ยังไม่ได้ตกแต่ง โดยไม่มีตัวแปรของเซสชั่น พารามิเตอร์ระบุผู้ใช้หรือตัวนับ การกดถูกใจและการแชร์สำหรับ URL นี้จะรวบยอดอยู่ใน URL นี้ ตัวอย่างเช่น URL ของโดเมนบนมือถือควรชี้ไปที่ URL เวอร์ชันบนเดสก์ท็อปในรูปแบบ URL แบบบัญญัติเพื่อรวบยอดการกดถูกใจและการแชร์บนเพจที่ปรากฏในเวอร์ชันต่างๆ

og:title

ชื่อบทความของคุณโดยไม่มีการใส่แบรนด์ใดๆ เช่น ชื่อเว็บไซต์ของคุณ

og:description

คำอธิบายโดยสังเขปของเนื้อหาซึ่งปกติจะอยู่ระหว่าง 2 และ 4 ประโยค คำอธิบายนี้จะปรากฏด้านล่างชื่อโพสต์บน Facebook

og:image

URL ของภาพที่ปรากฏเมื่อมีบางคนแชร์เนื้อหาบน Facebook ดูรายละเอียดเพิ่มเติมจากด้านล่าง และตรวจสอบคู่มือหลักปฏิบัติที่ดีที่สุดของเราเพื่อศึกษาวิธีระบุภาพแสดงตัวอย่างที่มีคุณภาพสูง

fb:app_id

หากต้องการใช้ข้อมูลเชิงลึกของ Facebook คุณต้องเพิ่ม ID ของแอพในเพจของคุณ ข้อมูลเชิงลึกจะช่วยให้คุณสามารถดูการวิเคราะห์จำนวนผู้เข้าชมจาก Facebook ที่ไปยังไซต์ของคุณ ค้นหา ID ของแอพในแดชบอร์ดของแอพของคุณ


คุณอาจต้องการเพิ่มแท็กอีกสองแท็กเพื่อปรับปรุงการกระจายเนื้อหาของคุณและการมีส่วนร่วมเพิ่มเติม:

แท็ก คำอธิบาย

og:type

ประเภทสื่อของเนื้อหาของคุณ แท็กนี้จะกระทบต่อวิธีแสดงผลเนื้อหาของคุณในฟีดข่าว หากคุณไม่ได้ระบุประเภท ประเภทเริ่มต้นคือ website แต่ละ URL ควรเป็นอ็อบเจ็กต์เดี่ยว ค่า og:type หลายค่าจึงเป็นไปไม่ได้ ค้นหารายการประเภทอ็อบเจ็กต์ทั้งหมดได้จาก "การอ้างอิงชนิดอ็อบเจ็กต์ของเรา"

og:locale

ระบบภาษาของแหล่งข้อมูล ค่าเริ่มต้นคือ en_US คุณยังสามารถใช้ og:locale:alternate หากคุณมีคำแปลภาษาอื่นที่พร้อมนำมาใช้ เรียนรู้เกี่ยวกับระบบภาษาที่เราสนับสนุนได้จากเอกสารการแปลเป็นภาษาของเรา


ดูรายการคุณสมบัติอ็อบเจ็กต์มาตรฐานทั้งหมดได้จาก "ข้อมูลอ้างอิงคุณสมบัติอ็อบเจ็กต์" ของเรา

ทดสอบมาร์กอัพของคุณ

หากต้องการดูลักษณะที่มาร์กอัพของคุณจะปรากฏต่อ "ครอว์เลอร์ Facebook" ให้ป้อน URL ใน "ตัวแก้ไขจุดบกพร่องการแชร์" ซึ่งจะแสดงแท็กเมตาที่ครอว์เลอร์ดึงแยก รวมถึงข้อผิดพลาดหรือคำเตือนต่างๆ

เครื่องมือตรวจสอบยังจะกระตุ้นการดึงแยกเพจของคุณ ดังนั้นหากคุณมีข้อผิดพลาดใน HTML คุณจะสามารถใช้เครื่องมือตรวจสอบเพื่ออัพเดตเนื้อหาของคุณได้ ดูรายละเอียดเพิ่มเติมได้จาก "การอัพเดทอ็อบเจ็กต์"

ประเภทเนื้อหาของสื่อ

คุณสามารถเพิ่มมาร์กอัพเพิ่มเติมได้หากเนื้อหาของคุณประกอบด้วยเสียง วิดีโอ หรือข้อมูลตำแหน่งที่ตั้ง ดูคุณสมบัติอ็อบเจ็กต์มาตรฐานทั้งหมดได้จาก "การอ้างอิงชนิดอ็อบเจ็กต์" ของเรา

วิดีโอ

คุณสามารถใช้ og:video สำหรับเนื้อหาทุกประเภท ส่วนนี้อธิบายวิธีใช้แท็กเพิ่มเติมเพื่อปรับปรุงรูปลักษณ์ของวิดีโอบน Facebook ให้เหมาะสม Facebook รองรับวิดีโอทั้ง mp4 และ Flash

ใช้ URL ที่ปลอดภัยสำหรับแท็ก og:video:url และ og:video:secure_url เพื่อทำให้วิดีโอของคุณเปิดเล่นในบรรทัดได้ในฟีดข่าว โปรดทราบว่า จะไม่มีการรับประกันว่าวิดีโอของคุณจะเล่นแบบอินไลน์เนื่องจากปัจจัยมากมาย

แท็กเมตา คำอธิบาย

og:video

URL สำหรับวิดีโอ หากคุณต้องการให้วิดีโอเล่นแบบอินไลน์ในฟีดข่าว คุณควรใช้ https:// URL หากเป็นไปได้

og:video:url

เทียบเท่ากับ "og:video"

og:video:secure_url

URL ที่ปลอดภัยสำหรับวิดีโอ รวมรายการนี้แม้คุณได้ตั้ง URL ที่ปลอดภัยไว้ใน og:video แล้วก็ตาม

og:video:type

ประเภท MIME ของวิดีโอ application/x-shockwave-flash หรือ video/mp4

og:video:width

ความกว้างของวิดีโอในหน่วยพิกเซล ต้องใช้คุณสมบัตินี้สำหรับวิดีโอ

og:video:height

ความสูงของวิดีโอในหน่วยพิกเซล ต้องใช้คุณสมบัตินี้สำหรับวิดีโอ

og:image

ระบุภาพสำหรับการแสดงตัวอย่างคุณภาพสูงในฟีดข่าว


ภาพ

ใช้คุณสมบัติชุดนี้สำหรับเนื้อหาที่ประกอบด้วยภาพมากกว่าหนึ่งภาพ ดู "หลักปฏิบัติที่ดีที่สุดเกี่ยวกับการแชร์" สำหรับคำแนะนำวิธีการใช้ “og:image” ที่ดีที่สุด

แท็กเมตา คำอธิบาย

og:image

URL สำหรับภาพ หากต้องการอัพเดตภาพหลังจากเผยแพร่แล้ว ให้ใช้ URL ใหม่สำหรับภาพใหม่ ระบบจะแคชภาพตาม URL และไม่อัพเดทจนกว่า URL จะเปลี่ยนแปลง

og:image:url

เทียบเท่ากับ "og:image"

og:image:secure_url

https:// URL สำหรับภาพ

og:image:type

ประเภท MIME ของภาพ หนึ่งใน "image/jpeg" "image/gif" หรือ "image/png"

og:image:width

ความกว้างของภาพในหน่วยพิกเซล ระบุความสูงและความกว้างให้กับภาพของคุณเพื่อรับประกันว่าภาพจะโหลดได้อย่างเหมาะสมในครั้งแรกที่มีการแชร์ภาพนั้น

og:image:height

ความสูงของภาพในหน่วยพิกเซล ระบุความสูงและความกว้างให้กับภาพของคุณเพื่อรับประกันว่าภาพจะโหลดได้อย่างเหมาะสมในครั้งแรกที่มีการแชร์ภาพนั้น