ขั้นตอนการสร้าง OG Image

help

ก่อนอื่นเลยต้องขออนุญาตแนะนำให้ทุกคนรู้จักกับ OG Image ก่อนนะครับ OG Image ย่อมากจาก Open Graph Images หรือ จะเรียกว่า "ภาพตัวอย่าง" ก็ได้ครับ ข้อดีของ OG Image คือ เมื่อทำการ Copy Link ของร้านค้า หรือตัวสินค้ามาโพสต์ลงบน Facebook จะทำให้เห็นภาพของสินค้า หรือร้านค้าตามที่ได้กำหนดไว้ในระบบนะครับผม

ขั้นตอนการสร้าง OG Image - 1


ขั้นตอนที่ 1

เข้าให้ไปที่ระบบหลังร้านเพื่อทำการกำหนดภาพ OG Image ก่อนนะครับ โดยเลือกไปที่เมนู ตั้งค่าร้านค้า > ข้อมูลร้านค้า > Logo ครับ

ขั้นตอนการสร้าง OG Image - 2

เมื่อเลื่อนลงมาด้านล่างจะพบเมนู Logo แสดงเมื่อแชร์ร้านค้าบน Facebook (og:image) สามารถกดที่ปุ่ม เปลี่ยนรูป ได้เลยครับ โดยที่ภาพ จะต้องเป็นไปตามข้อกำหนดของทางระบบนะครับ

  • ขนาดไฟล์ไม่เกิน 1 MB
  • รองรับไฟล์ .jpg และ .png
  • สัดส่วนสี่เหลี่ยมจัตุรัส ขนาด: 1200 x 630 px

ขั้นตอนการสร้าง OG Image - 3ขั้นตอนการสร้าง OG Image - 4


ขั้นตอนที่ 2

เข้าไปที่หน้าร้านค้าบน BentoWeb ได้เลยครับ จากนั้นให้ทำการ Copy ลิงก์ของร้านค้าใน BentoWeb Ex. https://pojimojimall.bentoweb.com/

ขั้นตอนการสร้าง OG Image - 5


ขั้นตอนที่ 3

นำลิงก์ที่ Copy ไว้เมื่อสักครู่ไปโพสต์บนหน้า Facebook Profile หรือ Facebook Page เพื่อเป็นการโปรโมทหน้าร้านค้า โดยปกติแล้วหากยังไม่ได้ทำการกำหนดรูป OG image ในระบบจะทำการดึงภาพ Logo ของ Website มาแสดงนะครับผม

ขั้นตอนการสร้าง OG Image - 6

ในกรณีที่ Facebook ดึงข้อมูลภาพมาแสดงไม่ถูกต้อง

มีวิธีแก้ไขดังนี้ครับ อันดับแรกให้เข้าไปที่ Facebook Developers เพื่อเป็นการแก้ไขลิงก์ครับผม จากนั้นให้นำลิงก์ร้านค้าไปวางตามภาพแล้วให้กดที่ปุ่ม "Fetch new Scrape information"

ขั้นตอนการสร้าง OG Image - 7ขั้นตอนการสร้าง OG Image - 8

หลังจากที่ทำการแก้ไขเรียบร้อยแล้ว ให้ทดลองนำลิงก์ไปโพสต์ดูนะครับ ผลที่ได้จะเป็นลักษณะนี้ครับ

ขั้นตอนการสร้าง OG Image - 9

หากภาพมีลักษณะเอียง หรือไม่อยู่กึ่งกลางไม่ต้องตกใจไปนะครับ เพราะเมื่อลองดูบนหน้าข่าวสาร รูปภาพบนโพสต์จะแสดงในลักษณะนี้ครับ

ขั้นตอนการสร้าง OG Image - 10


หากคุณมีข้อสงสัยในการใช้งาน คุณสามารถคุยกับเจ้าหน้าที่ของ BentoWeb ได้ผ่าน Live Help สีฟ้าด้านขวามือ หรือโทร 02 683 6512 นะครับ ขอบคุณครับ

Leave a Reply