ตัวอย่างลิงก์
Updated: 21 พ.ค. 2026
WhatsApp รองรับตัวอย่างลิงก์เมื่อมีการส่งลิงก์ผ่านแชทหรือแชร์ลิงก์ผ่านสถานะ WhatsApp จะพยายามแสดงตัวอย่างลิงก์เมื่อทำได้เพื่อประสบการณ์การใช้งานที่ดีขึ้น WhatsApp ต้องอาศัยเจ้าของลิงก์ในการกำหนดคุณสมบัติที่ปรับให้เหมาะสมสำหรับ WhatsApp โดยเฉพาะเพื่อเปิดใช้งานประสบการณ์การใช้งานนี้ การไม่ปฏิบัติตามข้อกำหนดเหล่านี้อาจทำให้ลิงก์ไม่แสดงตัวอย่าง
หากต้องการเริ่มเปิดใช้งานตัวอย่างลิงก์ เว็บไซต์จะต้องเพิ่มมาร์กอัพ HTML ลงในส่วน "HEAD" ของหน้านั้นๆ
<head>
<meta property="og:title" content=”WhatsApp"/>
<meta property="og:description" content="Simple. Secure. Reliable messaging."/><meta property="og:url" content="https://whatsapp.com"/>
<meta property="og:image"content="https://static.whatsapp.net/rsrc.php/ym/r/36B424nhiL4.svg"/>
</head>
<head> ที่มีมาร์กอัพ HTML ต้องปรากฏภายใน 300KB แรกของ HTML แต่ส่วนที่เหลือทั้งหมดของ HTML จะมีขนาดเท่าไรก็ได้
มาร์กอัพ <og:title>, <og:description> และ <og:url> ต้องอยู่ภายในแท็ก <head> และไม่ควรเว้นว่างไว้
มาร์กอัพ <og:title> แสดงถึงชื่อของเนื้อหาโดยไม่มีแบรนด์ใดๆ โดย WhatsApp จะแสดงเป็นตัวหนาในสีข้อความหลักที่ยาวไม่เกิน 2 บรรทัด
มาร์กอัพ <og:description> แสดงถึงคำอธิบายของเนื้อหา โดย WhatsApp จะแสดงในขนาดที่เล็กกว่าชื่อด้วยสีข้อความรอง ซึ่งจะยาวไม่เกิน 1 หรือ 2 บรรทัดและไม่เกิน 80 อักขระ
มาร์กอัพ <og:url> แสดงถึง URL หลักของหน้า ซึ่งไม่ควรมีการปรับแต่ง รวมถึงต้องไม่มีตัวแปรเซสชั่น พารามิเตอร์ที่ระบุตัวผู้ใช้ และตัวนับต่างๆ
มาร์กอัพ <og:image> เป็น URL ที่สมบูรณ์สำหรับรูปภาพที่ใช้เป็นภาพขนาดย่อสำหรับตัวอย่างลิงก์ รูปภาพนี้ควรมีขนาดไม่เกิน 600KB โดยมีความกว้าง 300 พิกเซลขึ้นไป และมีอัตราส่วนความกว้าง/สูงไม่เกิน 4:1
WhatsApp จะพยายามอย่างเต็มที่เพื่อแสดงตัวอย่างลิงก์ เช่น การผ่อนปรนข้อกำหนด การมองหามาร์กอัพ HTML อื่นๆ และการเปลี่ยนกลับไปเป็นตัวอย่างลิงก์ขนาดเล็ก อย่างไรก็ตาม ไม่ควรหวังพึ่งกระบวนการนี้เป็นหลัก เพราะไม่สามารถรับประกันได้ว่าจะได้ผล (และจะได้ผลต่อไป)
WhatsApp จะเรียกดูเว็บเพจผ่านคำขอ HTTP GET
คำขอจะมีการตั้งค่าส่วนหัว User-Agent เป็น WhatsApp/2.x.x.x A|I|N โดยที่ x คือหมายเลขเวอร์ชั่นหลัก/รองของ WhatsApp และ A|I|N หมายถึง Android, iOS และเว็บตามลำดับ ตัวอย่างค่าของส่วนหัว User-Agent ที่ถูกต้อง เช่น WhatsApp/2.22.20.72 A, WhatsApp/2.22.19.78 I, WhatsApp/2.2236.3 N เจ้าของเว็บไซต์สามารถดูคำขอที่เข้ามา แล้วปรับแต่งเนื้อหา (มาร์กอัพและรูปภาพ) ให้สอดคล้องกันได้
คำขอจะมีการตั้งค่าส่วนหัว Accept-Language เป็นภาษาที่ผู้รับได้เลือกไว้ (หากมี) ตัวอย่างค่าของส่วนหัว Accept-Language ที่ถูกต้อง เช่น en, fr, de ในทำนองเดียวกัน เจ้าของเว็บไซต์สามารถปรับแต่งภาษาของเนื้อหาให้สอดคล้องกับคำขอนั้นๆ ได้ โปรดทราบว่าผู้รับจะเห็นภาษาที่ผู้รับตั้งค่าไว้ด้วย
เริ่มด้วยการเขียนข้อความที่มีลิงก์เพื่อทดสอบ (ยังไม่ต้องแตะเพื่อส่ง) WhatsApp จะเรียกดู URL นี้และพยายามสร้างตัวอย่างลิงก์ในนามของผู้ส่ง
หากตัวอย่างไม่ปรากฏขึ้นเหนือกล่องเขียนข้อความหลังจากผ่านไป 10 วินาที โปรดตรวจสอบว่าได้ปฏิบัติตามข้อกำหนดข้างต้นทั้งหมดแล้ว หากทุกอย่างถูกต้อง ให้ดำเนินการส่งข้อความต่อไปโดยแตะปุ่ม "ส่ง"
หากตัวอย่างไม่ปรากฏขึ้นในขนาดใหญ่ตามที่คาดไว้ โปรดตรวจสอบว่าได้ปฏิบัติตามข้อกำหนดของรูปภาพข้างต้นแล้ว หากทุกอย่างถูกต้อง ตัวอย่างลิงก์ทั้งหมดจะทำงานตามที่คาดไว้ ยินดีด้วย คุณพร้อมใช้งานแล้ว!