วิธีทำง่ายนิดเดียวครับ นั่นคือการกำหนด tag ที่ facebook มันไปดึงให้ถูกต้องครับ

tag ที่ว่านี้ facebook จะใช้อยู่ 3 tag ครับ คือ

1. ส่วนที่เป็น title จะไปดึงจาก inner-text <title>…</title> ในส่วน head ครับ
2. ส่วนที่เป็น description จะไปดึงมาจาก value ของ attribute content ใน <meta name=”description” content=”…”/> ในส่วน head เหมือนกัน
3. ส่วนสุดท้ายจะเป็นรูปที่เอาไปแสดง จะไปดึงมาจาก 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