ตัวอย่างลิงก์แสดงรูปหรือชื่อผิด แก้ไขอย่างไร
ดูสาเหตุที่ตัวอย่างลิงก์แสดงรูปหรือชื่อผิด แก้แท็ก Open Graph ของหน้าเว็บ รีเฟรชตัวอย่างลิงก์บน Facebook และ LinkedIn และทดสอบลิงก์สั้น
ตัวอย่างลิงก์มักแสดงรูปหรือชื่อผิดเพราะแท็กของหน้าเว็บผิด หรือเพราะแอปบันทึกสำเนาเก่าของหน้าไว้ แอปส่วนใหญ่สร้างตัวอย่างลิงก์จากแท็ก Open Graph ของหน้า เช่น og:title และ og:image ให้แก้แท็กก่อน แล้วขอให้แอปที่เก็บสำเนาเก่าไว้อ่านหน้านั้นใหม่ โดยใช้ Sharing Debugger ของ Meta สำหรับ Facebook และตัวตรวจสอบโพสต์ (Post Inspector) สำหรับ LinkedIn
คู่มือนี้ใช้ตัวอย่างคณะละครชุมชนสมมติชื่อ Eastgate Players ซึ่งหน้าเว็บของการแสดงเรื่องใหม่ขึ้นตัวอย่างลิงก์เป็นโปสเตอร์และชื่อเรื่องของปีที่แล้ว คู่มือนี้ครอบคลุมหน้าเว็บที่คุณแก้ไขได้และลิงก์สั้นที่คุณจัดการ หากคนอื่นดูแลหน้าเว็บนั้น ให้ขอให้เขาแก้แท็ก
ดูว่าตัวอย่างลิงก์มาจากไหน
ตัวอย่างลิงก์มาจากหน้าที่ลิงก์เปิดในท้ายที่สุด หลังผ่านการเปลี่ยนเส้นทางทั้งหมดแล้ว ลิงก์สั้นไม่มีตัวอย่างลิงก์ของตัวเอง เพราะ Links ส่งต่อไปยังปลายทางที่บันทึกไว้ และไม่มีการตั้งค่าตัวอย่างลิงก์ ชื่อที่คุณตั้งให้ลิงก์ในแอป Links จะไม่ปรากฏในตัวอย่างลิงก์เลย
ตรวจแท็ก Open Graph ของหน้าเว็บ
เปิดหน้าเว็บในหน้าต่างส่วนตัว ดูซอร์สของหน้า แล้วค้นหา og: โปรโตคอล Open Graph กำหนดแท็กพื้นฐานสี่แท็ก ได้แก่ og:title og:type og:image และ og:url ซึ่งเป็นที่อยู่ถาวรของหน้านั้นเอง แท็กที่คณะละครแก้แล้วมีดังนี้
<meta property="og:title" content="Harbor Lights: our new show" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Five evenings in April at Eastgate Hall." />
<meta property="og:image" content="https://example.org/img/poster-harbor-lights.jpg" />
<meta property="og:url" content="https://example.org/harbor-lights/" />มองหาข้อผิดพลาดต่อไปนี้
| ข้อผิดพลาด | วิธีแก้ |
|---|---|
ไม่มีแท็ก og:image |
เพิ่มแท็กนี้ ไม่เช่นนั้น Facebook จะเดาเองและอาจเลือกรูปอื่น |
| แท็กถูกคัดลอกมาจากหน้าเก่า | อัปเดตแท็ก og: ทุกแท็กให้ตรงกับหน้านี้ |
og:image ใช้ชื่อไฟล์เดิมของปีที่แล้ว |
เปลี่ยนชื่อไฟล์รูปใหม่และอัปเดตแท็ก |
og:image เป็นพาธบางส่วน เช่น /img/poster.jpg |
ใช้ที่อยู่ https:// แบบเต็ม ตามตัวอย่างของ Open Graph |
| หน้าหรือรูปต้องลงชื่อเข้าใช้ | ใช้หน้าและรูปที่เปิดเป็นสาธารณะ เพราะเครื่องมือตัวอย่างลิงก์ไม่ได้ลงชื่อเข้าใช้ |
og:url ชี้ไปที่หน้าแรก |
ตั้งเป็นที่อยู่ของหน้านี้เอง |
| สิ่งที่แก้ไม่ปรากฏในซอร์ส | ล้างแคชของเว็บไซต์ |
หน้าเว็บของคณะละครคัดลอกมาจากหน้าของปีที่แล้ว og:title จึงระบุชื่อการแสดงเรื่องเก่า และโปสเตอร์ใหม่ก็ใช้ชื่อ poster.jpg เดิมแทนที่ไฟล์เก่า
รีเฟรชตัวอย่างลิงก์ที่แอปแคชไว้
การแก้หน้าเว็บไม่ได้เปลี่ยนตัวอย่างลิงก์ที่แอปบันทึกไว้แล้ว
สำหรับ Facebook ให้วางที่อยู่หน้าเว็บลงใน Sharing Debugger ของ Meta คู่มือการแชร์ของ Meta ระบุว่าเครื่องมือนี้แสดงแท็กที่ครอว์เลอร์อ่านได้และดึงหน้าเว็บมาใหม่ รูปภาพถูกแคชตามที่อยู่ และจะไม่อัปเดตจนกว่าที่อยู่จะเปลี่ยน โปสเตอร์ที่คณะละครเปลี่ยนไฟล์แล้วจึงยังแสดงเป็นรูปเก่า Meta ยังแนะนำให้ใส่ og:image:width และ og:image:height เพื่อให้รูปโหลดได้ถูกต้องตั้งแต่การแชร์ครั้งแรก
สำหรับ LinkedIn ให้ใส่ที่อยู่ในตัวตรวจสอบโพสต์ แล้วตรวจตัวอย่างลิงก์ ความช่วยเหลือของ LinkedIn ระบุว่าการรีเฟรชมีผลกับโพสต์ใหม่เท่านั้น โพสต์ที่มีอยู่แล้วยังคงตัวอย่างลิงก์เดิม คณะละครจึงเผยแพร่โพสต์ใหม่
สำหรับแอปอื่น เช่น WhatsApp หรือ X (Twitter) ให้ตรวจตัวอย่างลิงก์ในฉบับร่างก่อนส่ง
ทดสอบลิงก์สั้นแบบที่เครื่องมือตัวอย่างลิงก์เห็น
เครื่องมือเหล่านี้ตรวจที่อยู่ที่คุณใส่ หากคุณแชร์ลิงก์สั้น เช่น reunified.link/k7m2x9qa ให้ตรวจลิงก์สั้นนั้นด้วยเครื่องมือเหล่านี้เช่นกัน
Links ใช้กฎของคุณกับการเข้าชมทุกครั้ง รวมถึงการเข้าชมจากเครื่องมือตัวอย่างลิงก์ กฎประเทศอาจตรงกับเครื่องมือที่เชื่อมต่อจากประเทศนั้น และเครื่องมือที่ไม่ได้ระบุตัวว่าเป็นโทรศัพท์หรือแท็บเล็ตจะนับเป็นเดสก์ท็อป ตัวอย่างลิงก์จึงอาจแสดงปลายทางของกฎได้ ให้ใส่แท็กที่ถูกต้องในทุกปลายทาง คู่มือการกำหนดปลายทาง อธิบายว่ากฎจับคู่อย่างไร
หากเครื่องมือแสดงหน้าของ Links ที่บอกว่าลิงก์ใช้งานไม่ได้หรือไม่มีอยู่ ให้ดูคู่มือแก้ปัญหา
หลังจากคุณเปลี่ยนปลายทางของลิงก์สั้น แอปที่แคชตัวอย่างลิงก์ไว้อาจยังแสดงหน้าเก่า จึงควรตรวจลิงก์สั้นในเครื่องมือเหล่านั้นอีกครั้ง
เข้าใจว่าตัวอย่างลิงก์มีผลต่อจำนวนคลิกอย่างไร
หลายแอปดึงลิงก์ทันทีที่มีการวางลิงก์ Links ส่งต่อครอว์เลอร์ ตัวอย่างลิงก์ และการโหลดล่วงหน้าของเบราว์เซอร์ที่ระบบรู้จัก โดยไม่นับและไม่คิดเครดิต ครอว์เลอร์สำหรับการแชร์ของ Meta เป็นหนึ่งในนั้น Sharing Debugger จึงไม่เพิ่มคลิกที่นับ ส่วนเครื่องมือที่ Links ไม่รู้จักจะนับเป็นคลิก
การเปิดลิงก์เพื่อทดสอบในเบราว์เซอร์ของคุณเองนับเป็นคลิก และคนที่เปิดลิงก์สองครั้งจะนับเป็นสองคลิก คู่มือความเป็นส่วนตัวของสถิติ อธิบายว่า Links เก็บอะไรไว้เกี่ยวกับแต่ละคลิก
ตรวจตัวอย่างลิงก์ก่อนแชร์ทุกครั้ง
ใช้รายการตรวจสอบนี้
- ตรวจแท็กของหน้าเว็บในหน้าต่างส่วนตัว
- ตั้งชื่อไฟล์ใหม่ให้รูปที่เปลี่ยนทุกรูป
- สร้างลิงก์สั้น หรืออัปเดตปลายทางของลิงก์
- ตรวจทั้งหน้าเว็บและลิงก์สั้นด้วยเครื่องมือของ Meta และ LinkedIn
- ตรวจตัวอย่างลิงก์ในข้อความฉบับร่าง
- โพสต์ แล้วตรวจโพสต์จริงหนึ่งโพสต์บนแต่ละเครือข่าย
ตรวจอีกครั้งหลังออกแบบเว็บไซต์ใหม่ เพราะเทมเพลตใหม่อาจเปลี่ยนแท็ก ตอนนี้คณะละครตั้งชื่อไฟล์โปสเตอร์ตามชื่อการแสดงแต่ละเรื่อง
Links คงที่อยู่สั้นเดิมไว้เมื่อคุณเปลี่ยนปลายทาง และไม่นับการดึงลิงก์เพื่อสร้างตัวอย่างที่ระบบรู้จัก ตัวอย่างลิงก์มาจากหน้าเว็บของคุณ จึงต้องแก้ที่หน้าเว็บ