พรีวิวลิงก์แชร์โซเชียล และเช็ก OG Card
วาง URL ของหน้าเว็บใดก็ได้ในเครื่องมือพรีวิวลิงก์แชร์ฟรีตัวนี้ แล้วดูทันทีว่าลิงก์จะแสดงหน้าตาแบบไหนเมื่อแชร์บน Facebook, X (Twitter) และ LINE ระบบจะอ่านแท็ก Open Graph และ Twitter Card ของหน้านั้น จำลองการ์ดแชร์แบบที่แต่ละแพลตฟอร์มแสดงจริง และชี้จุดที่แท็กหายหรืออ่อน เพื่อให้คุณแก้พรีวิวลิงก์ได้ก่อนโพสต์จริง เหมาะสำหรับนักการตลาด แอดมินเพจ และทีมคอนเทนต์
การ์ดแชร์จะแสดงตรงนี้
กรอก URL แล้วกดพรีวิว เพื่อดูว่าลิงก์จะแสดงบนโซเชียลมีเดียอย่างไร
พรีวิวแสดงรูป og:image จริง โดยดึงผ่านเซิร์ฟเวอร์ของเราอย่างปลอดภัย จึงแสดงได้แม้เว็บต้นทางจะบล็อกการ hotlink หากโหลดรูปไม่ได้ ระบบจะแสดง URL และขนาดของรูปแทน
เช็กลิสต์แท็กแชร์
| รายการตรวจ | ผลตรวจ | รายละเอียด |
|---|
แท็กทั้งหมดที่พบ
| ค่า |
|---|
วิธีใช้งาน
- วาง URL ของหน้าที่ต้องการแชร์ แล้วกดพรีวิว
- ระบบจะดึงหน้าเว็บและอ่านแท็ก Open Graph และ Twitter Card
- ดูการ์ด Facebook, X และ LINE เทียบกันได้ในที่เดียว พร้อมรูปพรีวิวจริง
- ไล่ตามเช็กลิสต์เพื่อแก้แท็กที่หายหรือถูกตัด
- คัดลอกรายการจุดที่ควรปรับ ส่งต่อให้ทีมพัฒนาหรือทีมคอนเทนต์
ฟีเจอร์เด่น
- ดูการ์ดแชร์ Facebook, X (Twitter) และ LINE จาก URL เดียว
- แสดงรูป og:image จริง โดยดึงผ่านเซิร์ฟเวอร์อย่างปลอดภัย จึงแสดงได้แม้เว็บต้นทางบล็อกการ hotlink
- อ่านแท็ก og:title, og:description, og:image, og:url, og:site_name และ og:type
- ตรวจชนิด twitter:card และแสดง summary กับ summary_large_image ได้ถูกต้อง
- เช็กลิสต์ชี้รูปที่หาย ขนาดรูปที่ขาด และลิมิตความยาวหัวข้อ/คำอธิบาย
- คัดลอกจุดที่ควรปรับทั้งหมดเป็นข้อความ ส่งต่อให้ทีมได้ทันที
คำถามที่พบบ่อย
เครื่องมือพรีวิว OG นี้ใช้ฟรีไหม?
ฟรี ไม่ต้องสมัครสมาชิก แค่วาง URL ของหน้าเว็บสาธารณะ ระบบจะดึงหน้าเว็บและสร้างการ์ดแชร์ให้ทันที
แสดงรูปพรีวิวจริงไหม?
แสดง ระบบดึงรูป og:image จริงผ่านเซิร์ฟเวอร์ของเราอย่างปลอดภัย การ์ดจึงแสดงรูปจริงแม้เว็บต้นทางจะบล็อกการ hotlink หากโหลดรูปไม่ได้ ระบบจะแสดง URL และขนาดของรูปแทน
แท็ก Open Graph (OG) คืออะไร?
Open Graph คือ meta tags ในส่วน head ของหน้าเว็บ เช่น og:title, og:description และ og:image ที่บอก Facebook, LINE และแพลตฟอร์มอื่นว่าจะแสดงอะไรเมื่อลิงก์ถูกแชร์ ถ้าไม่มีแท็กเหล่านี้ แพลตฟอร์มจะเดาเอง และการ์ดมักออกมาดูแย่ลง
การ์ดของ X (Twitter) ต่างจากการ์ด Facebook อย่างไร?
X ใช้แท็ก twitter:card ของตัวเอง แต่จะดึงจาก Open Graph มาแทนเมื่อไม่มี ค่า twitter:card เป็นตัวกำหนดหน้าตา: "summary_large_image" แสดงรูปแบนเนอร์ใหญ่ ส่วน "summary" แสดงรูปสี่เหลี่ยมเล็ก เราจะจำลองตามค่าที่หน้าเว็บของคุณประกาศไว้
เครื่องมือนี้ใช้กับหน้าเว็บภาษาไทยได้ไหม?
ได้ รองรับข้อความภาษาไทยอย่างถูกต้อง รวมถึงหน้าเว็บที่ใช้ encoding เก่าอย่าง TIS-620 และ Windows-874 โดยจะแปลงเป็น UTF-8 ให้ ทำให้พรีวิวหัวข้อและคำอธิบายภาษาไทยได้แม่นยำ