Meta Sharing Debugger
https://developers.facebook.com/tools/debug/ขอ re-scrape และตรวจสอบผลการแยกวิเคราะห์ Open Graph สำหรับแพลตฟอร์ม Meta
เครื่องสร้างแท็ก OGP (ส่งออกอัตโนมัติสำหรับ og:title, og:image และอื่น ๆ)
ป้อน URL, ชื่อเรื่อง, คำอธิบาย และ URL ของรูปภาพ เพื่อสร้าง meta tags ของ Open Graph และ Twitter Card ได้ในที่เดียว
พร้อมคัดลอกและวาง
มีพรีวิวในตัว
มีคำแนะนำเรื่องภาพและแคช
วิธีใช้งาน
- เปิดเครื่องมือแล้วป้อน canonical URL, title และ image URL
- เพิ่ม description, site name และการตั้งค่า Twitter ได้ตามต้องการ
- คัดลอก meta tags ที่สร้างได้แล้วนำไปวางใน head ของหน้า
- ตรวจสอบพรีวิวและคำแนะนำ แล้วปรับอัตราส่วนรูปภาพหรือกลยุทธ์แคชหากจำเป็น
OGP คืออะไร?
Open Graph Protocol (OGP) คือ metadata ที่แพลตฟอร์มโซเชียลและแอปแชตใช้ในการแสดงพรีวิวของลิงก์
การตั้งค่า og:title, og:description, og:image และแท็กที่เกี่ยวข้องช่วยให้คุณมีอิทธิพลต่อวิธีแสดง URL ที่ถูกแชร์
การใช้ OGP ร่วมกับแท็ก Twitter Card ช่วยให้พฤติกรรมการแสดงพรีวิวสม่ำเสมอมากขึ้นในหลายแพลตฟอร์ม
แนวทางขนาดรูปภาพ (เพื่อให้การแสดงพรีวิวเสถียรมากขึ้น)
แนวทางของแพลตฟอร์ม Meta (อ้างอิง)
- ค่าขั้นต่ำอ้างอิง: 200×200
- ขนาดที่มักแสดงได้เสถียร: 1200×630 หรือใหญ่กว่า อย่างน้อย 600×315
- ตั้งเป้าอัตราส่วนราว 1.91:1
- แนวทางขนาดไฟล์รูปภาพรวมถึงไม่เกิน 8MB
แนวทางการ์ดของ X (อ้างอิง)
- summary_large_image โดยทั่วไปตั้งเป้าอัตราส่วนราว 2:1
- ช่วงอ้างอิง: ขั้นต่ำ 300×157, สูงสุด 4096×4096
- แนวทางขนาดไฟล์รวมถึงน้อยกว่า 5MB
- ใช้ JPG/PNG/WEBP/GIF ตามที่รองรับ
เมื่อการอัปเดตไม่แสดงผล (แคชและการ re-scrape)
- crawler ของโซเชียลอาจแคช metadata ที่ดึงมา ใช้ debugger/inspector ของแต่ละแพลตฟอร์มเพื่อขอ re-scrape
- หากการเปลี่ยนรูปภาพไม่ปรากฏ การเปลี่ยน URL ของรูปภาพอาจช่วยได้ (เปลี่ยนชื่อไฟล์หรือ query string)
- การกำหนด og:image:width และ og:image:height อาจช่วยให้การแสดงผลเสถียรขึ้นในบางกรณี
LinkedIn Post Inspector
https://www.linkedin.com/post-inspector/รีเฟรชและตรวจสอบข้อมูลพรีวิว URL บน LinkedIn
X Card Validator
https://cards-dev.twitter.com/validatorตรวจสอบ metadata ของการ์ด X และบังคับให้ดึงการ์ดใหม่หากรองรับ
คำถามที่พบบ่อย
เครื่องมือนี้สร้างแท็ก Twitter Card ได้ด้วยหรือไม่?
ได้ สามารถส่งออก twitter:card และแท็กที่เกี่ยวข้องพร้อมกันได้ และยังมีโหมดขั้นต่ำให้ใช้ด้วย
ควรใช้รูปภาพขนาดเท่าไร?
ใช้แนวทางที่เหมาะกับปลายทาง พรีวิวฝั่ง Meta มักใช้อัตราส่วนประมาณ 1.91:1 (เช่น 1200×630) ส่วน X summary_large_image มักใช้อัตราส่วนประมาณ 2:1 (เช่น 1200×600)
ทำไมการเปลี่ยนแปลงถึงยังไม่สะท้อน?
ส่วนใหญ่เกี่ยวข้องกับแคช ให้ re-scrape ผ่านเครื่องมือของแพลตฟอร์ม และพิจารณาเปลี่ยน URL ของรูปภาพหลังแทนที่ไฟล์