كيفية تصميم صفحة 404 مثالية لمتجر التجارة الإلكترونية الخاص بك
نشرت: 2021-09-07404 ، يمكن أن يكون لهذا الرقم المكون من 3 أرقام تأثير كبير على متجرك. مثل أي صفحة أخرى من متجر التجارة الإلكترونية الخاص بك ، يجب ألا تهمل صفحة الخطأ 404. لا أحد يريد أن يتعرف على هذه الصفحة ، لا أحد يحبها ، لكن لا يمكنك حتى تجنبها. وبالتالي ، فمن الأفضل إيلاء اهتمام خاص لهذه الصفحة وبناء علاقات أقوى مع العملاء.
بصفتنا مالكًا لمتجر للتجارة الإلكترونية ، نريد دائمًا أن نرى تدفقًا ثابتًا لحركة المرور على موقعنا على الويب. يدل على إعجاب الزوار والنقر على الصفحات المختلفة في نتائج البحث. ومع ذلك ، يمكن أن تتحول تجربة الزائر الجديد إلى تجربة مروعة إذا واجهته رسالة "لم يتم العثور على الصفحة". يمكن لصفحات الخطأ هذه أن تحول كل عملك الشاق إلى عبث.
وماذا سيفعل الزوار بعد ذلك؟
لن يرمش الزائرون أعينهم أثناء النقر على زر الرجوع إذا لم تقم بتعيين صفحة خطأ 404 (رمز الحالة) بشكل صحيح. لقد فجرت للتو انطباعك الأول بصفحة خطأ مخصصة.
ما هي صفحة خطأ 404؟
تُعرف صفحة الخطأ 404 المعروفة عمومًا باسم "لم يتم العثور على الصفحة" ، وهي الخطأ الأكثر شيوعًا الذي يمكن أن تواجهه أثناء التصفح. يأتي هذا الخطأ عند النقر فوق ارتباط معطل أو كتابة عنوان URL غير صحيح في شريط العناوين داخل موقع ويب وظيفي. يمكن أن يكون لهذه الروابط المعطلة تأثير كبير على موقعك من حيث تحسين محركات البحث وتجربة المستخدم. وبالتالي ، من الأفضل إزالة هذه الصفحات أو استبدالها بروابط ذات صلة. ومع ذلك ، إذا لم يكن هناك رابط معطل في متجرك ، فقد تظهر صفحة خطأ 404 في حالة الخطأ في كتابة العميل. وهذه هي فرصتك النهائية لإظهار إبداعك وزيادة مبيعاتك.
لماذا تحدث أخطاء 404؟
خطأ 404 هو رمز خطأ HTTP قياسي يعني أنه لا يمكن العثور على صفحة الويب التي كنت تحاول الوصول إليها على الخادم. إما أن تتم إزالة صفحة الويب أو نقلها ، ولم يتم تغيير عنوان URL وفقًا لذلك ، أو أن المستخدم قد كتب عنوان URL غير صحيح.
الروابط المعطلة هي السبب الرئيسي لصفحات الخطأ 404.
الصفحات المنقولة
على الرغم من أنها تبدو غير منطقية ، إلا أن معظم صفحات 404 تظهر عندما أعاد مالكو الموقع عمومًا تسمية صفحة ويب أو نقلوها. يجب إعادة توجيه عناوين URL القديمة إلى موقع جديد باستخدام إعادة التوجيه 301 ، ولكن ليس من الضروري أن يحدث ذلك.
دلائل الويب
يؤدي التغيير في دليل الويب إلى إجبار المستخدمين على تغيير عناوين URL أو عند نقل / حذف عناوين URL دون تحديث.
يمكن أن تؤدي الروابط الداخلية التي لم يتم تحديثها داخل الدليل إلى صفحات خطأ 404. ولكن بعد كل هذه المشكلات ، يمثل الموقع 17٪ فقط من 404 مشكلة يواجهها الزائرون. وبالتالي ، بغض النظر عن مدى حرصك على الزحف إلى موقعك لتصحيح الأخطاء أو إعداد عمليات إعادة التوجيه. سيستمر المستخدمون في إعادة التوجيه إلى صفحات 404 دون خطأك:
بشكل عام ، الأسباب الأساسية لصفحات الخطأ 404 هي:
- مباشر ، مطبعي ، بريد إلكتروني ، إشارات مرجعية - 45.87٪
- الإحالات والشبكات الاجتماعية - 30.26٪
- ارتباط معطل على موقع الويب الخاص بك - 17.58٪
- محرك البحث - 6.3٪
التكلفة المخفية 404 أخطاء
يمكن أن يكون للزوار الذين يواجهون روابط معطلة لصفحات موقعك تأثير كبير على إجمالي مبيعاتك ومعدلات التحويل وظهور الموقع بالإضافة إلى صورة العلامة التجارية وتجربة المستخدم.
الإحصائيات الثلاثة الهامة التي تظهر هذه المشكلة بشكل مباشر هي
- يقوم 23٪ فقط من الزوار بمحاولة ثانية للعثور على صفحة مفقودة بعد مصادفة صفحة 404.
- يقول 79٪ من الزوار غير الراضين عن أداء الموقع أنهم لن يشتروا من نفس الموقع مرة أخرى.
- في المتوسط ، يكون الحصول على عميل جديد أكثر تكلفة بخمس مرات من الاحتفاظ بعميل حالي.
ومع ذلك ، فمن الضروري 100٪ أن تفقد عميلاً وصل إلى صفحة الخطأ 404. يمكن أن تساعدك صفحة الخطأ 404 المخصصة في توجيه المستخدم إلى صفحة الويب الصحيحة لمتجرك. دعنا نعرف أهمية إنشاء صفحة خطأ 404 مخصصة.
لماذا تحتاج إلى إنشاء صفحة 404 مخصصة؟
يجب عليك بذل جهود كبيرة ومهارات فنية لإنشاء صفحة 404 مخصصة جذابة. ستحتاج إلى تعديل ملف htaccss الخاص بك وتشغيل بعض الأوامر على الخادم.
عليك أن توظف مبرمجًا يمكنه القيام بذلك نيابة عنك. نحن هنا من أجلك ، فلا تقلق في هذا الصدد. لكن لماذا تنشئ صفحة 404 مخصصة؟ فيما يلي الأسباب الرئيسية:
أ. زيادة عدد الصفحات المفهرسة لموقعك في محركات البحث:
مع زيادة عدد الصفحات على الموقع ، تزداد الروابط المعطلة أيضًا. يمكنك تكثيف صفحات موقع الويب الخاصة بك المفهرسة من خلال صفحات 404. تحتاج فقط إلى ربط صفحة الخطأ 404 بصفحات داخلية عشوائية لموقعك على الويب.
ب. بناء صورة علامة تجارية متسقة
نحن البشر نفضل الاتساق. بعد التعرف على المتجر ، نبدأ في الوثوق به دون وعي. التركيز الرئيسي على السطح. تعطي صفحة 404 العامة انطباعًا سيئًا للمستخدم. لا يمكنك التخلص من رمز حالة HTTP ، ولكن يمكنك تحديد المشكلة وتحسين تجربة المستخدم بصفحة خطأ مخصصة.
خذ ملف سجل والتقاط معلومات المشكلة ورمز الاستجابة للتعامل معها بشكل مناسب. إذا وصل المستخدم إلى رابط معطل لمتجرك ، فمن الضروري عرض رائحتك. لا ينبغي أن يحير التصميم المستخدم لكونه على موقع مختلف.
باختصار ، يجب أن تحتوي صفحة الخطأ 404 على نمط خط مماثل ، ورموز ألوان ، وشعار ، وتنقل ، ورأس وتذييل.
ج. إعادة التفاعل مع الزائرين غير الراضين
ضع في اعتبارك مستخدمًا وصل إلى متجرك للحصول على معلومات حول منتج معين. ومع ذلك ، بعد النقر على صفحة ويب من نتائج محرك البحث ، فإنها لا تصل إلى أي صفحة يمكن الرد عليها ولكنها تعرض صفحة "لم يتم العثور على الصفحة". سيجعل المستخدم يشعر بالفزع.
ولكن إذا زودت المستخدم برابط إلى صفحة موقعك ، فيمكنك إعادة إشراك المستخدم. بهذه الطريقة ، تحافظ على انتباههم.
د. أظهر شخصية علامتك التجارية
لا يمكنك عرض نفسك كشركة. يجب أن تضفي علامتك التجارية لمسة إنسانية. من خلال إظهار شخصيتك ، يمكنك التواصل بشكل أفضل مع جمهورك المستهدف. يجب أن يجعل تفاعل المستخدم مع موقع الويب الخاص بك يشعر بالرضا. تتخذ القرارات البشرية في جزء من الثانية.
وبالتالي ، يجب أن تأخذ صفحة الخطأ 404 كوسيط للتعبير عن نفسك ، وجعل زوارك يشعرون بالرضا ، وتقوية علاقتك بجمهورك. اعترف بإحباط عميلك ، وتقبل حدوث خطأ ما. هذا سيخلق تفاعل شخصي.
ه. زيادة معدل التحويل
من خلال إنشاء صفحة خطأ 404 ، فإنك تقبل خطأك وتضمن أن يقضي المستخدم وقتًا ممتعًا في متجرك.
من المحتمل أن تؤدي الاستجابة المخصصة لصفحة الخطأ 404 إلى محو الذاكرة السيئة للرابط المعطل لموقع الويب الخاص بك من دماغ المستخدم. ويزيد من فرص منحك فرصة ثانية. هذا أشبه بفرضية.
ولكن يمكنك عمليا زيادة معدل التحويل الخاص بك عن طريق تقديم خصم على صفحات 404 الخاصة بك. نعم ، استخدم صفحة خطأ مخصصة للتحويل. رمز حالة HTTP بهذه الطريقة يأخذ الأخطاء في الأرباح.
مكونات صفحة خطأ 404
هناك 4 مكونات مهمة في صفحة خطأ 404 مفيدة. هذه هي التنقل والنغمة وتحسين محركات البحث والإبداع. دعنا نتعرف على كل عنصر بالتفصيل:
1. الملاحة
أول حاجة للمستخدم هبطت على صفحة خطأ 404 هي التنقل. يجب عليك إعادة توجيه المستخدمين إلى الصفحة التي يريدون الذهاب إليها. يعمل بشكل أفضل ارتباط إلى الصفحة الرئيسية أو أي صفحة أخرى ذات صلة. أنت تقوم بتوفير التنقل في شريط القوائم (الموجود في صفحات موقع الويب الأخرى أيضًا) يعد أمرًا جيدًا أيضًا. إذا كان ذلك ممكنًا ، يمكنك أيضًا استخدام روبوتات المحادثة لدعوة الزوار المفقودين.
2. النغمة
كما ذكرنا أعلاه ، يجب أن تعكس صفحة الخطأ 404 أيضًا شخصية علامتك التجارية. لا تريد أن يشعر المستخدمون الذين وصلوا إلى صفحات 404 الخاصة بك أنهم وصلوا إلى موقع ويب مختلف تمامًا. يجب أن يكون الموضوع والأسلوب متسقين.
3. تحسين محركات البحث
نعلم جميعًا أن صفحات الخطأ 404 أمر لا مفر منه. تؤدي الروابط المعطلة إلى صفحات 404 ، ولا يمكن تجنبها. لكن صفحة 404 ، إذا تم تخصيصها بشكل مناسب ، يمكن أن تقلل الضرر بل وتحول التجربة السلبية إلى تجربة إيجابية.
4. الإبداع
تمنحك صفحة 404 أفضل فرصة لعرض مهاراتك الإبداعية. يمكنك فك نكتة وتقديم التفاعل وعرض بعض العناصر المتفاعلة أو المريحة أو الممتعة.
أفضل أمثلة لصفحة خطأ 404
فيما يلي بعض أفضل الأمثلة على صفحات الخطأ 404 من مختلف الصناعات ، والتي يمكنك الرجوع إليها.
1. أمازون
ستندهش من معرفة أن أكثر من 7000 كلب قد تم تسجيلهم بشكل قانوني للعمل في مقر أمازون. تعد طبيعة أمازون الصديقة للحيوانات الأليفة فيروسية ، وتشترك الشركة بفخر في ثقافتها الصديقة للكلاب. يتم عرضه أيضًا من صفحة الخطأ 404.
على الرغم من أن الجميع معجب بالكلاب ويجدها جميلة ، إلا أن أمازون تنتقل إلى المستوى التالي من خلال إظهار صورة كلب الأمازون الذي جلبوه إلى العمل. أيضًا ، في الصفحات 404 ، يوجد رابط للمنزل ومقال عن كلاب أخرى لديهم. يمكن للمستخدمين الذين يهبطون على صفحة الخطأ 404 من Amazon أيضًا استخدام شريط البحث لاستكشاف المنتجات المطلوبة.
2. حركة حرف eBay
تحظى eBayeBaysignificanthly بشعبية كبيرة ومن بين أقدم متاجر التجارة الإلكترونية في جميع أنحاء العالم. اعتمدت الشركة تصميمًا بسيطًا ودقيقًا لصفحة الخطأ 404 ، لكنها مع ذلك سهلة الاستخدام. يمكن للمستخدمين معرفة الصفقات الشائعة على الصفحة ، والتي ستجذبهم للمضي قدمًا في الموقع وشراء المنتجات. بصرف النظر عن هذا ، يوجد شريط بحث ورابط للصفحة الرئيسية.
يمكنك الرجوع إلى صفحة eBay 404 لأنها عالية التحويل ومثال رائع.
3. ايكيا
علامة تجارية عصرية للأثاث مع متاجر أثاث ضخمة على مستوى العالم ، تقدم ايكيا مجموعة كبيرة من منتجات الأثاث. الشركة مبتكرة للغاية في تقديم تجربة تسوق أفضل على تطبيق جوال أو موقع ويب أو حتى من خلال صفحات 404.
لقد أظهروا مستوى متميزًا من الإبداع على صفحة الخطأ 404. تؤكد العناصر التي تم نشرها على عمل الشركة وعلامتها التجارية. تم إقرانه برسالة مباشرة ورابط إلى الصفحة الرئيسية. لا توجد عناصر أخرى على الصفحة لتجنب أي إلهاء ، والتركيز واضح - لإعادة توجيه العملاء المفقودين إلى الصفحة الرئيسية للموقع.
4. منترا
Myntra هو اسم منتشر في صناعة التجارة الإلكترونية للأزياء الهندية. في موقع التجارة الإلكترونية للأزياء هذا ، يمكن للمرء أن يجد مجموعة واسعة من الأجهزة التي يمكن ارتداؤها لارتدائها لكل فئة عمرية وجنس. صفحة 404 من المتجر جميلة أيضًا. إنها تشير إلى المستخدم بفكرة التنقل المفقود ، وفي الوقت نفسه ، يوجد شريط بحث يمكن للمستخدم من خلاله البحث عن المنتجات والفئات وغير ذلك الكثير.
تحتوي صفحة 404 الخاصة بـ Myntra على كل ما قد يحتاجه العميل ، مثل قائمة الرغبات ورابط صفحة عربة التسوق ورابط الملف الشخصي ومربع البحث.
5. جيثب
استخدم Github كلاً من المراجع الدعابة وثقافة البوب في صفحة الخطأ 404 ويقدم رسالة مضحكة تنزع أي ارتباك عند الهبوط على صفحة الخطأ. هناك خيارات تنقل بسيطة لا تسبب أي لبس. يوجد شريط بحث وروابط للدعم وصفحة حالة.
ومع ذلك ، فإن coup de grace هو تأثير اختلاف المنظر الدقيق الذي يجعل الصورة تتفاعل بشكل هزلي مع مؤشر المستخدم. تُظهر هذه الرسوم المتحركة أن مصممي GitHub متحمسون جدًا للجمهور.
6. BigCommerce
BigCommerce هي منصة تطوير التجارة الإلكترونية الأعلى تصنيفًا. تم بناء الآلاف من متاجر التجارة الإلكترونية على هذه المنصة. في صفحات 404 ، يمكن للمستخدمين بسهولة فهم أنهم فقدوا في الفضاء الإلكتروني. بصرف النظر عن الصفحة الرئيسية ، فقد قاموا بإدراج بعض الأشياء التي يريدون جذب المستخدمين إليها.
هناك أيضًا وظيفة حجز عرض توضيحي أو الاتصال بهم من صفحة الخطأ 404.
7. headspace
في خدمات التأمل عبر الإنترنت ، اكتسب Headspace شهرة كبيرة. يتفهم فريقهم كيفية عمل الدماغ البشري ، وبالتالي فإن صفحة الخطأ 404 تظهر الغرض منه فقط. إنه يركز على المنتج ويوضح ما يمكنه فعله ، أي لتهدئة المستخدمين من الإجهاد. حركة بطيئة وإيقاعية للشخصية يمكن للزائر المفقود رؤيتها لبعض الوقت والحصول على بعض الفراغ. إنه يخبر المستخدم أن يكون خاليًا من الإجهاد وأن يتنفس شهيقًا ويخرجه.
8. إراقة
Volusion هو برنامج تجارة إلكترونية قائم على السحابة يمكن من خلاله تطوير متاجر التجارة الإلكترونية. يمكن للتجار إضافة منتجات وإنشاء فئات وإضافة تفاصيل الدفع وبدء البيع. توجد كرات ملونة في صفحة الخطأ 404 وهي جذابة للغاية للمستخدمين.
لإثبات علامتها التجارية ، استخدم المصممون مزيجًا من الألوان في كرات شعار Volusion ، وتعرض الصفحة الأنيقة بعد سقوط الكرات رابط الصفحة الرئيسية.
9. سكوير سبيس
يسمح Squarespace ، وهو منشئ مواقع الويب الشهير ، للتجار بإنشاء موقع ويب واستضافته. يمكن للمستخدمين استخدام قوالب سابقة الإنشاء مع وظيفة السحب والإفلات لإنشاء CMS وصفحات الويب. في صفحة الخطأ 404 ، توجد لعبة أبجدية يمكن للمستخدمين الاستمتاع بها. يمكن للمستخدمين تحريك الحروف الهجائية باستخدام المؤشر. إذا كان المستخدم لا يريد أن يلعب اللعبة ، يمكنه ببساطة إعادة التوجيه إلى الروابط المتوفرة.
10. لو سينج
أخيرًا وليس آخرًا ، يأتي Le SINGE بمفهوم رائع لصفحات 404. تبيعهم على الفور لما يفعلونه. يتم تصوير 404 بالظلام ، وعندما يتحرك مؤشر المستخدم ، يتم إلقاء الضوء على ذلك الجزء من الشاشة.
يمكن للمستخدم استخدام الروابط المباشرة أو يمكنه بدء الدردشة مع فريق الدعم.
تغليف
في هذه المقالة ، لدينا من خلال جميع الجوانب المختلفة لصفحة 404 ، وسبب ظهورها ، ومكوناتها ، وقيمتها ، وأمثلة عليها ، وغير ذلك الكثير. وظف أفضل شركة لتطوير التجارة الإلكترونية لديها مصممين لديهم خبرة في إنشاء صفحات خطأ 404 مخصصة وجذابة ومفيدة.