كيفية إنشاء صفحة خطأ 404 مخصصة في WordPress

-إنشاء-صفحة-خطأ-404-مخصصة-في-WordPress.jpg


خطأ 404 في صفحة WP

هل تحاول إنشاء صفحة خطأ 404 في WordPress؟

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

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

وذلك لأن صفحة 404 الصحيحة يمكن أن تضر أو ​​تساعد المستخدم (UX).

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

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

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

نحن نشجعك على استخدام جدول المحتويات هذا للعثور على القسم المناسب:

  1. ما الذي يسبب الخطأ 404
  2. كيفية إصلاح الخطأ 404
  3. كيفية تصميم صفحة خطأ 404 باستخدام Beaver Builder
  4. أفضل الأمثلة على صفحات الخطأ 404 للإلهام

هيا بنا نبدأ.

ما الذي يسبب صفحة خطأ 404

عادةً ما يتم عرض صفحة الخطأ 404 عندما يحاول الزوار العثور على المحتوى الذي تم حذفه أو حذفه أو نقله إلى عنوان URL مختلف.

ولكن قد تكون هناك أسباب أخرى لسبب رؤية المستخدمين لرسالة الخطأ هذه. على سبيل المثال:

  1. تم تغيير جزء عنوان URL للصفحة التي يتم البحث عنها بدون إعادة توجيه مقابلة. لذلك ، عند البحث عن صفحة ، يجد المستخدمون الصفحة الأصلية بعنوان URL الأصلي. تحقق من هذه الإضافات المختارة بعناية لإعادة التوجيه لـ WordPress.
  2. لم يعد اسم المجال الذي يتم البحث عنه موجودًا. على الأرجح ، هذا بسبب قيام المستخدم بإدخال عنوان URL خاطئ
  3. الخادم المسؤول عن الموقع معطل أو فُقد الاتصال.

بمجرد تحديد المشكلة ، ستحتاج إلى معرفة كيفية إصلاحها.

كيفية إصلاح الخطأ 404

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

  1. تحقق من وجود أخطاء في عنوان url: أول شيء يجب فعله هو التحقق من وجود أخطاء في عنوان URL. تأكد من صحة عنوان URL الذي أدخلته ولا يحتوي على أي كلمات بها أخطاء إملائية أو أحرف مفقودة مثل الشرطة المائلة والواصلة وما إلى ذلك.
  2. مسح ذاكرة التخزين المؤقت وملفات تعريف الارتباط للمتصفح: سيعمل هذا الحل بطريقة سحرية إذا رأيت فقط صفحة الخطأ 404 من جهاز كمبيوتر معين. في مثل هذه الحالات ، يرجى محاولة حذف ذاكرة التخزين المؤقت للمتصفح وكذلك جميع ملفات تعريف الارتباط الخاصة بهذا الموقع والمحاولة مرة أخرى.
  3. قم بتحديث الصفحة: في بعض الأحيان ، يمكن العثور على حل صفحة الخطأ 404 ببساطة عن طريق إعادة تحميل الصفحة. يرجى تحديث صفحتك لمعرفة ما إذا كانت تعمل.
  4. تحقق من مستويات الدليل: إذا كان عنوان URL الذي يعرض الخطأ يحتوي على البنية التالية: example.com/Directory1/Directory2/Directory3 ، فيمكنك الرجوع إلى الدليل السابق. على سبيل المثال ، يمكنك الذهاب إلى example.com/Directory1/Directory2/ لمعرفة ما إذا كان يمكن العثور على الصفحة التي تريدها هناك. إذا لم يفلح ذلك ، فارجع إلى دليل آخر.
  5. تواصل مع الموقع مباشرة: خطوة أخرى جيدة في إيجاد حل هي الاتصال بالموقع مباشرة. يمكن العثور على تفاصيل الاتصال في مكان ما على الصفحة الرئيسية للموقع. يجب أن يكونوا قادرين على معرفة ما إذا كانوا قد أزالوا الصفحة تمامًا.
  6. استخدم وظيفة البحث في الموقع: يمكنك أيضًا استخدام ميزة البحث في الموقع وإدخال كلمة رئيسية واحدة أو أكثر تبحث عنها للعثور على الصفحة التي تريدها.

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

كيفية تصميم صفحة خطأ 404 باستخدام Beaver Builder

