UTILS.
เป็นส่วนตัวตั้งแต่เริ่ม
og

เครื่องมือสร้าง Open Graph

สร้าง meta tags ของ Open Graph และ Twitter Card พร้อมตัวอย่างการแชร์บนโซเชียลแบบเรียลไทม์

ไฟล์ของคุณอยู่ในอุปกรณ์นี้

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

ใช้ปุ่มดาวน์โหลดเพื่อบันทึกเครื่องมือนี้เป็นไฟล์ HTML ไฟล์เดียวสำหรับใช้ออฟไลน์

ความเป็นส่วนตัว →
— ผลลัพธ์จะแสดงที่นี่ —

ลองทำตามตัวอย่าง

ตัวอย่าง

ใส่ Trail Mug เป็นชื่อเรื่อง Acme เป็นชื่อเว็บไซต์ https://example.com/mug เป็น URL และ https://example.com/mug.jpg เป็นรูปภาพ ผลลัพธ์มีแท็ก og:title, og:url, og:image และ og:site_name พร้อมแท็ก Twitter Card ชนิด summary_large_image

ข้อควรทราบ

ใช้ URL รูปภาพแบบเต็ม เพราะแพลตฟอร์มส่วนใหญ่ไม่แปลงพาธแบบสัมพัทธ์ ขนาด 1200 × 630 พิกเซลเหมาะกับตัวอย่างลิงก์ส่วนใหญ่ แพลตฟอร์มแคชตัวอย่างไว้ หลังเปลี่ยนแท็กให้ใช้เครื่องมือดีบักของแต่ละแพลตฟอร์มเพื่อรีเฟรช

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

สร้างแท็ก Open Graph และ Twitter Card และแสดงให้เห็นว่าลิงก์ของคุณจะหน้าตาเป็นอย่างไรเมื่อถูกแชร์ ทั้งหมดทำงานในเบราว์เซอร์ของคุณ

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

Open Graph คืออะไร?
โปรโตคอลที่ช่วยให้โซเชียลเน็ตเวิร์กแสดงตัวอย่างแบบเต็ม (ชื่อเรื่อง คำอธิบาย รูปภาพ) เมื่อหน้าเว็บของคุณถูกแชร์
ใช้ Twitter card แบบใด?
ใช้ summary_large_image เมื่อคุณระบุรูปภาพ มิฉะนั้นจะใช้การ์ด summary แบบเล็กกว่า

เครื่องมือเพิ่มเติม