แชร์ลิงค์แล้วรูปไม่ขึ้นที่ Facebook แก้ยังไง

facebook-og

 

หลายคนที่เป็น Blogger หรือคนเขียนบทความลงเว็บไซต์ส่วนตัวของตนเอง คงมีหลายครั้งที่แชร์บทความไปแล้ว Facebook ไม่ยอมแสดงรูปภาพของเรา วันนี้ผมมีวิธีแก้ไขง่ายๆ มาแนะนำกันครับ

เริ่มต้นเลย ใน HTML ของเราให้ไปทำการเติมโค๊ดนี้ลงไปครับ {{URL}} ให้แทนด้วยลิงค์รูปภาพของเราครับ

<meta property="og:image" content="{{URL}}" />

ซึ่งเราสามารถใส่หลายภาพได้ครับ เพื่อให้ Facebook เลือกภาพขนาดที่เหมาะสมที่สุดของเราได้ครับเช่น ในบทความของผมใส่ไปถึง 3 ภาพเลยทีเดียว

<meta property="og:image" content="http://moshikub.com/wp-content/uploads/2014/08/sublime.jpg" />
<meta property="og:image" content="http://moshikub.com/wp-content/uploads/2014/08/sublime-2.jpg" />
<meta property="og:image" content="http://moshikub.com/wp-content/uploads/2014/08/sublime-3.jpg" />

จากนั้นให้เราไปที่

https://developers.facebook.com/tools/debug/

จากนั้นลองกรอก URL บทความที่เราต้องการครับ ในที่นี้ผมจะลองใส่บทความ Hosting ของผมลงไป และกด Fetch ข้อมูลของเราก็จะอัพเดทครับดังวีดีโอข้างล่างนี้เลยครับ

 

 

Moshikub

สวัสดีครับ ผมชื่อโมชิ เป็น Web Developer มาแล้ว 4 ปีตอนนี้เป็น Programmer ที่ Dek-d.com รับงาน Freelance มีไรคุยกันได้ที่ Facebook ครับ