لتصميم صفحة خطأ 404 في هذا البرنامج التعليمي ، سنستخدم منشئ الصفحة Beaver Builder.

بيفر بيلدر

يعد Beaver Builder منشئ صفحات السحب والإفلات القوي الذي يتيح لك إنشاء صفحات جميلة على موقعك دون الحاجة إلى معرفة أي رمز.

يمكنك معرفة المزيد حول Beaver Builder في هذه المراجعة المتعمقة.

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

الخطوة 1: قم بتثبيت Beaver Builder على موقعك

للبدء ، يجب عليك أولاً تثبيت وتفعيل المكون الإضافي Beaver Builder على موقع WordPress الخاص بك.

بعد التثبيت والتفعيل ، انتقل إلى الإعدادات »Page Builder. هنا يمكنك إدخال مفتاح الترخيص الخاص بك لتمكين الدعم وتلقي التحديثات.

إعدادات Beaver Builder

فأنت بحاجة إلى تنشيط الوظيفة الإضافية Beaver Themer. للقيام بذلك ، انتقل إلى لوحة القيادة وانقر فوق الإضافات »الإضافات المثبتة.

aktywuj بيفر ثيمير

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

الخطوة 2: أضف تخطيط Themer

الآن ، على لوحة القيادة ، انتقل إلى بيفر منشئ »تخطيطات ثيمر. وانقر اضف جديد.

صفحة الخطأ 404

سيؤدي هذا إلى فتح شاشة جديدة حيث سترى حقول لإضافة عنوان واختيار نوع الصفحة والتخطيط. أضف صفحة الخطأ 404 كعنوان للصفحة. إلى عن على النظام حدد 404 من القائمة المنسدلة. انقر الآن أضف تخطيط Themer زر.

إضافة صفحة خطأ 404

ستظهر نافذة جديدة على الشاشة. انقر هنا Uruchom Beaver Builder.

سمور ثامر

يمكنك الآن البدء في تصميم صفحة الخطأ 404 الخاصة بك باستخدام الوحدات (الصور ، الروابط ، الأزرار ، إلخ) التي تقدمها Beaver Builder. إذا كنت لا ترى وحدات ، انقر فوق + زر في الزاوية اليمنى العليا من الشاشة.

Moduły بيفر باني

سيؤدي النقر فوق الزر إلى عرض جميع وحدات Beaver Builder النمطية التي يمكنك سحبها وإفلاتها في المحرر المرئي لإنشاء صفحة خطأ 404. + ستتغير العلامة إلى علامة متقاطعة كما في الصورة أعلاه.

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

الخطوة 3: نشر صفحة الخطأ 404

بعد إنشاء الصفحة ، انقر فوق الملف زر تم في الزاوية اليمنى العليا من الصفحة.

404_Error_Page انتهى

سوف تظهر لك ينشر زر. انقر عليه.

Opublikuj 404_Error_Page

ستعمل صفحة الخطأ 404 الآن. أي شخص ينقر على الرابط المعطل سيرى تلك الصفحة.

و هذا كل شيء! صفحة 404 الخاصة بك جاهزة للعمل. سهل أليس كذلك؟

لنرى الآن بعض الأمثلة الرائعة لصفحات 404 التي يمكنك استخدامها كمصدر إلهام إضافي عند تصميم صفحتك الخاصة.

أفضل الأمثلة على صفحات الخطأ 404 للإلهام

لمساعدتك في تصميم صفحة الخطأ 404 بشكل أفضل ، قدمنا ​​بعض الأمثلة الملهمة.

1. 404 صفحة خطأ Themeisle

صفحة خطأ Themeisle 404

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

إنها طريقة رائعة للاحتفاظ بالزائرين وتوجيههم إلى حيث قصدوا في الأصل.

2. صفحة الخطأ 404 بواسطة Andrew Colling

خطأ 404 بواسطة أندرو كولين

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

3. صفحة الخطأ 404 الخاصة بـ Ryan Duffy

404 erro بواسطة Ryan Duffy ، صفحة خطأ 404 ملهمة

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

4. صفحة الخطأ 404 بواسطة Matt

خطأ 404 مات

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

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

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

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

سيساعدك على زيادة UX عن طريق التخلص من الروابط الميتة أو المعطلة على موقع الويب الخاص بك.



scroll to top