เปิดกราฟ

โลโก้เฟสบุ๊ค

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

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

ตัวอย่างเมตาแท็ก Open Graph

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

 

วิธีเพิ่มเมตาแท็ก Open Graph

เช่นเดียวกับเมตาแท็กอื่นๆ แท็ก Open Graph ต้องอยู่ในส่วน ศีรษะ ของหน้า HTML หากคุณเปลี่ยน HTML ด้วยตัวเอง แท็กเหล่านี้สามารถเพิ่มโดยใช้ any โปรแกรมแก้ไข HTML HTML . หากคุณกำลังใช้ CMS เช่น WordPress คุณสามารถเปลี่ยนเทมเพลตหรือใช้ปลั๊กอินเช่น Yoast เพื่อจัดการแท็กเหล่านี้

ภาพรวมของเมตาแท็ก Open Graph

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

และ: ชื่อเรื่อง

ชื่อของหน้า

และ: ภาพ

รูปภาพที่คุณต้องการใช้เมื่อแชร์เพจ การใช้คุณสมบัติ og:image มีประโยชน์หากเพจของคุณมีรูปภาพหลายรูป และคุณต้องการใช้รูปภาพเฉพาะ

บันทึก

Facebook ไม่ใช้ภาพที่เล็กกว่าความกว้าง 300px และความสูง 200px

และ: คำอธิบาย

คำอธิบายของหน้า

และ: พิมพ์

ประเภทของวัตถุหรือหน้าที่คุณกำลังอธิบาย บางประเภทที่สามารถใช้ได้ ได้แก่ บทความ music.album video.movie และเว็บไซต์

และ: url

Canonical URL ของออบเจ็กต์หรือเพจ

และ: locale

ตำแหน่งของข้อมูล โดยค่าเริ่มต้น ค่าสถานที่คือ en_US และไม่จำเป็น เว้นแต่จะไม่ใช่ภาษาอังกฤษหรืออยู่นอกสหรัฐอเมริกา

วิธีทดสอบการรวม Open Graph ของเว็บไซต์ของคุณ

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