OG Tag Generator

Generate Open Graph and Twitter tags

ชื่อเรื่อง

แนะนำ: ไม่เกิน 60 ตัวอักษร

คำอธิบาย

URL หน้าเว็บ

URL รูปภาพ

แนะนำ: 1200×630px

ข้อความทดแทนรูปภาพ

ชื่อเว็บไซต์

ประเภท OG

ภาษา

Twitter Card

Twitter @ชื่อผู้ใช้

แท็กที่สร้าง

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">

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

แท็ก Open Graph ควบคุมการแสดงผลหน้าเว็บเมื่อแชร์บนโซเชียลมีเดียอย่าง Facebook, LinkedIn และ WhatsApp หากไม่มี แพลตฟอร์มจะพยายามเดาเอง — มักเลือกรูปภาพหรือชื่อเรื่องผิด

แท็ก Twitter Card ทำหน้าที่เดียวกันสำหรับ Twitter/X ประเภทการ์ด summary_large_image แสดงรูปภาพขนาดใหญ่ เหมาะสำหรับบทความและบล็อก รูปภาพควรมีขนาดอย่างน้อย 1200×630 พิกเซล

วิธีใช้งาน

กรอกข้อมูลในช่องชื่อเรื่อง คำอธิบาย และ URL
เพิ่ม URL รูปภาพและข้อความทดแทนสำหรับตัวอย่างโซเชียล
เลือกประเภท OG ภาษา และการตั้งค่า Twitter Card
คัดลอกแท็กที่สร้างและวางในส่วน <head> ของ HTML

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

นักพัฒนาเว็บตรวจสอบว่าหน้าใหม่แสดงผลถูกต้องเมื่อแชร์ นักการตลาดรับประกันตัวอย่างที่น่าสนใจ นักเขียนบล็อกตั้งค่ารูปภาพและคำอธิบายที่ถูกต้อง ผู้เชี่ยวชาญ SEO ปรับแต่งเมทาดาต้าโซเชียล

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

ความแตกต่างระหว่างแท็ก OG และ Twitter Card คืออะไร? — แท็ก OG ใช้โดยแพลตฟอร์มโซเชียลส่วนใหญ่รวมถึง Facebook, LinkedIn และ WhatsApp แท็ก Twitter Card เฉพาะสำหรับ Twitter/X แต่ Twitter ก็ใช้แท็ก OG เป็นตัวสำรอง
ขนาดรูปภาพที่แนะนำคือเท่าไร? — แนะนำ 1200×630px รูปภาพขนาดเล็กเกินไปอาจถูกแพลตฟอร์มข้ามไป ขนาดไฟล์ควรน้อยกว่า 8MB
ควรใช้ค่า og:type อะไร? — ใช้ "website" สำหรับหน้าทั่วไปและ "article" สำหรับข่าวหรือบล็อกโพสต์ ค่าอื่นๆ ได้แก่ video, music, book และ profile