صفحات الخطأ 404 المخصصة: أفضل أمثلة "لم يتم العثور على الصفحة" والتي تحفظ صفحات الويب المعطلة

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

صفحة. لا. وجد.

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

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

هل تريد المزيد من أفضل التصميمات المنسقة المرسلة مباشرة إلى صندوق الوارد الخاص بك؟
اشترك في DesignRush Daily Dose!

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

لماذا تعتبر صفحات الويب ذات الخطأ 404 ضرورية؟

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

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

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

عندما تريد نقل المحتوى أو إزالته ، فأنت بحاجة إلى إعادة توجيه الصفحات - وهذا هو الغرض من عمليات إعادة التوجيه 301 و 307 و 308. إعادة التوجيه 301/308 هي إعادة توجيه دائمة - عندما ينتقل شخص ما إلى صفحة سابقة ، سيتم إعادة توجيهه على الفور إلى الصفحة الجديدة.

ومع ذلك ، فإن إعادة التوجيه 302/307 مؤقتة. يستخدمها مسؤولو الموقع لعدة أسباب.

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

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

كيفية مراقبة صفحات 404

يجب عليك دائمًا مراقبة أي صفحات 404 محتملة ومحاولة إصلاحها بمجرد ظهورها. لحسن الحظ ، هناك أدوات يمكن أن تساعدك في العثور على الروابط المعطلة والتعامل معها. يتضمن بعضها Screaming Frog و Dead Link Checker وربما الأكثر شهرة أدوات مشرفي المواقع الخاصة بـ Google.

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

هناك شيء واحد مؤكد تقريبًا - سيكون لديك دائمًا 404 صفحات من وقت لآخر ، حتى لو كنت تفعل كل شيء بشكل صحيح على موقعك. لكن الخبر السار هو أنه يمكنك تعظيم تجربة المستخدم وتقليل ظهوره عن طريق التنصل من الروابط ومراقبة الصفحات باستمرار وتشغيل أدوات التحقق من مواقع الويب والمزيد.

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

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

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

أفضل تصميمات صفحات الخطأ 404 التي تريد نسخها على الفور

بعد التمرير عبر الإنترنت بحثًا عن الأخطاء (كما يبدو غريبًا) ، هناك عدد قليل من صفحات 404 التي تبرز عن غيرها. ألقِ نظرة - ربما سيلهم بعضها تصميمك الخاص بعلامتك التجارية!

1. صفحة الخطأ 404 المعينة: BluePath

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

تعرض الصفحة في الواقع خريطة (لم تكن متواجداً عليها بفضل غبائك في التنقل "خارج الخريطة"). تقول النسخة الموجودة على الصفحة أيضًا:

تُظهر هذه [الخريطة] جميع الجرائم المبلغ عنها في أتلانتا على مدار العامين الماضيين. لماذا ا؟ لأنها جريمة لم تستأجرنا بعد! "

أحسنت اللعب ، بلوباث. لعبت بشكل جيد.

2. خطأ صفحة 404 Snarky: الأسترالي

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

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

3. صفحة الخطأ 404 Gamified: Kualo

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

بالإضافة إلى ذلك ، يمكن للمستخدمين العودة عمدًا إلى هذه الصفحة لمجرد لعب اللعبة الكلاسيكية. نظرًا لأن محركات البحث ترى كل شيء (مرحبًا ، Big Brother ...) فإنها تتعقب أيضًا وقت المستخدمين على الصفحة. من المنطقي - إذا كنت تقضي الكثير من الوقت على الصفحة ، فهذا يعني أنك تحب المحتوى حقًا. إذا كنت مستخدمًا متكررًا وواصلت العودة للحصول على المزيد ، فستقوم محركات البحث بتحديد رحلتك ومكافأة المواقع بترتيب أفضل!

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

هل يمكنك التغلب على درجاتنا العالية؟

4. صفحة خطأ Quirky 404: فهرس الويب عديم الفائدة

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

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

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

5. صفحة الخطأ 404 المصور: Lego

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

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

لم نتوقع أي شيء أقل من صفحة 404 الخاصة بهم. في هذه الحالة ، تكون صفحة 404 من Lego توضيحية للغاية: "الكابل" الذي يربط الرابط الذي نقرت عليه بصفحة الويب معطل ، وقد تعثر بعض الفصول الضعيفة عبرها مرعوبة!

6. صفحة خطأ Punny 404: Blue Daniel

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

في رسالة الخطأ الخاصة به ، ستلاحظ إشارات إلى فيلم "The Missing" والبرنامج التلفزيوني "Lost". يحتوي هذا الأخير على رسومات متراكبة لتوجيه سؤال إلى المستخدمين "هل فقدت؟"

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

7. صفحة الخطأ 404 Adventurous: طيران الإمارات

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

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

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

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

8. صفحة الخطأ 404 الأدنى: حيل CSS

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

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

9. صفحة الخطأ 404 ذاتية الاستنكار: Cloud Sigma

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

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

10. صفحة الخطأ 404 غير التقليدية: LimpFish

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

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

ماذا تعرف عن صفحات 404

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

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

فيما يلي بعض الأشياء التي يجب وضعها في الاعتبار عند إنشاء صفحة 404 مفيدة خاصة بك:

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

لم يتم العثور على الصفحة ... ولكن الخلاصة

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

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

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

هل تريد المزيد من التصاميم الملهمة؟ سجل للحصول على اخر اخبارنا!