วันนี้มาในเรื่องที่มีคนถามถึงกันบ่อยๆ เกี่ยวกับ WordPress และ Facebook นั่นเองค่ะ หลายๆ คนมักจะมีปัญหาเกี่ยวกับการแชร์บทความไปยังเฟซบุค แล้วข้อมูลที่อยากให้แสดงนั้นไม่ตรงกับสิ่งที่เราอยากให้แสดง ตามหาปลั๊กอินนี่นู่นนั่นหลายตัว และเชื่อว่าหลายคนก็ลงปลั๊กอิน Yoast SEO อยู่แล้ว แต่แทบไม่ค่อยได้ใช้งานอะไร หรือไม่รู้ว่ามันทำอะไรได้บ้าง มาดูการใช้งานในส่วนของ Facebook ที่มันมีให้มาดีกว่า ว่าเป็นยังไงบ้าง

facebook-share

Download

รูปภาพ และ ข้อความ

การตั้งค่าภาพปกของบทความที่แชร์ไปยังเฟซบุค ทำได้โดยการตั้งค่าแท็บ Social ในกล่อง Yoast SEO บนบทความที่เราเขียนนั่นเอง (ภาพควรกว้าง 640 pixel ขึ้นไป เวลาเปิดใน iPad จะได้เป็นแบบเต็มหน้า) โดยเราสามารถที่จะใส่ Facebook Title, Facebook Description แยกต่างหากได้ด้วย แต่หากไม่เขียนตรงนี้ มันก็จะดึงเอา Meta Description ที่เราเขียนไว้ในแท็บ General มาใช้

การเลือกรูปภาพจากแท็บ Social นี้ จะเป็นการ Overwrite ค่าเดิมของ WordPress คือ Facebook จะไม่สนว่าเรามีภาพอะไรในโพส หรือตั้งค่า Featured image ไว้เช่นไร ดังนั้นเราจึงสามารถกำหนด Featured image เป็นภาพนึง แล้วภาพที่แชร์ไปยัง Facebook เป็นอีกภาพนึงได้ แก้ปัญหาคนที่บอกว่า ภาพไม่ตรงทั้งๆ ที่ตั้ง Featured image แล้วก็ตาม

ไม่เพียงแค่นั้น เรายังสามารถกำหนดโซเชี่ยวอื่นๆ ได้ด้วย ไม่จำเป็นว่าจะเฉพาะ Facebook เพียงอย่างเดียว

BY… แสดงเจ้าของบทความ

author-facebook

เราสามารถกำหนดให้เมื่อเวลาแชร์แล้วขึ้นข้อความว่า BY …  ชื่อเพจ ซึ่งเมื่อคลิกแล้วก็จะไปยังเพจของเรา

ไปที่เมนู User > Your Profile ใส่ Facebook profile URL ลงไป ถ้าใครอยากให้แสดง BY เป็นชื่อตัวเอง ก็ใส่ Facebook ตัวเอง

contact-info

 

Facebook Open Graph

เพื่อแสดงใส่ข้อมูลต่างๆ ของเว็บ เวลา Facebook มาอ่าน มันก็จะอ่านข้อมูล og หรือ open graph นี่แหละค่ะ และยังมีประโยชน์นำไปใช้กับปลั๊กอินอื่นๆ ด้วย

ไปที่เมนู SEO > Social ในแท็บ Facebook ทำการติ๊กเพื่อเปิด Open Graph Meta data จากนั้นใส่ Facebook App ID ที่ด้านล่าง

(หากใครต้องการจะเขียนหน้า Home เองก็ทำที่ Frontpage settings ได้เลย เพราะเว็บของหลายท่านนั้น หน้า Home จะเป็นหน้รวมบทความ ดังนั้นเราจะเซ็ทให้เวลาคนแชร์หน้าแรก หรือเวลาเราไปแปะเว็บเรา www.wpthiuaser.com ที่ Facebook ต่างๆ แล้วเป็นรูปและข้อความที่ต้องการ ก็ทำที่ตรงนี้แหละ)

yoast-facebook-author

facebook-home

การสร้าง Facebook App ID

ไปที่ https://developers.facebook.com ที่เมนู My Apps เลือก Add a New App

add-new-app

เลือกแบบ Website

www

กรอกชื่อแอปแล้วคลิก Create New Facebook App ID

create-new-app

เลือก Category แล้วคลิก Create App ID

add-new-app

ใส่ URL แล้วคลิก Next และปิดหน้านี้ออกไปค่ะ

ไปที่ https://developers.facebook.com อีกครั้ง ทีนี้เลือกอันที่เราสร้างเมื่อกี้

app-name

ก็จะได้ Facebook App ID ที่เชื่อมโยงกับเว็บของเราไว้นำไปใช้แล้วค่ะ

new-app-id

App ID นี้เรายังสามารถไปใช้ร่วมกับปลั๊กอินอื่นๆ เช่น ปลั๊กอิน Facebook Comment ทำให้เราสามารถ Moderate คอมเม้นท์ ลบ แบน หรือกรองคอมเม้นท์ที่เป็นสแปมได้ด้วยค่ะ

moderate

การกรองคอมเม้นท์

ไปที่ https://developers.facebook.com/tools/comments แล้วเซ็ทตามภาพ

การจัดการคอมเม้นท์ Facebook

การจัดการคอมเม้นท์ Facebook

Facebook Object Debugger

เราสามารถนำลิงค์ของเรา ไปทำการทดสอบข้อมูลเพื่อดูว่าผลลัพธ์ที่ได้จากการแชร์นั้นจะตรงตามที่ต้องการหรือไม่ หรือมีปัญหาตรงไหนบ้างที่จะต้องแก้ไข เช่น Open Graph ไม่ถูกต้องเพราะมีการชนกันกับปลั๊กอินอื่น เป็นต้น

ไปที่หน้า Facebook Object Debugger

กรอก URL หน้าที่ต้องการ แล้วคลิก Fetch new scrape information

debug-url

เฟซบุคก็จะแสดงข้อมูลแบบด้านล่าง สามารถแก้ไขแล้วกดอีกครั้งก็ได้

result-object-debugger

ตรง BY … ชื่อเฟซ หากใครเพิ่งใส่ข้อมูลใน Contact Info อาจจะต้อง Fetch หลายรอบนิดนึงในครั้งแรกนะคะ เดี๋ยวมันก็จะดึงมาให้

 

เราใช้ธีม Total และมันกำลังลดราคา!$49 Lifetime update
Search