การเลือกรูปภาพสำหรับโซเชียลมีเดีย

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

ตัวอย่างโพสต์ Facebook ที่แสดงรูปภาพที่แนบมา

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

  • หน้าสินค้า
  • หน้าคอลเลกชัน
  • บล็อกโพสต์

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

การตั้งค่ารูปภาพสำหรับแชร์ลงโซเชียลในส่วนผู้ดูแลของคุณ

ในการตั้งค่าร้านค้าออนไลน์ของร้านค้าคุณ คุณสามารถเพิ่มรูปภาพเริ่มต้นเพื่อใช้ในกรณีที่ไม่พบรูปภาพที่แสดงสำหรับหน้านั้นๆ ได้

การตั้งค่าในส่วนผู้ดูแลที่แสดงตัวอย่างรูปภาพที่แชร์บนโซเชียลมีเดีย

ขั้นตอน

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > การตั้งค่า

  2. ในส่วนรูปภาพสำหรับแชร์ลงโซเชียลและ SEO ให้เพิ่มรูปภาพใหม่หรือเปลี่ยนรูปภาพที่มีอยู่ดังนี้

  • หากต้องการเพิ่มรูปภาพใหม่ ให้คลิก เพิ่มรูปภาพ
  • หากต้องการเปลี่ยนรูปภาพที่มีอยู่ ให้คลิก เปลี่ยนรูปภาพ
  1. เลือกรูปภาพจากอุปกรณ์ของคุณที่คุณต้องการแสดงบนโซเชียลมีเดีย
  2. คลิกบันทึก

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

รูปภาพ fallback ของโลโก้

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

  • ส่วนหัว > โลโก้ (แนะนำ)
  • การตั้งค่าธีม > การชำระเงิน > โลโก้

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

โลโก้ร้านค้าทรงสี่เหลี่ยมจัตุรัสพร้อมแถบสีแดงที่ด้านข้างเพื่อสร้างรูปภาพทรงสี่เหลี่ยมผืนผ้า

ลำดับความสำคัญของรูปภาพสำหรับแชร์ลงโซเชียล

รูปภาพสำหรับแชร์ลงโซเชียลในส่วนร้านค้าออนไลน์ > การกำหนดลักษณะจะทำหน้าที่เป็นรูปภาพ fallback เมื่อไม่พบรูปภาพอื่น โดยระบบจะเลือกรูปภาพตามลำดับความสำคัญต่อไปนี้

  1. รูปภาพโค้ดธีม: รูปภาพที่ฮาร์ดโค้ดลงในไฟล์ธีมของคุณโดยตรง (ลำดับความสำคัญสูงสุด)
  2. รูปภาพจากการตั้งค่าธีม: รูปภาพที่อัปโหลดไปยังการตั้งค่าธีมสำหรับโซเชียลมีเดียหรือการชำระเงิน
  3. รูปภาพในการกำหนดลักษณะร้านค้าออนไลน์: รูปภาพ fallback เริ่มต้นที่อัปโหลดไปยังการตั้งค่า > ร้านค้าออนไลน์ > รูปภาพสำหรับแชร์ลงโซเชียล

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

ช่องรูปภาพสำหรับแชร์ลงโซเชียลแสดงผลเป็นค่าว่าง

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

  • การตั้งค่าธีม > การชำระเงิน > โลโก้
  • การตั้งค่าธีม > โซเชียลมีเดีย หรือ การแชร์ลงโซเชียล

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

รูปภาพสำหรับแชร์ลงโซเชียลไม่แสดงบนโซเชียลมีเดีย

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

การดูตัวอย่างรูปภาพของคุณ

ธีมฟรีของ Shopify ใช้ Open Graph tags เพื่อให้ข้อมูลเกี่ยวกับเว็บไซต์ของคุณแก่แพลตฟอร์มโซเชียลมีเดีย โดย Facebook, Twitter, LinkedIn, Pinterest และบริการอื่นๆ ต่างก็ใช้ Open Graph คุณสามารถดูตัวอย่างได้ว่ารูปภาพโซเชียลของคุณจะมีลักษณะเป็นอย่างไรบนบางแพลตฟอร์มด้วยเครื่องมือต่างๆ เช่น Twitter's Card Validator, Facebook's Crawler และ LinkedIn's Post Inspector