كيفية البحث عن صورة مكسورة وإصلاحها في WordPress

نشرت: 2022-08-11

كيفية البحث عن صورة مكسورة وإصلاحها في WordPress من المحتمل أنك رأيت أيقونة صورة على موقع الويب الخاص بك تبدو وكأنها صورة ممزقة. هذه صورة مكسورة ويمكن أن تؤثر سلبًا على موقع الويب الخاص بك إذا لم تقم باستبدالها .

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

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

محتويات:

  • ما هي الصورة المكسورة؟
  • كشف الصور المكسورة على موقع الويب الخاص بك
  • كيفية إصلاح مشكلة الصورة المكسورة
    • مسار الملف غير صحيح
    • تحقق من أسماء الملفات
    • امتدادات الملفات غير صحيحة
    • استخدم مسار نسبي
    • تأكد من وجود الصورة
    • قضايا التحويل
  • استنتاج

ما هي الصورة المكسورة؟

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

صورة الرمز المكسور

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

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

كشف الصور المكسورة على موقع الويب الخاص بك

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

المكوّن الإضافي Broken Link Checker

بعد تثبيت البرنامج المساعد وتنشيطه ، يمكنك الوصول إلى صفحة إعدادات البرنامج المساعد عبر الإعدادات >> Link Checker .

خيارات مدقق الارتباط المكسور

يقوم المكون الإضافي Broken Link Checker بمسح موقع الويب الخاص بك بحثًا عن الروابط المعطلة. إذا كانت هناك أية مشكلات ، فسوف تراها من هنا أو يتم إخطارك عبر البريد الإلكتروني.

منع محركات البحث من تتبع الروابط المعطلة

يوفر لك المكون الإضافي أيضًا خيارًا لمنع محركات البحث من تتبع الروابط المعطلة. يمكنك تمكين هذا الخيار حتى لا تؤثر الصورة المكسورة على تصنيفات مُحسنات محركات البحث الخاصة بك.

إصلاح الصور المكسورة

هناك العديد من السيناريوهات التي قد تؤدي إلى فقد الصور على موقع WordPress الخاص بك. في هذا القسم ، سنناقش الأسباب وكيفية إصلاحها.

مسار الملف غير صحيح

عند إضافة الصور إلى موقع الويب الخاص بك ، يقوم WordPress بإنشاء مسار ملف يحدد موقع الصور. تستخدم مستعرضات الويب المسار الموجود في سمة image src لتحديد موقع الصورة. إذا كان مسار الصورة غير صحيح ، فلن يتم تحميل الصورة ولن يتم عرضها.

لإصلاح ذلك ، ما عليك سوى تحديد المنشور أو الصفحة التي تحتوي على أيقونة الصورة المكسورة واستبدالها بصورة جديدة. لهذا ، قم بتسجيل الدخول إلى لوحة القيادة الخاصة بك وانتقل إلى صفحة منشور WordPress الخاصة بك. ثم مرر مؤشر الماوس فوق المنشور بالصورة المكسورة وحدد تحرير .

انتقل إلى جميع المنشورات وانقر فوق تحرير تحت اسم المنشور

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

انقر على الصورة المكسورة وحدد استبدال

بعد استبدال الصورة المكسورة ، انقر فوق تحديث لحفظ التغييرات.

انقر فوق الزر تحديث لحفظ التغييرات

إذا كنت تستخدم المحرر الكلاسيكي ، فانقر على الصورة ثم حدد أيقونة القلم لتحرير الصورة المكسورة.

انقر فوق رمز القلم

هنا ، انقر فوق الزر " استبدال " ثم اختر صورة من مكتبة الوسائط الخاصة بك. أخيرًا ، انقر فوق " تحديث " لاستبدال الصورة.

من مكتبة الوسائط ، انقر فوق الزر "استبدال"

استبدال صور HTML المخصصة

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

ملاحظة جانبية: استبدال الصور في القالب الخاص بك يمكن أن يكون تقنيًا. إذا كنت جديدًا على WordPress ، فيمكنك أن تطلب من خبرائنا مساعدتك في إصلاح مشكلات القالب الخاص بك.

أولاً ، قم بتسجيل الدخول إلى لوحة معلومات WordPress الخاصة بك ، ثم انتقل إلى المظهر >> تخصيص.

انتقل إلى مخصص wp الخاص بك

بعد ذلك ، حدد كتلة CSS الإضافية أو قائمة CSS المخصصة.

حدد قائمة CSS المخصصة

في محرر الكود ، حدد سطر الكود حيث تمت إضافة الصورة وقم بتمييز المسار إلى الصورة. بعد ذلك ، انقر بزر الماوس الأيمن ثم حدد الانتقال إلى مسار إلى ملف ...

