เครื่องมือสร้าง Open Graph
สร้างแท็กเมตา Open Graph เพื่อเพิ่มประสิทธิภาพการแสดงตัวอย่างการแชร์บน Facebook, Twitter และ LinkedIn พร้อมดูตัวอย่างการ์ดแบบเรียลไทม์
แท็กเมตา Open Graph คืออะไร?
แท็กเมตา Open Graph เป็นแท็ก HTML ที่ควบคุมว่าหน้าเว็บของคุณจะปรากฏอย่างไรเมื่อแชร์บนแพลตฟอร์มโซเชียลมีเดีย เช่น Facebook, Twitter และ LinkedIn กำหนดชื่อ คำอธิบาย รูปภาพ และคุณสมบัติอื่นๆ
ทำไมฉันต้องใช้แท็ก Open Graph?
หากไม่มีแท็ก OG แพลตฟอร์มโซเชียลมีเดียจะเลือกเนื้อหาแบบสุ่มจากหน้าของคุณ ซึ่งอาจทำให้ตัวอย่างไม่น่าสนใจหรือไม่ถูกต้อง แท็ก OG ช่วยให้ลิงก์ที่แชร์ดูเป็นมืออาชีพ
ขนาดรูปภาพที่แนะนำสำหรับ og:image คือเท่าไร?
ขนาดรูปภาพที่แนะนำคือ 1200×630 พิกเซล ขั้นต่ำ 600×315 พิกเซล Facebook และแพลตฟอร์มส่วนใหญ่ใช้อัตราส่วน 1.91:1 สำหรับตัวอย่างลิงก์
การ์ด Twitter ใช้แท็ก Open Graph หรือไม่?
Twitter รองรับแท็ก Open Graph เป็นตัวเลือกสำรอง แต่ก็มีแท็ก twitter:card, twitter:title, twitter:description และ twitter:image ของตัวเอง เครื่องมือนี้สร้างทั้งสองแบบเพื่อความเข้ากันได้สูงสุด
แท็ก Open Graph ที่จำเป็นมีอะไรบ้าง?
แท็ก OG ขั้นต่ำที่จำเป็นคือ og:title, og:type, og:image และ og:url อย่างไรก็ตาม แนะนำให้เพิ่ม og:description เพื่อตัวอย่างโซเชียลมีเดียที่ดีขึ้น
ฉันจะทดสอบแท็ก Open Graph ได้อย่างไร?
คุณสามารถใช้ Facebook Sharing Debugger, Twitter Card Validator หรือ LinkedIn Post Inspector เครื่องมือนี้ยังมีตัวอย่างสดอีกด้วย
Open Graph มีผลต่อ SEO หรือไม่?
แท็ก Open Graph ไม่ส่งผลต่ออันดับเครื่องมือค้นหาโดยตรง แต่ช่วยปรับปรุงอัตราการคลิกบนโซเชียลมีเดียโดยทำให้ลิงก์ที่แชร์น่าสนใจขึ้น ซึ่งอาจเป็นประโยชน์ต่อ SEO โดยอ้อม
og:type คืออะไรและมีค่าอะไรบ้าง?
og:type กำหนดประเภทของเนื้อหาที่แชร์ ค่าทั่วไปรวมถึง website, article, video, music, book และ profile การเลือกประเภทที่ถูกต้องช่วยให้แพลตฟอร์มแสดงเนื้อหาของคุณได้อย่างเหมาะสม
ฉันสามารถใช้แท็ก og:image หลายแท็กได้หรือไม่?
ได้ คุณสามารถระบุแท็ก og:image หลายแท็ก แพลตฟอร์มโซเชียลมีเดียมักจะแสดงรูปภาพแรกหรืออนุญาตให้ผู้ใช้เลือกรูปภาพที่มีอยู่ทั้งหมด
วิธีเพิ่มแท็ก Open Graph ลงในเว็บไซต์?
เพียงคัดลอกแท็กเมตา HTML ที่สร้างขึ้นและวางลงในส่วน <head> ของหน้าเว็บ สำหรับ WordPress คุณสามารถใช้ปลั๊กอิน SEO เช่น Yoast หรือ Rank Math ที่สร้างแท็ก OG โดยอัตโนมัติ
ความแตกต่างระหว่าง Open Graph และ Twitter Cards คืออะไร?
Open Graph สร้างโดย Facebook และใช้โดยแพลตฟอร์มโซเชียลส่วนใหญ่ Twitter Cards เป็นข้อกำหนดของ Twitter เองที่มีฟีเจอร์เพิ่มเติมเช่น summary_card_with_large_image ทั้งสองสามารถอยู่ร่วมกันได้
จะดูตัวอย่าง Open Graph ก่อนเผยแพร่ได้อย่างไร?
ใช้เครื่องมือสร้างนี้เพื่อสร้างและดูตัวอย่างแท็ก OG แบบเรียลไทม์ ตัวอย่างสดแสดงว่าลิงก์ของคุณจะปรากฏบน Facebook, Twitter และ LinkedIn อย่างไรก่อนเผยแพร่