ToolHub
เปิดเครื่องมือ

ตัวอย่างการแชร์โซเชียล

ดูตัวอย่างว่าเว็บไซต์ของคุณจะแสดงผลเมื่อแชร์บนโซเชียลมีเดียเช่น Twitter, Facebook, LinkedIn

เครื่องมือนักพัฒนา
เปิดเครื่องมือ เครื่องมือทั้งหมด

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

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

คุณสมบัติหลัก

ดูตัวอย่าง

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

social

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

รองรับการดูตัวอย่างแพลตฟอร์มโซเชียลมีเดียใดบ้าง?

เครื่องมือนี้แสดงตัวอย่างว่าเพจของคุณจะมีลักษณะอย่างไรเมื่อแชร์บน Twitter (X), Facebook, LinkedIn และแพลตฟอร์มอื่น ๆ ที่รองรับ Open Graph และ Twitter Card Meta Tag เลย์เอาต์การ์ดของแต่ละแพลตฟอร์มแตกต่างกันเล็กน้อย

Open Graph Meta Tag คืออะไร?

Open Graph Meta Tag (og:title, og:description, og:image, og:url) คือ HTML Meta Element ที่ควบคุมลักษณะของเนื้อหาเมื่อแชร์บนโซเชียลมีเดีย กำหนดชื่อเรื่อง คำอธิบาย รูปภาพ และ URL ที่แพลตฟอร์มโซเชียลแสดงในตัวอย่างลิงก์

Twitter Card แตกต่างจาก Open Graph อย่างไร?

Twitter ใช้ Meta Tag ของตัวเอง (twitter:card, twitter:title ฯลฯ) แต่หากไม่มี Twitter Tag จะใช้ Open Graph Tag แทน เครื่องมือนี้ช่วยให้คุณสลับระหว่างตัวอย่าง Twitter และ Open Graph เพื่อให้แน่ใจว่าทั้งสองแสดงผลอย่างถูกต้อง

ขนาดรูปภาพที่ดีที่สุดสำหรับตัวอย่างโซเชียลคือเท่าไร?

รูปภาพสำหรับ Facebook และ LinkedIn ควรมีขนาดอย่างน้อย 1200x630 พิกเซล Twitter Summary Card with Large Image แนะนำอัตราส่วนภาพ 2:1 เช่น 1200x600 หรือ 800x400 ตัวอย่างช่วยให้คุณเห็นว่ารูปภาพแสดงผลอย่างถูกต้องหรือไม่

ทำไมรูปภาพของฉันไม่แสดงในตัวอย่าง?

สาเหตุทั่วไปรวมถึง URL og:image ที่ขาดหายไปหรือไม่ถูกต้อง ไฟล์รูปภาพมีขนาดเล็กกว่า 200x200 พิกเซล รูปแบบรูปภาพที่ไม่รองรับ หรือแคชของแพลตฟอร์มโซเชียล ใช้ URL แบบ Absolute และตรวจสอบว่ารูปภาพมีขนาดตรงตามข้อกำหนดขั้นต่ำ

เครื่องมือที่เกี่ยวข้อง

JSON ตัวตรวจสอบตัวเลือกสีตัวสร้างแฮชUUID ตัวสร้าง