ตัวสร้าง Open Graph

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

คุณอาจเคยเห็นการ์ดพรีวิวเล็กๆ เมื่อวางลิงก์ใน Slack, Twitter หรือ Facebook คุณรู้นะ — หัวข้อ, ข้อความสั้นๆ และบางทีอาจมีรูปภาพด้วย? นั่นคือ Open Graph tag ที่ทำงานอยู่ และถ้าคุณเคยลองตั้งค่าเหล่านี้ด้วยตัวเองมาก่อน คุณก็รู้ดีว่ามันค่อนข้างเป็นการเบียดเสียด นี่คือจุดที่ Open Graph Generator เข้ามาช่วย มันไม่หรูหรา มันไม่ต้องการทำให้คุณประทับใจ มันเพียงแค่ช่วยคุณสร้าง meta tag ที่คุณต้องการ เพื่อให้ลิงก์ของคุณดูดีจริงๆ เมื่อแชร์

ผมสร้างเครื่องมือนี้ขึ้นมาเพราะเหนื่อยที่ต้องหาเอกสารประกอบทุกครั้งที่อยากแชร์โพสต์บล็อกหรือลิงก์โปรเจกต์ ผมมักจำไวยัตยส์การกำหนดรูปแบบไม่ได้ ทำขนาดภาพผิดพลาด หรือลืมเพิ่มคุณสมบัติที่จำเป็น เครื่องมือนี้ช่วยลดขั้นตอนเหล่านี้ คุณเพียงกรอกข้อมูลไม่กี่ช่อง กดสร้าง แล้วบึ้ม — คุณก็ได้โค้ดที่สะอาดและพร้อมใช้งาน คัดลอกมัน วางลงในส่วน head ของ HTML ของคุณ และเสร็จแล้ว

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

• สร้าง meta tag Open Graph ที่จำเป็นทั้งหมดในครั้งเดียว
• ให้คุณดูตัวอย่างว่าลิงก์ของคุณจะปรากฏอย่างไรบนแพลตฟอร์มหลักๆ
• รองรับรูปภาพ หัวข้อ คำอธิบาย และ URL แบบกำหนดเอง
• ส่งออก HTML ที่สะอาดซึ่งคุณสามารถวางลงในไซต์ได้ทันที
• ไม่ต้องสมัครสมาชิก ไม่มีการติดตาม ไม่มีเรื่องยุ่งยาก — เพียงแบบฟอร์มง่ายๆ และผลลัพธ์
• ทำงานแบบออฟไลน์หลังจากโหลดแล้ว เพื่อให้คุณใช้งานได้แม้ไม่มีอินเทอร์เน็ต

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

ฉันต้องรู้ HTML เพื่อใช้เครื่องมือนี้หรือไม่?
ไม่ต้อง คุณไม่จำเป็นต้องเป็นนักพัฒนา เพียงแค่กรอกช่องต่างๆ — หัวข้อ, คำอธิบาย, URL รูปภาพ ฯลฯ — แล้วเครื่องมือจะสร้างโค้ดให้ ถ้าคุณสามารถคัดลอกและวางได้ คุณก็ใช้ได้แล้ว

ทำไมรูปภาพของฉันถึงไม่ปรากฏเมื่อฉันแชร์ลิงก์?
ส่วนใหญ่มักเป็นเพราะ URL รูปภาพเสีย รูปภาพเล็กเกินไป หรือถูกบล็อกโดยเซิร์ฟเวอร์ ตรวจสอบให้แน่ใจว่ารูปภาพของคุณมีขนาดอย่างน้อย 1200x630 พิกเซลและสามารถเข้าถึงได้สาธารณะ นอกจากนี้ บางแพลตฟอร์มยังแคชข้อมูลเมตาเก่าไว้ ดังนั้นคุณอาจต้องใช้เครื่องมืออย่าง Facebook’s Sharing Debugger เพื่อรีเฟรช