ما هي صفحة 404 وما أهميتها لموقعك؟

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

ما هي صفحة الخطأ 404؟

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

صفحة 404 غير موجودة (404 Not Found).
لم يتم العثور على عنوان URL المطلوب على الخادم (URL was not found on this server).
404 HTTP غير موجود (HTTP 404 Not Found).
خطأ 404 (Error 404).

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

ما السبب في ظهور صفحة الخطأ 404؟

الآن لنتعمق قليلًا، إذ توجد الكثير من الأسباب التي تسبب ظهور صفحة الخطأ 404 والأسباب الأكثر شيوعًا هي:

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

ما هي أنواع صفحات 404؟

يوجد نوعان من صفحات 404 وهما:

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

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

أيهما أفضل؟

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

كيف تُنشأ صفحات الخطأ 404 المخصصة ببساطة؟

كلما كان موقعك أقدم، زاد احتمال ظهور صفحات الخطأ 404 العامة، فمن المهم إنشاء صفحات مخصصة.

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

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

جذب انتباه مستخدمينك.
شرح سبب وصولهم.
اقتراح حل للمشكلة.

طرق لإنشاء صفحة الخطأ 404 على ووردبريس باحترافية

يوجد ثلاث طرق لكي تنشئ صفحة الخطأ 404 بكل سلاسة وجاذبية ألا وهي:

الطريقة الأولى: من خلال المكونات الإضافية

طالما كانت المكونات الإضافية للووردبريس حلًا عمليًا وسريعًا ويقدم أفضل النتائج. لذا يمكنك تثبيت المكون الإضافي 404page_your smart custom 404 error page، والذي نال أكثر من 100 ألف عملية تثبيت. وإليكم الآن الخطوات لكيفية التعامل معه.

– أولًا عليك تثبيت وتنشيط المكون الإضافي 404page_your smart custom 404 error page.

– بعدها انتقل إلى «الصفحات-Pages» ومن ثم انقر على «إضافة جديد-Add New» و«إنشاء صفحة جديد-Create a new page». حيث يمكنك إضافة أي معلومات أو صور أو رسائل نصية إلى الصفحة المخصصة.

– ‏بعدها انتقل إلى «المظهر-Appearance» ومنه إلى قسم صفحة خطأ 404 من لوحة التحكم.

– ‏هنا يمكنك إدارة إعدادات المكون الإضافي لصفحة 404، وذلك من حيث اختيار الصفحة التي أنشأتها ولا تنس حفظ التغييرات. كما يمكنك النقر على زر اختبار الخطأ-404-Test 404 error»، إضافةً إلى أنه يمكنك تحرير صفحة الخطأ التي أنشأتها. نهاية بالعديد من خيارات التخصيص مثل كيفية عرض الصفحة.

الطريقة الثانية: من خلال محرر القالب

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

يحتوى كل قالب على قالب خاص بصفحة 404، ولتخصيص هذه الصفحة؛ عليك الذهاب إلى «المظهر-Appearance» من لوحة تحكم ووردبريس. ومن ثم إلى «محرر القالب-Theme File Editor».

وستجد في قائمة ملفات القوالب على الجانب الأيمن، فاختر 404.php. حيث يمكنك تعديل نص الرسالة كما تريدها من خلال تغيير النص داخل عنوان h1 وداخل فئة محتوى الصفحة ويمكنك إضافة بعض الفقرات التي تريدها وأخيرًا انقر على Update File.

الطريقة الثالثة: من خلال منشئ الصفحات

يتيح معظم منشئ الصفحات خيار إنشاء صفحات 404، وسنتعامل في تلك الطريقة مع أحد أشهر منشئ الصفحات وهو Divi Builder و Elementor pro. لنبدأ بكيفية إنشاء هذه الصفحة من خلال منشئ الصفحات Divi Builder.

إنشاء صفحة 404 من خلال منشئ الصفحات Divi Builder:

– بدايةً، لا يقدم Divi Builder تخطيطات 404 في «مكتبة التخطيط-layout library» ويمكنك تنزيل واحد من هنا »» تنزيل. أو العثور على أي بديل توده.

– بعدها فك الضغط الملف ZIP الذي حملته بالأعلى، ومتاح ملف التخطيط بتنسيق JSON، وبمجرد العثور على ملف JSON الخاص بالتخطيط. سجل الدخول إلى لوحة معلومات الووردبريس وانتقل إلى Divi Theme Builder وانقر فوق السهمين في أعلى اليمين كما موضح أدناه.

-اختر الملف JSON الخاص بالتخطيط أو أي ملف أخر للتخطيط قمت بتحميله من خلال الضغط على No File Selected من Choose File، ومن ثم انقر على «استيراد-Import» كما بالأدنى.

-انتظر بضع لحظات وسيتم توجيهك إلى صفحة Divi Theme Builder، بعدها انقر على زر «حفظ التغييرات-Save Changes» لتطبيق الصفحة المخصصة والتي قمت باستيراد ملفها سابقًا.

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

تخصيص صفحة 404 من خلال Divi Builder

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

إضافة قسم جديد

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

إضافة صف جديد

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

إضافة وحدة جديدة

تمثل الوحدات النمطية عنصر التصميم الفعلي الذي يمكنك استخدامه لإنشاء صفحة باستخدام Divi Builder، فتُسمى الوحدات النمطية في بعض منشئي الصفحات بعناصر واجهة المستخدم. فيقدم Divi Builder حوالي 38 وحدة، فيمكنك إضافة الوحدات داخل صف واحد. لكي تضيف وحدة جديدة، انقر على الرمز ذو اللون الرمادي وحدد الوحدة التي تود استخدامها.

يمكنك التخصيص أكثر من ذلك أيضًا والتحكم في صفحتك.

إنشاء صفحة 404 من خلال منشئ الصفحات Elementor pro:

الخطوة الأولى:

– بعد أن تثبت Elementor pro وتنشطه. عليك الانتقال إلى Templates ومن ثم Theme Builder والنقر على Add New.

– ‏ستظهر لك الصفحة الموضحة أدناه، عليك تحديد نوع القالب الذي تريده باختيار الخيارات الموضحة وتسمية القالب الخاص بك مثل Page Error ولا تستخدم رقم 404، أذا من المحتمل أن كتابته سيسبب لك مشاكل مع الروابط الثابتة في الووردبريس.

– ‏بعد الانتهاء، انقر على (إنشاء قالب-Create tamplate).

الخطوة الثانية:

– عليك اختيار قالب للصفحة أو تصميم قالب جديد، فحينما تنقر على زر «إنشاء قالب-Create Template»،.

– ‏بعدها سترى قائمة من قوالب للصفحة.

– ‏أخيرًا، يمكنك اختيار أحد. القوالب ومن ثم تخصيصها أو بإمكانك إغلاق القوالب لإنشاء صفحة 404.

الخطوة الثالثة:

سواءًا كنت تستخدم أحد القوالب المعدة مسبقًا أو تصمم صفحة من البداية، فيمكنك في كل الأحوال استخدام واجهة Elementor العادية وجميع الأدوات في تصميم صفحتك.

فمثلًا، إذا أردت أن تضيف مربع بحث إلى الصفحة، فكل ما عليك فعله هو تضمين عنصر نموذج البحث. وستلاحظ أن Elementor يحدد تلقائيًا قاعدة التضمين لعرض القالب على الصفحة وكل ما عليك بالنهاية أن تنقر فوق «حفظ وإغلاق-Save & Close».