ปัญหาหนึ่งเมื่อเราพยายามที่จะ Share link ของเว็บเรา (หรือเว็บคนอื่น) ลงใน facebook นั่นคือ การที่ facebook มันไปดึงข้อมูลจากเว็บเรามาแสดงแบบมั่ว ๆ ซั่ว ๆ (หรือบางครั้ง อาจจะไม่แสดงเลย) ทำให้เวลาเราโพสของเราอาจจะไม่ได้ดูสวยงามอย่างที่ใจเราต้องการ โดยเฉพาะ ถ้าเว็บที่เรา share เป็นเว็บของเราเอง ล่าสุด ผมลองทดสอบ share link pantip.com จะขึ้นแค่ “PANTIP.COM : สุดยอดเว็บบอร์ดไทย เพื่อสังคมออนไลน์คุณภาพ” และลิงค์ไปยังเว็บพันทิปเฉย ๆ (ทดสอบเมื่อวันที่ 28 ก.พ. 2553 เวลา ตี 2) และเป้าหมายของบล็อกคราวนี้ ผมจะทำให้ share ของเรา ขึ้นรูป และข้อความที่เราต้องการ
วิธีทำง่ายนิดเดียวครับ นั่นคือการกำหนด tag ที่ facebook มันไปดึงให้ถูกต้องครับ
tag ที่ว่านี้ facebook จะใช้อยู่ 3 tag ครับ คือ
- ส่วนที่เป็น title จะไปดึงจาก inner-text <title>…</title> ในส่วน head ครับ
- ส่วนที่เป็น description จะไปดึงมาจาก value ของ attribute content ใน <meta name=”description” content=”…”/> ในส่วน head เหมือนกัน
- ส่วนสุดท้ายจะเป็นรูปที่เอาไปแสดง จะไปดึงมาจาก value ของ attribute href ใน <link rel=”image_src” href=”…” /> ในส่วน head อีกเช่นกัน
หลังจากใส่แล้วลองไป Share link ใน facebook อีกที เราก็จะเห็นข้อมูลและรูปที่เราระบุไว้ขึ้นมาอย่างสวยงามสมใจแล้วล่ะครับ
ปล.นิดนึง facebook จะ cache ข้อมูลพวกนี้ไว้นะครับ ถ้ามีการแก้ไขอะไร อาจจะต้องรอซักระยะนึง แล้วค่อย share ใหม่ถึงจะเห็นการเปลี่ยนแปลงนะครับ
ปล.อีกที ถ้าจะลอง share link แล้วไม่รู้จะลองกับเว็บอะไรดี ลอง http://www.dkote.com ก็ได้ครับ เว็บนี้มีการกำหนด 3 ข้อด้านบนเรียบร้อยแล้วครับ ฮิๆๆ
อ้างอิง
- http://www.left-click.us/blog/addthis-button-how-make-facebook-show-correct-image-and-text-blog-post
โอ้ แจ่มเลยครับ ไว้ขอไปลองมั่งนะครับ ^^