الرئيسية / الملفات الخارجية على المواقع: الصور، CSS، وJavaScript

الملفات الخارجية على المواقع: الصور، CSS، وJavaScript

يستخدم العديد من المواقع ملفات خارجية مثل؛ ملفات الصور، CSS، وJavaScript. تميل هذه إلى أن تكون موجودة على نطاقات خارجية. يمكن أن يكون هذا مفيدًا حيث يقدمون حلولًا جاهزة تناسب موقعك.

CSS يعني Cascading Style Sheets. يُستخدم CSS لتصميم صفحات HTML. يوفر جاذبية بصرية لصفحة الويب.

مع CSS، يمكنك:

  • تحديد موقع العناصر على الصفحة؛
  • الإشارة إلى المسافة بين العناصر؛
  • تعيين نوع الخط ولونه وحجمه؛
  • تعيين ألوان الخلفية وإضافة صور الخلفية.

الطريقة الأكثر شيوعًا لتنفيذ CSS هي باستخدام ورقة أنماط خارجية .css. يتم وضع الرابط إلى الملف في قسم <head> من الصفحة.

بالإضافة إلى ذلك، غالبًا ما تُستخدم ملفات CSS منفصلة لأنواع مختلفة من الصفحات.

مثال على ملفات CSS خارجية في كود HTML للصفحة:

مثال على ملفات CSS خارجية في كود HTML للصفحة

يساعد JavaScript في جعل الصفحة تفاعلية ووظيفية. يسمح استخدام JavaScript لمدير الموقع بجعل الصفحة ديناميكية للمستخدم، مما يعني أن العناصر يمكن أن تتحدث عندما يقوم المستخدم بإكمال إجراء. يمكن استخدام JavaScript لإنشاء:

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

مثال على ملف JavaScript خارجي في HTML للصفحة:

مثال على ملف JavaScript خارجي في HTML للصفحة

المشكلات المرتبطة بالملفات الخارجية

  • يمكن أن تفسد مشكلات في تحميل الصور أو ملفات CSS المكون البصري للموارد الإلكترونية حيث قد يتم عرض عناصرها بشكل غير صحيح أو غائبة تمامًا.
  • إذا فشلت ملفات JavaScript في التحميل، فسيؤدي ذلك إلى عدم عرض بعض محتوى الصفحة بشكل صحيح بعد معالجة JavaScript. قد يتم تعطيل أداء وظائف مختلفة. على سبيل المثال؛ وضع الطلبات، تحميل السلة، وظائف القائمة، إلخ. 
  • تحميل الخطوط أو عدادات JavaScript من موارد الويب الموثوقة آمن تمامًا. ومع ذلك، هناك مخاطر خطيرة مرتبطة باستخدام ملفات خارجية مع صور، CSS، وJS مستضافة على مواقع أقل شهرة.
  • عندما يحذف مورد خارجي ملفًا يُستخدم على موقعك، سيتوقف عن العمل أو العرض بشكل صحيح. مثال واحد رأيناه سابقًا هو شركة نشرت جميع الصور من خلال مورد ويب خارجي زاد من سرعة تحميل صورها. بعد عام، توقف هذا المورد عن الوجود، واختفت جميع الصور في متجرهم عبر الإنترنت، مدونتهم، إلخ. نتيجة لذلك، انخفضت مواقع الموقع بشكل حاد، واستغرق الأمر وقتًا طويلًا للعثور على صور جديدة واستعادة موقع الموقع في SERP.
  • يمكن أن يؤثر تعيين ملفات CSS أو JS خارجية بواسطة المصدر لإعادة التوجيه منها إلى ملفات أخرى سلبًا على العرض والتشغيل لموقعك.
  • إذا لم يكن لديك وصول إلى الخادم المستضيف لملفات CSS وJS، فلن تتمكن من تكوين ضغطها وذاكرتها المؤقتة وتصحيح أخطاء 5XX (أخطاء الخادم الداخلية).
  • إذا تم اختراق الموقع (مصدر الملفات الخارجية)، فقد يظهر كود ضار فيها، مما سيجعل موقعك عرضة للخطر ويسبب انخفاضًا في عوامل الثقة به. على سبيل المثال، إذا كان موقعك يقبل بيانات بطاقة المستخدم (دون إعادة توجيههم إلى أنظمة الدفع)، يمكن للمتسللين حقن JavaScript سيحل محل نموذج الدفع ويسرق هذه البيانات.

محتويات تقرير "الملفات الخارجية"

يظهر التقرير ملفات الصور الخارجية، CSS، وJavaScript التي يتم استخدامها على موقعك.

تقرير يظهر ملفات الصور الخارجية، CSS، وJavaScript المستخدمة على موقعك

  1. بتمييز خانة الاختيار، يمكنك تحديد أنواع الملفات المراد عرضها في التقرير.
  2. عنوان URL للملف الخارجي.
  3. النطاق حيث يقع الملف المستخدم.
  4. نوع الملف الخارجي (صورة، CSS، أو JavaScript).
  5. صفحات موقعك التي تحتوي على هذا الملف. يفتح قائمة الصفحات عند النقر على زر "إظهار".

صورة توضيحية لتقرير الملفات الخارجية مع تفاصيل URL والنطاق والنوع

التوصيات

يمكنك استخدام بوابات أكبر لاستضافة ملفاتك الخارجية. يجب نقل الملفات من مصادر مشكوك فيها وحفظها على موقعك.

إذا لم تتمكن من الانسحاب من استخدام صور خارجية، CSS، أو ملفات JS، استخدم بيانات تقرير Labrika لتتبع حالتهم.

على سبيل المثال، إذا تم إعادة توجيه الملف إلى عنوان URL مختلف، تحتاج إلى تحديث الرابط المقابل في كود الموقع.

من المهم مراقبة الصور المكسورة، JavaScript، وملفات CSS التي ترجع رمز استجابة 404. يشير مثل هذا الاستجابة إلى أن الملف المطلوب غير موجود، لذا تحتاج إلى استبداله.

من المهم أيضًا التحقق من الملفات الخارجية للكود الضار الذي يمكن أن يسرق بيانات المستخدم، إلخ.

كيفية إصلاح المشكلة؟

يسرد هذا جميع الملفات الخارجية، مثل الصور، CSS، وJS التي يتم استخدامها على موقعك، من نطاقات خارجية. يمكن أن يعطيك هذا فهمًا أوضح لما هي ملفات الطرف الثالث المستخدمة على موقعك.

يمكن استخدام هذا التقرير للتحقق من حالة هذه الملفات المختلفة وللتحقق من أنها لا تزال تعمل بشكل صحيح. إذا كانت هناك أي أخطاء مثل 404 - الصفحة غير موجودة يمكنك تصحيح عنوان URL، أو إذا كان يتم استخدام كود ضار، يمكنك إزالته من موقعك.