วิธีแก้ไขข้อผิดพลาดเนื้อหาผสมบน WordPress (ทีละขั้นตอน)

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

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

ฉันเคยไปที่นั่น และถ้าคุณใช้ WordPress มันก็ไม่น่ากลัวอย่างที่เห็น คุณเพียงแค่ต้องรู้ว่าจะต้องดูที่ไหนและจะแก้ไขอะไร มาดูกันเถอะ

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

ข้อผิดพลาดของเนื้อหาผสมเกิดขึ้นเมื่อเว็บไซต์ของคุณใช้ HTTPS แต่ยังคงพยายามโหลดบางสิ่งโดยใช้ HTTP

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

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

ผลลัพธ์?

• ไอคอนกุญแจของคุณหายไป
• บางไฟล์ไม่โหลด
• ไซต์ของคุณอาจดูเสีย
• เครื่องมือค้นหาจะไม่ชอบ

ส่วนใหญ่แล้วลิงก์ที่ไม่ปลอดภัยเหล่านี้มาจากรูปภาพไฟล์ CSS, JavaScript หรือ Embed ของบุคคลที่สาม บางครั้งมันเป็นสิ่งที่อยู่ในธีมหรือปลั๊กอินของคุณ

วิธีตรวจสอบว่าไซต์ของคุณมีเนื้อหาผสมหรือไม่

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

(i) ใช้ devtools ของเบราว์เซอร์ของคุณ

• เปิดเว็บไซต์ของคุณใน Google Chrome
• คลิกขวาที่ใดก็ได้ในหน้าและคลิก ตรวจสอบ
• ไปที่แท็บ คอนโซล
• หากมีเนื้อหาผสมคุณจะเห็นคำเตือนเช่น:
  Mixed Content: The page was loaded over HTTPS, but requested an insecure image.

มันบอกคุณว่าไฟล์ใดที่ทำให้เกิดปัญหา

(ii) ใช้เครื่องมือออนไลน์

นอกจากนี้คุณยังสามารถเรียกใช้เว็บไซต์ของคุณผ่านเครื่องมือฟรีเช่น:

• ทำไมไม่มีกุญแจล็อค
• ตัวตรวจสอบ SSL โดย jitbit

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

คู่มือทีละขั้นตอนเพื่อแก้ไขข้อผิดพลาดเนื้อหาผสมใน WordPress

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

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

• สำรองเว็บไซต์ของคุณ
• ติดตั้งและใช้ปลั๊กอิน SSL
• อัปเดตลิงก์ http hardcoded
• แก้ไขเนื้อหาผสมจากแหล่งภายนอก
• ตรวจสอบธีมและปลั๊กอินของคุณ

มาผ่านกระบวนการกันเถอะ

01. สำรองเว็บไซต์ของคุณ

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

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

ใช้ปลั๊กอินเช่น updraftplus , backupbuddy หรือ jetpack backup ส่วนใหญ่ให้คุณสำรองด้วยการคลิกเพียงครั้งเดียว

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

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

02. ติดตั้งและใช้ปลั๊กอิน SSL

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

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

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

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

• ฟิลด์ การตรวจจับ HTTPS กำหนดวิธีที่ไซต์ WordPress ของคุณระบุหน้า HTTPS คุณสามารถตั้งค่าเป็น ฟังก์ชั่น WordPress มาตรฐาน หรือเลือกตัวเลือกอื่นด้านล่างหากคุณใช้พร็อกซีย้อนกลับเช่น Nginx หรือ CloudFlare CDN

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

03. อัปเดตลิงก์ http hardcoded

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

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

• หลังจากติดตั้งปลั๊กอินนำทางไปยัง เครื่องมือ -> การค้นหาที่ดีขึ้นแทนที่ จากแดชบอร์ดผู้ดูแลระบบของคุณ
• กรอก ที่อยู่เว็บไซต์ HTTP ของคุณ ( http://yourwebsite.com
  ) และเพิ่มเวอร์ชัน HTTPS ( https://yourwebsite.com ) ลงในฟิลด์ แทนที่ด้วย
• ฟิลด์ Select Tables กำหนดตารางที่จะอัปเดต กด CTRL หรือ คำสั่ง และคลิกแต่ละรายการเพื่อเลือกตารางทั้งหมด
• ออกจากการตั้งค่าเพิ่มเติมตามที่พวกเขาเป็น แบบฟอร์มควรมีลักษณะเช่นนี้:

เริ่มต้นด้วยการวิ่งแห้งเพื่อตรวจสอบสิ่งที่พบ หากทุกอย่างดูดีให้เรียกใช้ของจริง

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

04. แก้ไขเนื้อหาผสมจากแหล่งภายนอก

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

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

สำหรับเซิร์ฟเวอร์ Apache:

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

 IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{SERVER_PORT} 80 RewriteRule ^(.*)$ https://yourdomainname.com/$1 [R,L] </IfModule>

• เปลี่ยนที่ที่คุณเห็น 'yourdomainname.com' เป็นโดเมนของคุณเอง
• บันทึกไฟล์
• หากคุณใช้ nginx แทน apache คุณจะต้องวางสิ่งต่อไปนี้แทน:

 server { listen 80; server_name yoursite.com www.yourdomainname.com; return 301 https://yourdomainname.com$request_uri; }

• เปลี่ยนที่ที่คุณเห็น 'yourdomainname.com' เป็นโดเมนของคุณเอง
• หากเว็บโฮสต์ของคุณใช้พอร์ตที่แตกต่างจากพอร์ต 80 ให้เปลี่ยนเช่นกัน

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

บทสรุป

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

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

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

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