แก้ปัญหาตัวอย่างลิงก์ในโพสต์โซเชียล

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

ตัวอย่างโซเชียลจะขึ้นอยู่กับเมตาแท็กในส่วน < head > ของหน้าเว็บ HTML ของคุณ แท็กเหล่านี้บอกแพลตฟอร์มไซต์โซเชียลมีเดียว่าควรให้ความสำคัญกับอะไรเมื่อสร้างตัวอย่างลิงก์ที่แชร์ของคุณ เมตาแท็กพื้นฐานคือ:

• og: title: ชื่อเนื้อหาของคุณ
• og: type: ประเภทของคอนเทนต์ของคุณเช่นวิดีโอหรือหน้าเว็บ
• og: image: URL ของภาพที่แสดงถึงเนื้อหาของคุณ
• og: url: URL ที่ไม่ซ้ำกันของเนื้อหาของคุณที่จะใช้เป็น ID ถาวร
• og: description: คำอธิบายที่สรุปภาพของคุณ

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

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

ภาพเด่นชื่อหน้าเว็บหรือคำอธิบายหน้าเว็บไม่ปรากฏในหน้าตัวอย่างโพสต์

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

การแก้ไขปัญหาภายใน HubSpot 

หากลิงก์ไปยังโพสต์บล็อกหน้า Landing Page หรือหน้าเว็บไซต์ที่โฮสต์โดย HubSpot โปรดตรวจสอบให้แน่ใจว่าได้ตั้งค่าภาพเด่นในหน้าเว็บหรือโพสต์แล้ว

นอกจากนี้คุณยังสามารถตั้งค่าแท็ก og:image ด้วยตนเองเพื่อเพิ่มรูปภาพเด่น: 

• ไปที่เนื้อหาของคุณ:

  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
• คลิกชื่อเพจของคุณ
• ในตัวแก้ไขเนื้อหาให้คลิกเมนูการตั้งค่าแล้วเลือกคลิก 
• ในกล่องโต้ตอบให้วางข้อมูลโค้ดนี้ลงใน ช่อง HTML ส่วนหัว :

• แทนที่ URL IMG ด้วย URL ของไฟล์ภาพของคุณ

• หากต้องการเพิ่มประสิทธิภาพภาพสำหรับ X ให้ป้อนข้อมูลโค้ดเพิ่มเติมนี้ลงในฟิลด์ HTML ส่วนหัว : 

• ที่ด้านบนขวาให้คลิกเผยแพร่หรืออัปเดตเพื่อตั้งค่าการเปลี่ยนแปลงแบบเรียลไทม์ 

การแก้ไขปัญหาด้วยเครื่องมือสำหรับนักพัฒนาเบราว์เซอร์

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

• og:image และ meta tags อื่นๆจะแสดงอย่างถูกต้อง 
• รายละเอียดสำหรับแต่ละแท็กถูกต้อง ตัวอย่างเช่นตรวจสอบว่า URL ภาพเด่นสำหรับแท็ก og:image ถูกต้อง
• มีการเกิดขึ้นเพียงครั้งเดียวของเมตาแท็กแต่ละประเภท หากมีการเกิดขึ้นหลายครั้งของแท็ก meta เดียวกันเครือข่ายสังคมอาจไม่เลือกที่ถูกต้องเมื่อสร้างตัวอย่างลิงก์
• เมตาแท็กของคุณอยู่ใกล้กับด้านบนของ HTML หากคุณมีรหัสหรือมาร์กอัปเพิ่มเติมก่อนแท็ก meta ของคุณโปรแกรมรวบรวมข้อมูลเครือข่ายสังคมอาจไม่สามารถค้นหาแท็กเหล่านี้ได้ 
  
  

การแก้ปัญหาด้วยเครื่องมือดีบักเครือข่ายสังคมออนไลน์

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

• Facebook Sharing Debugger: Facebook จะรวบรวมเนื้อหาที่แชร์ใหม่ทุก 24 ชั่วโมงโดยอัตโนมัติ หากต้องการเรียกใช้การรวบรวมข้อมูลใหม่ด้วยตนเองให้คลิกขูดอีกครั้งในดีบักเกอร์การแชร์
• ตัวตรวจสอบความถูกต้องของบัตร X: X แคชเนื้อหาเป็นเวลา 7 วันหลังจากเผยแพร่โพสต์ ป้อน URL ของคุณและคลิกดูตัวอย่างการ์ดในเครื่องมือตรวจสอบความถูกต้องของการ์ดเพื่อเรียกดูเนื้อหาของคุณอีกครั้ง
• LinkedIn Post Inspector: เนื้อหาแคชของ LinkedIn เป็นเวลา 7 วันหลังจากเผยแพร่โพสต์ คลิกตรวจสอบใน Post Inspector เพื่อเรียกดูเนื้อหาของคุณอีกครั้ง

โดยทั่วไปโพสต์ใดๆที่เผยแพร่ก่อนที่จะเรียกดูหน้าเว็บอีกครั้งจะยังคงเก็บภาพที่ไม่ถูกต้องไว้ หากยังไม่ได้ตั้งค่าแท็ก og:image สำหรับหน้าเว็บเครือข่ายสังคมจะสแกนหน้าเว็บเพื่อค้นหาภาพที่เหมาะสมที่สุดที่จะรวมไว้ในโพสต์ทางสังคมซึ่งมักจะเป็นภาพแรกที่พบ ภาพตัวอย่างลิงก์อาจไม่ปรากฏขึ้นเลยหากใช้ไฟล์ robots.txt หรือซอฟต์แวร์รักษาความปลอดภัยเพื่อป้องกันการรวบรวมข้อมูลหน้าเว็บ

ปัญหาการแสดงภาพเด่น 

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

ขนาดหรืออัตราส่วนของภาพไม่ถูกต้อง

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

แนะนำให้ใช้ขนาดต่อไปนี้สำหรับการเพิ่มประสิทธิภาพภาพเด่นในแต่ละเครือข่าย:

• Facebook: 1.91: 1
• X: 16: 9 สำหรับโพสต์รูปภาพและ 1.91: 1 สำหรับภาพเด่นในโพสต์ลิงก์
• Instagram (สี่เหลี่ยม): 1: 1
• Instagram (แนวตั้ง): 4: 5
• Instagram (แนวนอน): 1.91: 1
• LinkedIn (แนวนอน): 1.91: 1

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

• Facebook: 8MB (ต่ำกว่า 1MB แนะนำสำหรับไฟล์ PNG เพื่อหลีกเลี่ยงการพิกเซล)
• Instagram: 8MB
• X: 5MB (15MB สำหรับ GIF)
• LinkedIn: 10MB

ความแตกต่างของสีของภาพ

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

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

ความแตกต่างในความคมชัดของภาพ

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

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