حدد Go-to-path-to-file

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

صفحة الخطأ 404

لتحميل الصورة ، انتقل إلى الوسائط >> إضافة جديد . بعد ذلك ، انقر فوق Select Files ثم اختر ملف الصورة. بمجرد اكتمال التحميل ، انقر فوق الزر نسخ URL إلى الحافظة .

تحميل الصورة ثم نسخها إلى url

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

استبدل رابط الصورة المكسورة ثم انقر فوق نشر

تحقق من أسماء الملفات

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

لإصلاح هذه المشكلة ، تحتاج إلى مقارنة اسم الملف في المنشور أو الصفحة بالصورة الأصلية في مكتبة الوسائط. لهذا ، قم بتسجيل الدخول إلى لوحة معلومات WordPress الخاصة بك ، ثم انتقل إلى Media >> Library .

مكتبة وسائط WordPress

الآن ، استخدم مربع البحث للعثور على الصورة التي تريد مقارنتها. بعد ذلك ، مرر مؤشر الماوس فوق الصورة ثم حدد عرض .

في شريط العنوان ، سترى المسار إلى الصورة. الجزء المميز هو اسم الصورة كما هو موضح أدناه.

مسار ملف الصورة

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

حدد فتح الصورة في علامة تبويب جديدة

إذا كان هناك تناقضات بين اسمي الملفين ، فقد يكون السبب في عدم ظهور الصورة. سترى في النهاية خطأ 404 غير موجود.

404 لم يتم العثور على خطأ

لإصلاح هذه المشكلة ، تحتاج إلى تحرير المنشور بالصورة المكسورة واستبدال اسم الملف الخاطئ بالاسم الموجود في مكتبة الوسائط.

استبدل اسم الملف الخاطئ

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

امتدادات الملفات غير صحيحة

يجب عليك أيضًا التحقق من امتدادات الملفات. في بعض الأحيان ، يمكن كتابة اسم الملف بشكل صحيح ، ولكن قد يكون امتداد الملف غير صحيح. على سبيل المثال ، يمكن أن يكون لديك صورة تم تحميلها كملف jpg ، لكن في الكود ، تكون بامتداد .png. هذا يمكن أن يسبب مشاكل.

تحدث مشكلة شائعة أخرى مع امتداد الصورة "jpg" و "jpeg". على الرغم من أن كلا التنسيقين متماثلان ، فقد تواجه خطأ في الصورة المقطوعة إذا قمت بتبديل أحدهما للآخر.

استخدم مسار ملف نسبي

يرتبط المسار النسبي بملف فيما يتعلق بعنوان URL للصفحة الرئيسية. في WordPress ، يأخذ المسار النسبي اسم المجال ، ويستخدم فقط المسار بعد المجال.

لذلك في السمة "src" ، بدلاً من "https://example.com/wp-content/uploads/image.png" ، يصبح المصدر "/wp-content/uploads/image.png" . وستعمل صورك بشكل جيد مع الارتباط القصير.

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

يمكنك استخدام مكون إضافي مثل المكون الإضافي Make Paths Relative لإجبار WordPress على استخدام المسارات النسبية لملفات الوسائط الخاصة بك. البرنامج المساعد سهل التثبيت والإعداد.

جعل البرنامج المساعد نسبي المسار

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

قم بعمل إعدادات نسبية للمسارات

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

تأكد من وجود الصورة

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

بالإضافة إلى ذلك ، يؤدي الارتباط المباشر بموقع آخر إلى زيادة استخدام الخادم على الموقع الذي تحصل منه على الصورة. إذا قام موقع الويب المضيف بتعطيل الارتباط الساخن ، فسيؤدي ذلك إلى منع ظهور صورتك.

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

قضايا التحويل

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

يحدث ذلك في الغالب مع خوادم الويب الرخيصة. لحل هذه المشكلة ، تحتاج إلى ترقية سعة الخادم أو الترحيل إلى مضيف ويب موثوق.

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

ملخص - إصلاح الصور المكسورة

ليس من غير المألوف أن تواجه مواقع الويب مشكلات في الصور المكسورة أو المفقودة ، ولكنها مشكلة خطيرة يجب معالجتها على الفور. إذا كان لديك متجر على الإنترنت ، فقد تفقد العملاء المحتملين إذا لم يتمكن المستخدمون من رؤية صور المنتج في متجرك.

في هذا الدليل ، أوضحنا بعض أسباب الصور المكسورة بالإضافة إلى نصائح حول كيفية إصلاحها على مواقع WordPress.

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