เมื่อลิงค์ เราถูกแชร์ไปแสดงที Facebook โดยปกติ Facebook จะพยามหาภาพ ที่อยู่ในเพจนั้นๆ เพื่อเอาไปทำเป็นภาพขนาดเล็ก คู่กับเนื้อหาของเรา แต่ถ้าเราไม่ได้การใช้ Facebook หาภาพเอง เราสามารถกำหนด ภาพที่ให้ Facebook เอามาทำภาพขนาดเล็กประกอบเนื้อหาได้ เองโดยใช้
meta tag property og:image เข้ามาช่วย meta tag ตัวนี้ เมื่อ Facebook เจอก็จะเอาภาพที่เรากำหนดนี้ไปใช้งานเลย (ใช้ได้กับ เว็บที่ออนไลน์ อยู่บน Host มีโดเมน แล้วเท่านั้นนะครับ ทดลองกับเครื่อง local host ไม่ได้ เพราะเรายังไม่มี url จริงๆ )
นอกจากนั้นยังมี meta tag อื่นๆ ที่เกี่ยวข้องกับ Facebook เช่น
og:locale คือการกำหนดภาษา ของเว็บให้ Facebook รู้ ว่าเว็บเราใช้ภาษาอะไร
og:type ให้บอกว่าเพจนี้อยู่ในประเภทไหน
og:title คือหัวของเว็บ
og:url คือ URLs ของเว็บ
og:site_name คือชื่อเว็บ
og:image คือภาพสำหรับประกอบ ข้อความบรรยายเนื้อหาเพจนั้นๆ
ตัวอย่าง mata ของ Mindphp.com
1 2 3 4 5 6 |
<meta property=”og:locale” content=”th_TH”/> <meta property=”og:type” content=”article”/> <meta property=”og:title” content=”Home | Mindphp.com”/> <meta property=”og:url” content=”http://www.mindphp.com/”/> <meta property=”og:site_name” content=”Mindphp.com”/> <meta property=”og:image” content=”http://www.mindphp.com/images/mindphp-logo.png”/> |
ส่วนของ og:image จะใช้เป็น ภาพของแต่ละบทความ หรือ logo หลักของเว็บก็ขึ้นอยู่กับเว็บเราเอง อย่างเช่น pantip.com เค้าจะให้แสดง logo ของเว็บทุกการแชร์
ข้อมูลจาก http://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/34-joomla/2915-share-facebook-host.html