วิธีแก้ไขข้อผิดพลาดเนื้อหาแบบผสมใน WordPress

เผยแพร่แล้ว: 2023-12-19

WordPress เป็นสัญลักษณ์ของความคิดสร้างสรรค์และฟังก์ชันการทำงาน ทำให้ผู้ใช้หลายล้านคนสามารถนำแนวคิดดิจิทัลของตนไปสู่การปฏิบัติได้

อย่างไรก็ตาม แม้แต่เว็บไซต์ WordPress ที่ได้รับการออกแบบมาอย่างดีก็ต้องเผชิญกับอุปสรรคทางเทคนิค โดยปัญหาทั่วไปประการหนึ่งคือ “ข้อผิดพลาดเกี่ยวกับเนื้อหาผสม”

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

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

คุณพร้อมไหม? มาดำดิ่งกัน

สารบัญ

  1. ข้อผิดพลาดเนื้อหาแบบผสมใน WordPress คืออะไร?
  2. วิธีระบุข้อผิดพลาดเนื้อหาแบบผสมใน WordPress
  3. แก้ไขข้อผิดพลาดแก้ไขเนื้อหาผสมใน WordPress
  4. คำถามที่พบบ่อย
  5. บทสรุป

1 ข้อผิดพลาดเนื้อหาแบบผสมใน WordPress คืออะไร?

ข้อผิดพลาดเนื้อหาผสมใน WordPress เกิดขึ้นเมื่อเว็บไซต์ให้บริการผ่าน HTTPS แต่มีองค์ประกอบที่ไม่ปลอดภัย (HTTP) ด้วย

HTTP ย่อมาจาก Hypertext Transfer Protocol เป็นโปรโตคอลที่ช่วยให้เบราว์เซอร์ของผู้เยี่ยมชมสามารถสื่อสารกับเว็บไซต์ WordPress ของคุณได้ ในขณะที่ HTTPS หรือ Hypertext Transfer Protocol Secure เป็นเวอร์ชันที่ปลอดภัยของ HTTP ที่เข้ารหัสการสื่อสาร

HTTPS/SSL ช่วยปกป้องข้อมูลที่ละเอียดอ่อนจากแฮกเกอร์และรับรองว่าเว็บไซต์ของคุณปลอดภัย

เครื่องมือค้นหาเช่น Google ขอแนะนำอย่างยิ่งให้เจ้าของเว็บไซต์รวม HTTPS/SSL บนเว็บไซต์ของตน

การมีใบรับรอง Secure Sockets Layer (SSL) เป็นสิ่งสำคัญสำหรับเว็บไซต์ของคุณ เนื่องจากทำหน้าที่เป็นปัจจัยในการจัดอันดับและบ่งชี้ว่าเว็บไซต์ที่ใช้ HTTP ถือว่าไม่ปลอดภัย

ดังนั้นการไม่มีใบรับรอง SSL อาจส่งผลเสียต่ออันดับเว็บไซต์ของคุณ

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

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

กุญแจ

ในทางกลับกัน หากการตั้งค่า HTTPS/SSL ของคุณไม่ได้รับการกำหนดค่าอย่างถูกต้อง คุณจะเห็นป้ายข้อมูลหรือไอคอนแม่กุญแจที่เสียหายในแถบที่อยู่

คุณจะเห็นข้อความ: 'การเชื่อมต่อของคุณไปยังไซต์นี้ไม่ปลอดภัย'

การเชื่อมต่อไม่ปลอดภัย

ดังนั้น หากทรัพยากรบางอย่างบนเว็บไซต์ของคุณยังคงโหลดผ่านการเชื่อมต่อที่ไม่ปลอดภัย (HTTP) หลังจากติดตั้ง HTTPS/SSL คุณควรคาดว่าจะเกิดข้อผิดพลาดเนื้อหาผสม

รูปภาพ สคริปต์ และสไตล์ชีทเป็นตัวอย่างของทรัพยากรเหล่านี้

2 วิธีระบุข้อผิดพลาดเนื้อหาแบบผสมใน WordPress

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

คลิกตรวจสอบเพื่อแก้ไขข้อผิดพลาดเนื้อหาผสม

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

ข้อผิดพลาดเกี่ยวกับเนื้อหาผสมจะแสดงเป็นคำเตือนในคอนโซล ดังที่แสดงด้านล่าง

แท็บคอนโซล

หากมีข้อผิดพลาดเพียงข้อเดียวบนคอนโซล คุณสามารถแก้ไขได้ด้วยตนเองโดยแก้ไขโพสต์ เพจ หรือไฟล์ธีมที่พบ

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

คลิก URL

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

ตัวอย่างเช่น,

โดยทั่วไป. URL ของรูปภาพบนเว็บไซต์ของคุณควรมีลักษณะดังนี้: https://example.com/images/image.jpg.

อย่างที่คุณเห็น รูปแบบ URL ของรูปภาพด้านบนเริ่มต้นด้วย HTTPS

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

http://example.com/images/image.jpg.

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

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

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

ตอนนี้ เรามาตรวจสอบการแก้ไขข้อผิดพลาดเนื้อหาผสมใน WordPress อย่างง่ายดาย

3 แก้ไขข้อผิดพลาดแก้ไขเนื้อหาผสมใน WordPress

วิธีที่ง่ายที่สุดในการแก้ไขข้อผิดพลาดนี้คือการใช้ปลั๊กอิน

สิ่งที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน SSL Insecure Content Fixer

คุณสามารถดูบทช่วยสอนเฉพาะของเราเกี่ยวกับการติดตั้งปลั๊กอิน WordPress

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

ไปที่เนื้อหาที่ไม่ปลอดภัย SSL

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

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

1. เรียบง่าย

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

2. เนื้อหา

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

3. วิดเจ็ต

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

4. จับภาพ

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

5. จับภาพทั้งหมด

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

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

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

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

ในตัวเลือกสุดท้าย คุณต้องระบุวิธีที่คุณต้องการให้ WordPress ตรวจจับเมื่อมีการโหลดหน้าเว็บผ่าน HTTPS

การตรวจจับ HTTPS

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

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

4 คำถามที่พบบ่อย

ฉันจะแก้ไขข้อผิดพลาดเนื้อหาผสมใน WordPress ได้อย่างไร

วิธีที่ง่ายที่สุดคือการใช้ปลั๊กอิน WordPress
คุณสามารถอัปเดต URL ของเว็บไซต์ทั้งหมดได้ด้วยตนเอง
คุณยังคงแก้ไขไฟล์ .htaccess ของคุณได้ (จำเป็นต้องมีประสบการณ์การเขียนโค้ด)

ฉันจะป้องกันข้อผิดพลาดเนื้อหาผสมไม่ให้เกิดขึ้นในอนาคตได้อย่างไร

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

จะเกิดอะไรขึ้นหากฉันไม่สามารถแก้ไขข้อผิดพลาดเนื้อหาผสมบนเว็บไซต์ของฉันได้ด้วยตัวเอง

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

5. สรุป

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

เมื่อเลือกผู้ให้บริการโฮสติ้ง ตรวจสอบให้แน่ใจว่าผู้ให้บริการเสนอใบรับรอง SSL ฟรี และคุณได้ติดตั้งใบรับรอง SSL จากแผงโฮสติ้งหรือ cPanel ขณะติดตั้งเว็บไซต์ WordPress ของคุณ

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

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

หากคุณชอบโพสต์นี้ โปรดแจ้งให้เราทราบโดย ทวีต @rankmathseo