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

23 Aug

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 ข้อมูลของเราก็จะอัพเดทครับดังวีดีโอข้างล่างนี้เลยครับ

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *