إصلاح تحذير المحتوى المختلط: لماذا تظهر صور مكسورة على موقع HTTPS وكيفية إصلاحها

لقد أنشأت موقعاً آمناً، لكن Chrome لا يزال يعرض علامة "غير آمن" أو صوراً مفقودة. هذا هو تحذير المحتوى المختلط. إليك سبب حدوثه وكيفية إصلاحه بسرعة، حتى على موقع مبني بدون كود أو بالذكاء الاصطناعي.

لماذا تحجب المتصفحات موارد HTTP على صفحة HTTPS

عندما تُحمَّل صفحة عبر HTTPS، تتوقع المتصفحات أن كل مورد على تلك الصفحة — الصور والسكربتات وأوراق الأنماط والخطوط والإطارات المدمجة — يُحمَّل أيضاً عبر HTTPS. إذا استخدم مورد واحد فقط عنوان http:// القديم، تعتبر المتصفحات الصفحة محتوى مختلطاً.

تفعل المتصفحات ذلك لسبب بسيط: القفل الآمن لا يعني شيئاً إذا كان جزء من الصفحة قابلاً للتلاعب. يمكن لمهاجم على شبكة Wi-Fi عامة حقن سكربت عبر مورد غير آمن وسرقة بيانات النماذج أو إعادة توجيه الزوار. لذلك أصبحت Chrome وFirefox وSafari وEdge تحجب المحتوى المختلط أو تخفض تصنيفه افتراضياً.

النتيجة مرئية وضارة:

• تفشل الصور والفيديوهات في التحميل بصمت
• تظهر الخرائط أو النماذج المدمجة كمربعات فارغة
• تتوقف السكربتات المخصصة عن العمل
• يفقد شريط العنوان القفل ويعرض "غير آمن"

بالنسبة لشركة صغيرة، هذا يعني فقدان الثقة وفقدان المبيعات. نادراً ما يبلغ الزوار عن المشكلة — بل يغادرون فقط.

كيفية اكتشاف تحذيرات المحتوى المختلط في Chrome DevTools

لا تحتاج أن تكون مطوراً لتجد مصدر المشكلة. يعرض Chrome DevTools بالضبط أي مورد غير آمن.

1. افتح صفحتك في Chrome.
2. انقر بزر الفأرة الأيمن في أي مكان واختر Inspect، أو اضغط Ctrl+Shift+I (ويندوز) / Cmd+Option+I (ماك).
3. انقر على تبويب Console. ابحث عن رسائل بالأحمر أو الأصفر تذكر "Mixed Content".
4. كل تحذير يذكر عنوان URL الدقيق المسبب للمشكلة — مثلاً http://example.com/photo.jpg.
5. انتقل إلى تبويب Network، أعد تحميل الصفحة، وابحث عن الطلبات المعلَّمة بـ "blocked" أو "insecure".

اختصار سريع: انقر على أيقونة القفل أو "غير آمن" في شريط العنوان. يسرد Chrome الموارد غير الآمنة مباشرة. التقط لقطة شاشة لتلك القائمة — إنها قائمة الإصلاح الخاصة بك.

الإصلاحات الثلاثة الأكثر شيوعاً على موقع بدون كود أو مبني بالذكاء الاصطناعي

على موقع مبني بمنشئ مواقع بالذكاء الاصطناعي مثل webceke، عادة لا تلمس HTML. الإصلاح دائماً تقريباً واحد من هذه الخطوات الثلاث.

1. أعد رفع الصور والوسائط

إذا لُصقت صورة من مصدر قديم أو مضيف طرف ثالث يقدم http:// فقط، أعد رفعها عبر مكتبة الوسائط في موقعك. سيقوم المنشئ بتخزينها وتقديمها عبر HTTPS تلقائياً. استبدل الصورة القديمة في محرر الصفحة، ثم أعد النشر.

2. حوّل عناوين التضمين إلى HTTPS

خرائط التضمين وفيديوهات YouTube وأدوات الحجز وشارات التقييمات هي المخالفات المتكررة. افتح إعدادات التضمين وتحقق من العنوان:

• غيّر http:// إلى https://
• إذا كان المزود يقدم كود تضمين آمن، انسخ أحدث إصدار
• أزل عمليات التضمين من المزودين الذين لا يدعمون HTTPS إطلاقاً

معظم المنصات الرئيسية — Google Maps وYouTube وVimeo وCalendly — تدعم HTTPS. غالباً ما يحل تعديل حرف واحد التحذير بأكمله.

3. حدّث السكربتات المخصصة وأكواد التتبع

إذا أضفت تحليلات أو أدوات محادثة أو JavaScript مخصص، تحقق من مصدر السكربت. غالباً ما تشير مقتطفات التتبع القديمة إلى نقاط نهاية http://. حدّث المقتطف إلى إصدار HTTPS، أو أزله إذا كان المزود متوقفاً. في منطقة الكود المخصص في webceke، الصق المقتطف المصحح واحفظ.

بعد أي تغيير، أعد تحميل الصفحة بقوة (Ctrl+Shift+R) وتحقق من Console مرة أخرى. كرر حتى لا تبقى أي تحذيرات محتوى مختلط.

فحص بسيط قبل الإطلاق لأصحاب الشركات الصغيرة

قبل أن تعلن عن صفحة جديدة أو ترسل حملة، قم بهذا الفحص في 60 ثانية:

1. افتح الصفحة المباشرة في Chrome على الحاسوب.
2. تأكد من ظهور أيقونة القفل — لا نص "غير آمن".
3. افتح DevTools Console وابحث عن أخطاء المحتوى المختلط الحمراء.
4. مرر الصفحة كاملة وتأكد من تحميل كل صورة وخريطة ونموذج.
5. كرر على هاتفك، لأن شبكات الجوال قد تكشف موارد مختلفة.

إذا نجح كل شيء، فأنت نظيف. إذا لا، اعمل على الإصلاحات الثلاثة أعلاه — أعد الرفع، أو حوّل إلى HTTPS، أو حدّث السكربت.

أصلحه مرة واحدة، ثم دع المنشئ يتولى الأمر

تحذيرات المحتوى المختلط مزعجة، لكنها دائماً تقريباً مجموعة من عناوين URL قديمة وليست مشكلة تقنية عميقة. بمجرد تصحيحها، تحافظ منصة حديثة على أمان الرفع والتضمين الجديد افتراضياً.

يبني webceke الصفحات عبر HTTPS ويقدم وسائطك المرفوعة بأمان، فتختفي المصادر الأكثر شيوعاً للمحتوى المختلط قبل أن تبدأ. إذا كنت تفضل قضاء وقتك مع العملاء بدلاً من أخطاء Console، جرّب webceke مجاناً وانشر موقعاً آمناً متعدد اللغات في دقائق.