เครื่องมือสร้างลิงก์ดีบักเกอร์ของ Facebook

เพียงวาง URL ลงไป คุณก็จะได้ลิงก์พร้อมคลิกที่เปิดเครื่องมือดีบักการแชร์ของ Facebook โดยโหลดหน้าเป้าหมายไว้ล่วงหน้า วิธีนี้มีประโยชน์เมื่อคุณเพิ่งอัปเดต og:image, og:title หรือแท็ก canonical และต้องการบังคับให้ Facebook ดึงข้อมูลหน้าเว็บใหม่ เพื่อให้ตัวอย่างที่ถูกต้องปรากฏในการแชร์ครั้งใหม่ นอกจากนี้ดีบักเกอร์ยังแสดงคำเตือนที่โปรแกรมรวบรวมข้อมูลของ Facebook ตรวจพบอย่างแม่นยำ ซึ่งเป็นวิธีที่เร็วที่สุดในการวินิจฉัยปัญหาภาพขนาดย่อที่เสียหาย

วิธีใช้ลิงก์ดีบักเกอร์

  1. 1

    วาง URL ของคุณ

    ใส่หน้าเว็บที่คุณต้องการให้ Facebook ดึงข้อมูลใหม่ โดยใช้ URL แบบ canonical ไม่ใช่การเปลี่ยนเส้นทางระหว่างทาง

  2. 2

    สร้างลิงก์

    เครื่องมือนี้จะห่อ URL ให้อยู่ในรูปแบบ `developers.facebook.com/tools/debug/?q=` ของ Facebook

  3. 3

    เปิดดีบักเกอร์

    คุณจะเข้าสู่หน้าดีบักเกอร์ของ Facebook คลิก “Scrape Again” เพื่อบังคับให้ดึงข้อมูลใหม่

  4. 4

    ตรวจสอบคำเตือน

    Facebook จะแสดงแท็กที่ขาดหายไป ขนาดภาพ ความไม่ตรงกันของ canonical และข้อผิดพลาด HTTP ทั้งหมดที่โปรแกรมรวบรวมข้อมูลตรวจพบ

สิ่งที่โปรแกรมรวบรวมข้อมูลของ Facebook ตรวจสอบจริงๆ

โปรแกรมรวบรวมข้อมูลจะดึงหน้าเว็บของคุณในชื่อ facebookexternalhit/1.1 และอ่านแท็ก Open Graph ใน <head> ต่อไปนี้คือชุดแท็กขั้นต่ำที่จำเป็นเพื่อให้ได้ตัวอย่างการแชร์ที่สมบูรณ์

แท็กที่จำเป็นและแนะนำ

แท็ก จำเป็น หมายเหตุ
og:title ใช่ 40–60 ตัวอักษรอ่านได้ดีที่สุดบนมือถือ
og:type ใช่ โดยทั่วไปคือ website หรือ article
og:url ใช่ ต้องตรงกับ URL แบบ canonical
og:image ใช่ แนะนำ 1200×630; อย่างน้อย 600×315
og:description ไม่ 80–200 ตัวอักษร
og:image:width ไม่ ช่วยให้แสดงตัวอย่างในการเรนเดอร์ครั้งแรก
og:image:height ไม่ เช่นเดียวกัน
og:locale ไม่ en_US, es_ES เป็นต้น

คำเตือนที่พบบ่อยและวิธีแก้ไข

  • “ควรระบุคุณสมบัติ og:image อย่างชัดเจน”, คุณลืมใส่แท็ก หรือแท็กชี้ไปยัง URL แบบสัมพัทธ์ ให้ใช้ URL แบบสัมบูรณ์ที่มีโปรโตคอลกำกับ
  • “URL ของ og:image ที่ให้มาไม่ถูกต้อง”, ภาพเป็น 404 อยู่หลังการยืนยันตัวตน หรือถูกบล็อกโดย robots.txt ตรวจสอบด้วย curl ในโหมดไม่ระบุตัวตน
  • “คุณสมบัติที่อนุมานเอา”, Facebook หันไปดึงข้อมูลจากเนื้อหาของหน้าเว็บแทน ตัวอย่างจะไม่เสถียรจนกว่าคุณจะประกาศคุณสมบัติอย่างชัดเจน
  • “ภาพเล็กเกินไป”, ขนาดขั้นต่ำสำหรับตัวอย่างแบบสมบูรณ์คือ 200×200 พิกเซล หากต่ำกว่า 1200×630 ตัวอย่างอาจแสดงเป็นรูปสี่เหลี่ยมจัตุรัสแทนที่จะเป็นแนวนอน

พฤติกรรมของแคช

เมื่อ Facebook ดึงข้อมูลแล้ว จะเก็บข้อมูล Open Graph ไว้ในแคชได้นานสูงสุด 30 วัน การแชร์ครั้งใหม่จะใช้ตัวอย่างจากแคชแม้ว่าคุณจะแก้ไขแท็กแล้วก็ตาม การกด “Scrape Again” ในดีบักเกอร์เป็นวิธีเดียวที่ได้รับการสนับสนุนอย่างเป็นทางการในการล้างแคชโดยไม่ต้องรอ

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

ใช่ เครื่องมือดีบักการแชร์ต้องใช้บัญชี Facebook ที่ล็อกอินอยู่ หากคุณแชร์ URL ของดีบักเกอร์ให้เพื่อนร่วมทีม พวกเขาจะถูกขอให้ลงชื่อเข้าใช้ก่อนจึงจะใช้ปุ่ม “Scrape Again” ได้

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

X ใช้แท็ก twitter:card ของตัวเองร่วมกับแท็ก Open Graph เป็นตัวสำรอง ดีบักเกอร์ของ Facebook ไม่ตรวจสอบแท็กเฉพาะของ X ดังนั้นให้ใช้ Twitter Card Validator สำหรับกรณีนั้น

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

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

เครื่องมือสร้างไบโอ Instagram

สร้างไบโอ Instagram ที่อยู่ในขอบเขต 150 ตัวอักษร พร้อมเลือกใส่อีโมจิ การขึ้นบรรทัดใหม่ และลิงก์ภายนอกได้หนึ่งลิงก์ จำนวนตัวอักษรแสดงผลแบบเรียลไทม์

เครื่องสร้างโพสต์เฟซบุ๊กปลอม

สร้างภาพหน้าจอโพสต์เฟซบุ๊กปลอมที่สมจริง โดยสามารถกำหนดโปรไฟล์ ข้อความ เวลาลงโพสต์ ปฏิกิริยา และจำนวนคอมเมนต์ได้ตามต้องการ

ตัวสร้างข้อความอีโมจิ

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

เครื่องสร้างโพสต์ Instagram ปลอม

ออกแบบภาพหน้าจอโพสต์ Instagram ปลอมด้วย username แคปชัน ภาพ ป้ายยืนยัน และจำนวนไลก์แบบกำหนดเอง สำหรับงานจำลองและสตอรีบอร์ด

เครื่องสร้างภาพหน้าจอการสนทนาปลอม

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

เครื่องสร้าง Discord Timestamp

สร้างโค้ดเวลาของ Discord ที่ปรับตามเขตเวลาของผู้อ่านแต่ละคนโดยอัตโนมัติ เลือกวันที่ เวลา และรูปแบบ เพื่อรับแท็ก <t:UNIX> แบบสั้น ยาว และสัมพัทธ์

เครื่องมือนี้มีให้บริการในภาษาอื่น