TL; DR: ปัญหาภาพการแบ่งปันทางสังคมไม่ได้อยู่กับ Beaver Builder เอง มันเป็นข้อมูลเมตาทางสังคมที่ขาดหายไป จับคู่ Beaver Builder ด้วยปลั๊กอิน SEO ตั้งค่ารูปภาพโซเชียลที่กำหนดเองและแสดงภาพที่โดดเด่นในเทมเพลต Beaver Themer เพื่อควบคุมว่าเนื้อหาของคุณดูอย่างไรบนโซเชียลมีเดีย

คุณเคยแชร์โพสต์บล็อกหรือหน้าบน Facebook เพียงเพื่อดู ภาพที่ไม่ถูกต้อง ปรากฏในตัวอย่างหรือไม่?

ถ้าเป็นเช่นนั้นคุณไม่ได้อยู่คนเดียว

ผู้ใช้รายหนึ่งเพิ่งถามคำถามนี้ในกลุ่ม Facebook ของ Beaver Builder:

“ ไม่มีใครมีวิธีแก้ปัญหาที่เป็นมิตรกับผู้สร้างบีเวอร์สำหรับการโพสต์ข้ามไปยังโซเชียลมีเดียหรือไม่ตัวอย่างเช่นเมื่อฉันโพสต์ไปที่ Facebook ฉันไม่ได้รับภาพขนาดย่อที่เหมาะสมของภาพที่โดดเด่น-ผู้สร้าง BEAVER ดูเหมือนจะดึงภาพแรกบนหน้า

นี่เป็นปัญหาทั่วไปและโชคดีที่มีวิธีแก้ปัญหาบางอย่าง (และโซลูชั่นเชิงรุก) ที่จะช่วยให้คุณควบคุมว่าเนื้อหาของคุณปรากฏอย่างไรเมื่อใช้ร่วมกัน

ลองดูว่าทำไมสิ่งนี้จึงเกิดขึ้นและวิธีการแก้ปัญหาโดยใช้ปลั๊กอิน SEO เทมเพลตบีเวอร์ ธ อเมอร์และแนวทางปฏิบัติที่ดีที่สุดในการเพิ่มประสิทธิภาพ

จะแก้ไขภาพที่ไม่ถูกต้องเมื่อฉันแชร์เพจของฉันได้อย่างไร?

เมื่อคุณโพสต์ลิงก์ไปยัง Facebook หรือแพลตฟอร์มโซเชียลอื่น ๆ พวกเขาพึ่งพา แท็กเมตากราฟเปิด เพื่อพิจารณาว่าภาพชื่อและคำอธิบายใดที่จะแสดง หากแท็กเหล่านั้นไม่ได้ตั้งค่าอย่างถูกต้องแพลตฟอร์มอาจคว้าภาพแรกที่พบในหน้า - และมันก็ไม่สวยเสมอไป

Beaver Builder ไม่ได้จัดการข้อมูลเมตาทางสังคมนอกกรอบ แต่ด้วยตัวเลือกง่ายๆคุณสามารถแก้ไขปัญหาภาพการแชร์โซเชียลใน Beaver Builder และแพลตฟอร์มคู่มือเพื่อแสดงสิ่งที่คุณต้องการ:

1. ใช้ปลั๊กอิน SEO เพื่อตั้งค่าภาพสังคมที่กำหนดเอง

วิธีที่มีประสิทธิภาพที่สุดในการแก้ไขปัญหาภาพการแชร์ทางสังคมใน Beaver Builder คือการใช้ปลั๊กอิน SEO ตัวเลือกยอดนิยมบางอย่าง ได้แก่ :

• yoast seo
• อันดับคณิตศาสตร์
• ทั้งหมดใน SEO เดียว

ปลั๊กอินเหล่านี้ช่วยให้คุณตั้งค่า รูปภาพโซเชียลมีเดีย ชื่อเรื่อง และ คำอธิบาย สำหรับทุกโพสต์และหน้าแยกจากชื่อ SEO ปกติของคุณหรือภาพเด่น:

วิธีการตั้งค่าภาพสังคมใน Yoast SEO:

• เปิดโพสต์หรือหน้าของคุณในตัวแก้ไข WordPress
• คลิกที่ไอคอน YOAST ในการนำทางด้านบน
• เลื่อนลงและคลิกปุ่ม รูปลักษณ์ของโซเชียลมีเดีย เพื่อเปิดการตั้งค่าโซเชียล
• อัปโหลด ภาพสังคมที่กำหนดเอง ของคุณและเขียน ชื่อและคำอธิบาย ที่คุณต้องการ

