เครื่องสร้าง Open Graph
สร้างแท็ก Open Graph และ Twitter Card เพื่อให้หน้าเว็บของคุณดูดีเมื่อถูกแชร์ พร้อมตัวอย่างการ์ดโซเชียลแบบเรียลไทม์ ฟรีและทำงานในเบราว์เซอร์ของคุณ
ทุกอย่างทำงานในเบราว์เซอร์ของคุณ ไม่มีสิ่งที่คุณพิมพ์ถูกอัปโหลดไปที่ใด
เกี่ยวกับ เครื่องสร้าง Open Graph
Open Graph Generator สร้างแท็ก og: และ twitter: ที่ควบคุมการแสดงผลของลิงก์เมื่อแชร์บน Facebook, LinkedIn, X และแพลตฟอร์มอื่น ๆ ตั้งค่าประเภทเนื้อหา (website, article, product หรือ profile) title, description, canonical URL, image, site name และ locale พร้อมตัวเลือก Twitter Card รวมถึงประเภทการ์ดและชื่อบัญชี site/author
ตัวอย่างพรีวิวแบบสดสองแบบ แบบหนึ่งคล้ายการ์ดแชร์ของ Facebook/LinkedIn และอีกแบบคล้ายการ์ดของ X จะอัปเดตขณะที่คุณพิมพ์ ทำให้คุณเห็นได้ชัดเจนว่า title, description, โดเมน และรูปภาพขนาด 1200 × 630 พิกเซล จะปรากฏอย่างไรก่อนที่หน้าเว็บจะเผยแพร่จริง
ทุกอย่างทำงานในเบราว์เซอร์ของคุณ ไม่มีสิ่งที่คุณพิมพ์ถูกอัปโหลดเลย คัดลอกแท็ก Open Graph และ Twitter Card ที่สร้างขึ้นไปยังคลิปบอร์ด หรือดาวน์โหลดเป็นสไนปเป็ต HTML พร้อมวางลงใน <head> ของหน้าเว็บ
วิธีใช้ เครื่องสร้าง Open Graph
- เลือก og:type ได้แก่ website, article, product หรือ profile หรือคลิก "Fill sample" เพื่อเริ่มจากตัวอย่าง
- ป้อน title, description, canonical URL และ image URL (แนะนำขนาด 1200 × 630 พิกเซล) พร้อมชื่อไซต์และ locale
- ตั้งค่าประเภท Twitter Card (Summary หรือ Summary with large image) และชื่อบัญชี @site และ @creator แบบเสริม
- ตรวจสอบตัวอย่างพรีวิวโซเชียลการ์ดทั้งสองแบบที่อัปเดตแบบเรียลไทม์
- คัดลอก meta tag ที่สร้างขึ้นหรือดาวน์โหลดไฟล์ .html แล้วเพิ่มลงในหน้าเว็บของคุณ