ฉันกำลังทำงานบนเว็บไซต์และฉันได้ติดตั้งใบรับรอง SSL ของฉันเรียบร้อยแล้ว
ตัวตรวจสอบ GeoTrust SSL / TLS ยืนยันว่าห่วงโซ่ใบรับรอง (รวมถึง CA) ได้รับการติดตั้งอย่างเหมาะสม ทุกอย่างดูดีบน Chrome แต่กุญแจของฉันไม่เป็นสีเขียวและใน Firefox มันระบุว่าเว็บไซต์นั้นไม่ปลอดภัยเพราะมีองค์ประกอบที่ไม่ได้เข้ารหัสไว้
ฉันใช้บริการออนไลน์เพื่อตรวจสอบสาเหตุที่เป็นและปรากฎว่าภาพของฉันไม่ถือว่าเป็น URL ที่ปลอดภัย ฉันจะจัดการกับสถานการณ์นี้ได้อย่างไรฉันจะฝังรูปภาพในเว็บไซต์ของฉันอย่างปลอดภัยได้อย่างไร
คำตอบ:
แท็กรูปภาพของคุณต้องมีลักษณะดังนี้:
<img src="http://example.com/images/image.jpg">
นั่นhttpหมายความว่าภาพจะไม่ได้รับการเสิร์ฟอย่างปลอดภัย ผู้โจมตีสามารถเปลี่ยนภาพระหว่างทางและเปลี่ยนรูปลักษณ์ความปลอดภัยของผู้ใช้
คุณสามารถใช้สิ่งใดสิ่งหนึ่งต่อไปนี้เพื่อแสดงรูปภาพอย่างปลอดภัยแทน:
httpsอย่างชัดเจน:<img src="https://example.com/images/image.jpg"><img src="/images/image.jpg"><img src="//example.com/images/image.jpg">ชัดเจนhttpsจะให้บริการภาพอย่างปลอดภัยเสมอ (แม้ว่าหน้าจะไม่ได้ให้บริการอย่างปลอดภัย) ในขณะที่การเชื่อมโยงญาติจะให้บริการภาพอย่างปลอดภัยเฉพาะในกรณีที่ให้บริการหน้าอย่างปลอดภัย
ใน Firefox และ chrome คุณสามารถคลิกที่กุญแจและรับข้อมูลเพิ่มเติมเกี่ยวกับปัญหา หลังจากทำเช่นนี้แล้วนี่คือภาพหน้าจอจาก Firefox ที่แสดงรายการภาพทั้งหมดในหน้าเว็บ ง่ายในการสแกนรายการและดูว่ารายการใดhttp:
ปัญหาคือหน้าของคุณกำลังให้บริการลิงก์จากตำแหน่ง http ซึ่งตรงข้ามกับ https นี่เป็นเพราะการใช้ลิงค์ http ที่แน่นอนไปยังแหล่งข้อมูลอ้างอิงเช่นรูปภาพ มีสองวิธีที่ดีกว่าซึ่งจะช่วยให้คุณสามารถอ้างอิงลิงก์ใน http หรือ https และหลีกเลี่ยงปัญหานี้ได้
คุณต้องการค้นหาลิงก์เหล่านี้และเปลี่ยนเป็น:
- ลิงก์ที่เกี่ยวข้อง:เช่น
/wp-content/yourtheme/images/image1.jpg- หรือวาง // ที่ด้านหน้าของโดเมนเช่นเดียวกับในส่วน
//example.com/wp-content/wp-content/yourtheme/images/image1.jpgนี้จะให้บริการทรัพยากรเหล่านี้ผ่าน http หรือ https ตามคำขอใด ๆ ก็ตาม
ทั้งใน Chrome และ Firefox คุณสามารถคลิกไอคอนรูปกุญแจจากนั้นคลิกผ่านเพื่อดูรายการลิงก์ที่ไม่ปลอดภัยที่ละเมิด และถ้าคุณไม่สามารถมองเห็นภาพใด ๆ หรือแหล่งข้อมูลอื่น ๆ ไฮไลต์ในเบราว์เซอร์ แต่ยังคงได้รับข้อผิดพลาดที่คุณอาจพบว่ามีการโทรจาวาสคริปต์ที่อ้างอิงการเชื่อมโยงอย่างผ่านทาง http
//ที่จุดเริ่มต้นคือมาตรฐานnōnและเบราว์เซอร์เช่น Lynx จะบ่น
//) ในส่วน 2.4.3 มาตรฐานนี้มีอายุ 15 ปีและมีการใช้งานโดยเบราว์เซอร์หลักทั้งหมด รวมถึง Lynx
มันเป็นพื้นฐานจริงๆ เมื่อคุณสร้างเว็บไซต์ที่ให้บริการผ่าน SSL (https) การอ้างอิงใด ๆ ในรหัสของคุณที่ไม่ได้นำหน้าด้วย https จะเป็นการเตือนความปลอดภัย - นอกเหนือจากลิงก์ โปรดทราบว่าเบราว์เซอร์ส่วนใหญ่ (ทั้งหมด) จะเชื่อมโยงกับลิงก์เริ่มต้นไปยัง http ดังนั้นหากคุณต้องการอ้างอิง /uploads/12/5/img.jpg หรือ /js/jquery.js โปรโตคอลการโอนจะเริ่มต้นที่ http - ซึ่งน่ารำคาญจริงๆ
เบราว์เซอร์ทั้งหมดจัดการกับคำเตือนต่างกันเล็กน้อย แต่คุณจะได้รับข้อความบางประเภท ข้อความทั่วไปจะเป็นว่าเบราว์เซอร์ใหม่จะมีข้อความรุนแรงมากขึ้น เบราว์เซอร์รุ่นเก่าบางรุ่นอาจเพิกเฉยต่อข้อผิดพลาดเหล่านี้ในขณะที่เบราว์เซอร์รุ่นใหม่อาจทำตัวเหมือนโลกของคุณที่กำลังถูกโจมตี
หากคำแนะนำเหล่านี้ไม่ช่วยเมื่อไม่สามารถแสดงภาพหลังจากที่คุณเปิดใช้งาน SSL บนหน้าเว็บของคุณให้ตรวจสอบในกรณีที่การตั้งค่าฮอตลิงก์ของ cPanel สำหรับลิงก์ซึ่งอยู่ภายใต้หัวข้อความปลอดภัยของ cPanel เป็นไปได้มากว่าในการตั้งค่านี้คุณมีสิ่งต่อไปนี้http://example.comและhttp://www.example.comเปิดใช้งานเพื่ออนุญาตให้เข้าถึงรูปภาพในขณะที่httpsไม่ได้เปิดใช้งานเวอร์ชันเหล่านี้
ตรวจสอบการกำหนดค่าโปรโตคอล url ที่ปลอดภัยของคุณใน cms / wordpress / magento หรือแพลตฟอร์มอื่น ๆ ที่คุณใช้งาน คุณยังสามารถแชร์แท็กภาพของคุณได้ แต่ภาพ img src พื้นฐานไม่ได้มีข้อผิดพลาดแบบนั้น
โครงสร้างแท็กรูปภาพมีความสำคัญ แต่จุดเน้นของคำถามของคุณฉันคิดว่ามันเกี่ยวข้องกับ "ใบรับรอง" SSL ติดตั้งบนเว็บไซต์ของคุณ มีเรื่องส่วนตัวเกิดขึ้นกับฉันด้วย "Standard GoDaddy SSL Certificate
คุณจะเห็นไอคอนคำเตือนใน Firefox (โดยเฉพาะ) แถบการค้นหา URL โดยบอกว่าอาจมีภาพหรือองค์ประกอบที่ไม่ปลอดภัยในเว็บไซต์ของคุณ เท่าที่ฉันรู้มันเป็นเพียงเรื่องของวิธีการที่ firefox ประมวลผลข้อมูลเกี่ยวกับใบรับรองหรือข้อมูลที่รวมอยู่ในนั้น สิ่งนี้จะไม่เกิดขึ้นในซาฟารีโครเมี่ยมหรือเบราว์เซอร์อื่น ๆ ฉันพบวิธีแก้ปัญหานี้ติดตั้งแทน "Standard SSL" เป็น "ใบรับรอง SSL แบบพรีเมียมหรือใบรับรองการตรวจสอบเพิ่มเติมแบบขยาย EVC " ซึ่งมีข้อมูลรายละเอียดเพิ่มเติมเกี่ยวกับ บริษัท เว็บไซต์ คุณจะได้รับแถบ url ที่ปลอดภัยสำหรับกุญแจสีเขียว
อย่างไรก็ตามใบรับรอง SSL ระดับพรีเมียมอาจมีราคาแพงกว่าเล็กน้อยประมาณ $ 150 - $ 200 USD ต่อปี
