كيفية إنشاء صفحة خطأ 404 مخصصة لموقع الويب الخاص بك

…و لماذا

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

عندما يحاول المستخدم اتباع رابط مقطوع ، يرى صفحة

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

السيناريو / المشكلة: يحاول المستخدم البحث عن صفحة غير موجودة.
السياق المعروف: 404 صفحة غير موجودة.
الحل: صفحة سهلة الاستخدام تُعلم المستخدم بما حدث بلغة بسيطة وتُخبرهم بما يجب عليهم فعله بعد ذلك.

لذلك ، لكي تثلج UX العظيمة التي كنت تتكرر عليها على موقع الويب الخاص بك ، تأكد من أخذ 404 حالة.

هيا بنا نغطس

الخطوة 1: هل تستخدم أداة إنشاء مواقع ويب مثل Squarespace أو Weebly؟

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

في حالتي ، كان موقع الويب الخاص بي يعمل محليًا. إذا كنت مثلي ، فاستمر!

الخطوة 2: قم بإنشاء صفحة 404 المخصصة في HTML.

404 صفحة لمحفظة بلدي

الخطوة 3: ابحث عن ملف "htaccess" في الدليل الجذر لخادمك

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

الخطوة 4: تحرير ملف htaccess

فتحه وإضافة السطر التالي:

ErrorDocument 404 / not-found-page.html

... حيث /not-found-page.html هو المسار الكامل إلى صفحة 404 المخصصة الجديدة التي قمت بإنشائها.

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

الخطوة 5: تأكد من صحة المسار واختبره

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

الخطوة 6: هل نجحت؟ إذا لم يكن كذلك ، قم بتحديث إعدادات الخادم الخاص بك

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

إليكم كيف فعلت ذلك لأي شخص مهتم ويتبع نفس الطريقة:

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

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

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