วิธีค้นหาและแก้ไขรูปภาพที่เสียหายใน WordPress

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

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

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

สารบัญ:

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

ภาพแตกคืออะไร?

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

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

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

การตรวจจับภาพที่เสียหายบนเว็บไซต์ของคุณ

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

หลังจากติดตั้งและเปิดใช้งานปลั๊กอินแล้ว คุณสามารถเข้าถึงหน้าการตั้งค่าของปลั๊กอินได้ทาง Settings >> Link Checker

ปลั๊กอิน Broken Link Checker จะสแกนเว็บไซต์ของคุณเพื่อหาลิงก์ที่เสีย หากมีปัญหาใดๆ คุณจะเห็นได้จากที่นี่หรือรับการแจ้งเตือนทางอีเมล

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

แก้ไขภาพเสีย

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

เส้นทางไฟล์ไม่ถูกต้อง

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

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

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

หลังจากเปลี่ยนรูปภาพที่เสียหายแล้ว ให้คลิกที่ อัปเดต เพื่อบันทึกการเปลี่ยนแปลงของคุณ

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

ที่นี่ คลิกที่ปุ่ม แทนที่ จากนั้นเลือกรูปภาพจากไลบรารีสื่อของคุณ สุดท้าย ให้คลิกที่ Update เพื่อแทนที่รูปภาพ

การแทนที่รูปภาพ HTML ที่กำหนดเอง

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

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

ขั้นแรก ลงชื่อเข้าใช้แดชบอร์ด WordPress แล้วไปที่ ลักษณะที่ ปรากฏ >> ปรับแต่ง

หลังจากนั้น เลือกบล็อก CSS เพิ่มเติม หรือเมนู CSS ที่กำหนดเอง

ในโปรแกรมแก้ไขโค้ด ให้ค้นหาบรรทัดของโค้ดที่เพิ่มรูปภาพและไฮไลต์เส้นทางไปยังรูปภาพ ถัดไป คลิกขวาแล้วเลือก Go to path-to-file …

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

หากต้องการอัปโหลดรูปภาพ ให้ไปที่ Media >> Add New หลังจากนั้นคลิกที่ Select Files จากนั้นเลือกไฟล์รูปภาพ เมื่ออัปโหลดเสร็จแล้ว ให้คลิกที่ปุ่ม คัดลอก URL ไปยังคลิปบอร์ด

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

ตรวจสอบชื่อไฟล์

นี่เป็นสาเหตุทั่วไปของปัญหาการโหลดรูปภาพ ตรวจสอบให้แน่ใจว่าการสะกดของรูปภาพเหมือนกับการสะกดในไลบรารีสื่อ ความผิดพลาดก็อาจเป็นเพียงอักขระพิเศษที่แตกต่างกันเล็กน้อย การพิมพ์ขีดล่าง (_) แทนเครื่องหมายขีดกลาง (-) อาจส่งผลให้รูปภาพเสียหายได้

ในการแก้ไขปัญหานี้ คุณต้องเปรียบเทียบชื่อไฟล์ในโพสต์หรือหน้ากับรูปภาพต้นฉบับในไลบรารีสื่อ สำหรับสิ่งนี้ ให้ลงชื่อเข้าใช้แดชบอร์ด WordPress แล้วไปที่ Media >> Library

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

บนแถบที่อยู่ คุณจะเห็นเส้นทางไปยังรูปภาพ ส่วนที่ไฮไลท์คือชื่อภาพตามภาพด้านล่าง

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

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

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

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

นามสกุลไฟล์ไม่ถูกต้อง

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

ปัญหาทั่วไปอีกประการหนึ่งเกิดขึ้นกับส่วนขยายรูปภาพ “jpg” และ “jpeg” แม้ว่าทั้งสองรูปแบบจะเหมือนกัน แต่คุณอาจพบข้อผิดพลาดของรูปภาพที่เสียหายหากคุณสลับรูปแบบหนึ่งเป็นอีกรูปแบบหนึ่ง

ใช้เส้นทางไฟล์สัมพัทธ์

เส้นทางสัมพัทธ์จะลิงก์ไปยังไฟล์ที่สัมพันธ์กับ URL ของหน้าแรก ใน WordPress เส้นทางสัมพัทธ์จะดึงชื่อโดเมนออก และใช้เส้นทางที่อยู่หลังโดเมนเท่านั้น

ดังนั้นในแอตทริบิวต์ “src” แทนที่จะเป็น “https://example.com/wp-content/uploads/image.png” แหล่งที่มาจะกลายเป็น “/wp-content/uploads/image.png” และรูปภาพของคุณจะทำงานได้ดีด้วยลิงก์สั้น ๆ

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

คุณสามารถใช้ปลั๊กอิน เช่น ปลั๊กอิน Make Paths Relative เพื่อบังคับให้ WordPress ใช้เส้นทางสัมพัทธ์สำหรับไฟล์สื่อของคุณ ปลั๊กอินนั้นง่ายต่อการติดตั้งและตั้งค่า

หลังจากติดตั้งและเปิดใช้งานปลั๊กอินแล้ว ให้ไปที่ Make Paths Relative >> Settings เพื่อเปิดหน้าการตั้งค่าปลั๊กอิน

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

ตรวจสอบให้แน่ใจว่าภาพมีอยู่

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

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

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

ปัญหาการโอน

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

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

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

สรุป – การแก้ไขภาพเสีย

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

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

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