เครื่องมือสร้างรูปภาพ Open Graph ฟรี
สร้างรูปภาพ OG, หัว Twitter/X และอื่นๆ ได้อย่างง่ายดายในไม่กี่คลิก — ไม่จำเป็นต้องมีทักษะการออกแบบ รับรองการแสดงผลที่ดีที่สุดบนโซเชียลมีเดียเช่น Twitter, Facebook และ LinkedIn โดยใช้รูปแบบ PNG (แนะนำ), JPEG หรือ WebP ต้องการระบบอัตโนมัติหรือไม่? สร้างรูปภาพ Open Graph ทันทีด้วย API ที่มีประสิทธิภาพของเรา
Choose a template
- PNG: ให้คุณภาพสูงสำหรับข้อความและโลโก้
- JPEG: เหมาะสำหรับภาพถ่ายและภาพที่มีสีสันซับซ้อน
- WebP: รูปแบบสมัยใหม่ที่ให้การบีบอัดที่ดีในขณะที่ยังคงคุณภาพสูง
เพื่อการแสดงผลรูปภาพ Open Graph (OG) ที่ดีที่สุดบนแพลตฟอร์มเช่น Twitter, Facebook และ LinkedIn แนะนำให้ใช้รูปแบบ PNG (แนะนำ), JPEG หรือ WebP
คัดลอกเนื้อหาคำขอเป็น JSON หรือคำสั่ง cURL
การเพิ่มรูปภาพ Open Graph ทำได้ง่าย
เพิ่มรูปภาพตัวอย่างโซเชียลมีเดียลงในเว็บไซต์ของคุณได้ง่ายๆ ในเวลาเพียงไม่กี่นาที เลือกวิธีการที่คุณต้องการด้านล่าง—ไม่ว่าจะใช้ HTML หรือ Next.js App Router
1. บันทึกรูปภาพ
บันทึกรูปภาพ OG ที่สร้างเป็น og.png ในไดเรกทอรีรูทของเว็บไซต์ของคุณ
2.สร้าง และเพิ่มแท็ก Open Graph ในส่วน head ของ HTML
<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />
<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />
<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />อย่าลืมแทนที่ yourdomain.com ด้วยชื่อโดเมนจริงของคุณ
เคล็ดลับจากผู้เชี่ยวชาญ
- ควรมีรูปภาพสำรองในกรณีที่รูปภาพ OG ไม่โหลด
- ใช้เครื่องมือดีบักโซเชียลมีเดียเพื่อทดสอบรูปภาพ OG ของคุณ
- เพิ่มข้อความ alt ที่มีความหมายเพื่อปรับปรุงการเข้าถึง
- เลือกรูปภาพ OG แบบไดนามิกสำหรับเนื้อหาที่อัปเดตบ่อย