สิ่งนี้จะช่วยให้คุณสามารถควบคุมสิ่งที่ Facebook, LinkedIn, X (เดิมคือ Twitter) และอื่น ๆ แสดงในตัวอย่าง

เคล็ดลับจาก Beaver Builder Pro (ดู #5 ด้านล่าง): ใช้ตัวดีบักแชร์ Facebook เพื่อทดสอบว่าหน้าของคุณปรากฏอย่างไรและบังคับให้ Facebook กลับมาใหม่หลังจากทำการเปลี่ยนแปลง

2. ใช้ Beaver Themer เพื่อส่งออกภาพที่โดดเด่น

อีกวิธีหนึ่งที่ผู้ใช้แนะนำในกลุ่ม Facebook ของ Beaver Builder คือการทำให้แน่ใจว่าภาพเด่นของคุณจะ ปรากฏ บนหน้าเว็บ

ทำไมวิธีการนี้จึงใช้งานได้:

เทมเพลต Beaver Builder มักจะแทนที่เอาต์พุตธีมเริ่มต้น หากคุณไม่ได้เพิ่มภาพที่โดดเด่นในเค้าโครงของคุณอย่างชัดเจนอาจไม่มีอยู่ใน HTML ของหน้าและแพลตฟอร์มโซเชียลของหน้าจะไม่ตรวจจับ

หากคุณกำลังสร้างเลย์เอาต์ที่กำหนดเองด้วย Beaver Themer คุณสามารถทำตามขั้นตอนเหล่านี้เพื่อตั้งค่าภาพที่โดดเด่น:

1. ไปที่ Beaver Builder> เลย์เอาต์ Themer
2. แก้ไขเทมเพลต โพสต์เอกพจน์ ของคุณหรือสร้างเทมเพลตใหม่
3. เพิ่ม โมดูลรูปภาพที่โดดเด่น จากแผงโมดูล Beaver Builder (ลองใช้แถบค้นหาเพื่อค้นหา 'โมดูลรูปภาพที่โดดเด่น' หากในตอนแรกคุณไม่เห็นมันอยู่ในรายการ)
4. วางตำแหน่งอย่างมีกลยุทธ์เช่นที่ด้านบนของหน้าหรือซ่อนเร้นด้วยสายตาโดยใช้ CSS หากต้องการ

นอกเหนือจากการแบ่งปันทางสังคมวิธีนี้จะสร้างความสอดคล้องทางภาพในโพสต์บล็อกของคุณ ทุกโพสต์จะมีภาพเด่นที่มีขนาดเหมาะสมและอยู่ในตำแหน่งที่ดีซึ่งช่วยเพิ่มประสบการณ์ผู้อ่าน นอกจากนี้คุณยังสามารถใช้สไตล์ที่สอดคล้องกันตัวกรองหรือซ้อนทับผ่านการตั้งค่าโมดูลสร้างความสวยงามของแบรนด์ที่เหนียวแน่น

3. ตั้งค่าภาพการแชร์โซเชียลเริ่มต้น (เป็นการสำรองข้อมูล)

แม้ว่าคุณจะลืมตั้งค่าภาพที่กำหนดเองปลั๊กอิน SEO ของคุณสามารถกำหนด ภาพโซเชียลเริ่มต้น สำหรับหน้าหรือโพสต์ทั้งหมด สิ่งนี้ทำให้มั่นใจได้ว่าหากมีอะไรบางอย่างผ่านรอยแตกลิงค์ที่ใช้ร่วมกันยังคงดูสะอาดและเป็นมืออาชีพ-ไม่เหมือนโลโก้ซูมเข้าหรือภาพสุ่ม

ทำไมต้องใช้ภาพเริ่มต้น?

• ทำหน้าที่เป็นเครือข่ายความปลอดภัยเมื่อไม่มีการตั้งค่าภาพที่กำหนดเอง
• รักษารูปลักษณ์ที่เป็นมืออาชีพและมีตราสินค้า
• ป้องกันไม่ให้แพลตฟอร์มโซเชียลดึงภาพที่ไม่เกี่ยวข้องหรือคุณภาพต่ำ

อะไรทำให้ภาพเริ่มต้นที่ดี?

• โลโก้ของคุณบนพื้นหลังที่สะอาดและมีตราสินค้า
• กราฟิกบล็อกทั่วไปที่มี URL และสีแบรนด์ของคุณ
• ขนาด: 1200 × 630 พิกเซล

ปลั๊กอิน SEO ส่วนใหญ่อนุญาตให้คุณอัปโหลดภาพเริ่มต้นในการตั้งค่าทั่วโลก นำทางไปยังส่วนโซเชียลมีเดียของการตั้งค่าปลั๊กอินของคุณและค้นหาตัวเลือกเช่น "ภาพเริ่มต้น" หรือ "ภาพทางเลือก" ปลั๊กอินบางตัวยังให้คุณตั้งค่าเริ่มต้นที่แตกต่างกันสำหรับ Facebook และ Twitter

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

4. เคล็ดลับการเพิ่มประสิทธิภาพรูปภาพสำหรับการแบ่งปันทางสังคม

เพื่อให้ภาพที่ใช้ร่วมกันของคุณเปล่งประกายปฏิบัติตามแนวทางเหล่านี้:

• ขนาด: 1200 x 630 พิกเซล (เหมาะสำหรับ Facebook และ LinkedIn)
• รูปแบบ: jpg หรือ png
• อัตราส่วนภาพ: 1.91: 1
• ข้อความน้อยลงภาพมากขึ้น: ภาพข้อความหนักอาจเข้าถึงได้น้อยลงในบางแพลตฟอร์ม

ข้อมูลจำเพาะทางเทคนิคการดำน้ำลึก: ขนาด 1200 x 630 พิกเซลไม่ได้เป็นไปตามอำเภอใจ เป็นจุดที่น่าสนใจที่ใช้งานได้หลายแพลตฟอร์ม Facebook แนะนำขนาดนี้ LinkedIn จะแสดงอย่างสมบูรณ์แบบและพืช Twitter ได้อย่างเหมาะสม ในขณะที่รูปแบบดั้งเดิมของ Twitter นั้นแตกต่างกัน (1200 x 675) อัตราส่วน 1.91: 1 ทำให้มั่นใจได้ว่าภาพของคุณจะแสดงได้ดีทุกที่

ขนาดไฟล์ก็สำคัญเช่นกัน เก็บภาพต่ำกว่า 1MB สำหรับเวลาโหลดที่เร็วขึ้น JPG ทำงานได้ดีที่สุดสำหรับภาพถ่ายและภาพที่ซับซ้อนที่มีหลายสีในขณะที่ PNG เหมาะสำหรับกราฟิกที่มีข้อความโลโก้หรือการออกแบบที่เรียบง่ายที่มีสีน้อยลง

5. รีเฟรชแคชของ Facebook ด้วยการแชร์ดีบักเกอร์

หากเพจของคุณถูกแชร์บน Facebook ก่อนที่คุณจะอัปเดตภาพการแชร์โซเชียล Facebook อาจยังคงแสดงหน้าเก่า สิ่งนี้เกิดขึ้นเพราะ Facebook แคชข้อมูลเมตาของหน้าคุณ (ชื่อคำอธิบายและรูปภาพ)

เพื่อบังคับให้ Facebook ใช้ภาพที่อัปเดตของคุณ:

1. เยี่ยมชมตัวดีบักแชร์ Facebook
2. ป้อน URL หน้าของคุณแล้วคลิก DEBUG
3. ตรวจสอบตัวอย่าง หากคุณเห็นภาพที่ไม่ถูกต้องให้คลิก ขูดอีกครั้ง
4. Facebook จะรีเฟรชแคชด้วยการตั้งค่าล่าสุดของคุณ

โปรดทราบว่าหากคุณทำการเปลี่ยนแปลงหลายครั้งในแถวคุณอาจต้องขูดอีกครั้งหลังจากการอัปเดตแต่ละครั้ง

การแก้ไขที่คุณต้องการคืออะไร?

คุณมีวิธีการไปสู่การแก้ปัญหาภาพการแบ่งปันทางสังคมใน Beaver Builder หรือไม่?

เข้าร่วมการสนทนาในกลุ่ม Facebook: คุณพบเคล็ดลับเฉพาะของผู้สร้างบีเวอร์ที่ฉลาดเราชอบที่จะได้ยิน!

อาคารที่มีความสุข (และการแบ่งปัน)!