Twitter Card Preview

Preview Twitter Cards and generate meta tags for social sharing.

ประเภทการ์ดTwitter Site Handle

หัวเรื่อง (32/70)คำอธิบาย (113/200)URL รูปภาพ (ไม่บังคับ)

ตัวอย่าง

ไม่มีรูปภาพ

My Page Title for Social Sharing

A compelling description that appears in the Twitter card preview. Keep it under 200 characters for best display.

@mywebsite

Meta Tag ที่สร้าง

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Page Title for Social Sharing">
<meta name="twitter:description" content="A compelling description that appears in the Twitter card preview. Keep it under 200 characters for best display.">
<meta name="twitter:site" content="@mywebsite">

เกี่ยวกับเครื่องมือนี้

การแสดงตัวอย่างการ์ด Twitter / X แสดงวิธีที่หน้าของคุณจะปรากฏเมื่อแชร์บน Twitter (ปัจจุบันคือ X) และสร้าง meta tag ที่ถูกต้องเพื่อเพิ่มใน HTML ของคุณ

รองรับสองประเภทการ์ด: สรุปพร้อมรูปภาพขนาดใหญ่ (แบนเนอร์เต็มความกว้าง) และสรุป (รูปย่อขนาดเล็ก — เหมาะสำหรับบทความและพอดแคสต์)

วิธีใช้งาน

เลือกประเภทการ์ด: สรุป หรือ สรุปพร้อมรูปภาพขนาดใหญ่
กรอกหัวเรื่อง คำอธิบาย และ URL รูปภาพ (ไม่บังคับ)
ตัวอย่างอัปเดตแบบเรียลไทม์
คัดลอก meta tag ที่สร้างและวางใน head ของ HTML

กรณีการใช้งาน

นักการตลาดเนื้อหาดูตัวอย่างการ์ดก่อนแคมเปญ นักพัฒนาเพิ่ม meta tag ให้บทความและหน้าสินค้า ทีม SEO ตรวจสอบหน้าที่ไม่มีการ์ดหรือตั้งค่าผิด

คำถามที่พบบ่อย

ควรใช้ขนาดรูปภาพเท่าไหร่? — สรุปพร้อมรูปภาพขนาดใหญ่: 1200×628 px (อัตราส่วน 2:1) สรุป: อย่างน้อย 144×144 px สี่เหลี่ยม สูงสุด 5 MB
ต้องลงทะเบียนกับ Twitter ไหม? — Twitter / X ไม่ต้องการการอนุมัติการ์ดนักพัฒนาอีกต่อไป เพียงเพิ่ม meta tag และการ์ดจะปรากฏ
สามารถใช้ tag เดียวกันกับ LinkedIn และ Facebook ได้ไหม? — LinkedIn และ Facebook ใช้ Open Graph tag (og:title, og:image ฯลฯ) ไม่ใช่ Twitter Card tag ใช้เครื่องมือ OG Tag Generator สำหรับแพลตฟอร์มเหล่านั้น