ผู้เขียน หัวข้อ: Yoast SEO กับ Facebook แชร์ยังไง ให้แสดงข้อมูลของเว็บ  (อ่าน 945 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
วันนี้มาในเรื่องที่มีคนถามถึงกันบ่อยๆ เกี่ยวกับ WordPress และ Facebook นั่นเองค่ะ หลายๆ คนมักจะมีปัญหาเกี่ยวกับการแชร์บทความไปยังเฟซบุค แล้วข้อมูลที่อยากให้แสดงนั้นไม่ตรงกับสิ่งที่เราอยากให้แสดง ตามหาปลั๊กอินนี่นู่นนั่นหลายตัว และเชื่อว่าหลายคนก็ลงปลั๊กอิน Yoast SEO อยู่แล้ว แต่แทบไม่ค่อยได้ใช้งานอะไร หรือไม่รู้ว่ามันทำอะไรได้บ้าง มาดูการใช้งานในส่วนของ Facebook ที่มันมีให้มาดีกว่า ว่าเป็นยังไงบ้าง



 Yoast SEOรูปภาพ และ ข้อความการตั้งค่าภาพปกของบทความที่แชร์ไปยังเฟซบุค ทำได้โดยการตั้งค่าแท็บ ​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… แสดงเจ้าของบทความ



เราสามารถกำหนดให้เมื่อเวลาแชร์แล้วขึ้นข้อความว่า BY …  ชื่อเพจ ซึ่งเมื่อคลิกแล้วก็จะไปยังเพจของเรา
ไปที่เมนู User > Your Profile ใส่ Facebook profile URL ลงไป ถ้าใครอยากให้แสดง BY เป็นชื่อตัวเอง ก็ใส่ Facebook ตัวเอง


 
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 ต่างๆ แล้วเป็นรูปและข้อความที่ต้องการ ก็ทำที่ตรงนี้แหละ)





การสร้าง Facebook App IDไปที่ https://developers.facebook.com ที่เมนู My Apps เลือก Add a New App



เลือกแบบ Website

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



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



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


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



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



App ID นี้เรายังสามารถไปใช้ร่วมกับปลั๊กอินอื่นๆ เช่น ปลั๊กอิน Facebook Comment ทำให้เราสามารถ Moderate คอมเม้นท์ ลบ แบน หรือกรองคอมเม้นท์ที่เป็นสแปมได้ด้วยค่ะ
การกรองคอมเม้นท์ไปที่ https://developers.facebook.com/tools/comments แล้วเซ็ทตามภาพ
การจัดการคอมเม้นท์ Facebook

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


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


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


ที่มา:  http://www.wpthaiuser.com/yoast-seo-facebook-open-graph/
« แก้ไขครั้งสุดท้าย: 22 มกราคม 2017, 20:49:27 โดย smf »