سيواجه جميع مستخدمي الويب في مرحلة ما صفحة 404 المخيفة
😱
. إنه أمر لا مفر منه إلى حد كبير. ولكن على الرغم من شيوعه، إلا أن هذا لا يعني أنه أمر يجب على العلامات التجارية التعامل معه باستخفاف.
عندما يصل المستخدمون إلى صفحة 404، يمكن أن يسبب ذلك الإحباط. فهو يجعل زوار موقعك أكثر عرضة لمغادرة موقع الويب الخاص بك، ويمكن أن تؤذيك معدلات الارتداد المرتفعة عندما يتعلق الأمر بتحسين محركات البحث (SEO). وإذا كان لديك عدد كبير جدًا من الروابط التي تؤدي إلى 404 صفحة، فهذا يجعل الأمر يبدو وكأنك لا تأخذ موقع الويب الخاص بنشاطك التجاري على محمل الجد ولا تستحق الثقة.
باختصار، تلك الصفحات الـ 404 مهمة.
عندما يتعلق الأمر بصفحات 404، فإن الشيء الرئيسي الذي يمكنك القيام به لتحسين تجربة زوار موقعك هو تقليل احتمال وصولهم إلى صفحة 404 في البداية.
ولكن يجب عليك أيضًا قبول أنه ربما لا يمكنك تجنب جميع الحالات المحتملة لوصول زوار موقعك إلى صفحة 404 على موقع الويب الخاص بك، لذلك يجب أن يكون هدفك الثانوي هو التأكد من أن صفحة 404 مصممة جيدًا ومفيدة عندما يفعلون ذلك.
قد ترغب…
الخطوة 1: ابحث عن الروابط المعطلة الحالية
هناك عدد من الأدوات المصممة خصيصًا لمساعدة مالكي مواقع الويب في التعرف بسرعة وسهولة على جميع الروابط المعطلة التي تسبب أخطاء 404 على موقع الويب. والأفضل من ذلك أن الكثير منها مجاني. بعض من أفضل الخيارات المتاحة أمامك هي:
استخدم مدقق الروابط المعطلة مجانًا
يوفر عدد من مواقع الويب أدوات مجانية للعثور على الروابط المعطلة. باستخدام أدوات مثل Broken Link Check، وAhrefs Broken Link Checker (في الصورة أدناه)، وDead Link Checker، كل ما عليك فعله هو توصيل عنوان URL لموقع الويب الخاص بك والانتظار حتى يقوم موقع الويب بفحص الموقع نيابةً عنك.
ahrefs مدقق الارتباط المكسور
استخدم البرنامج المساعد WordPress Broken Link Checker
إذا كان لديك موقع WordPress، فأنت تعرف الآن أن هناك مكونًا إضافيًا لكل شيء تقريبًا. وبطبيعة الحال، يتضمن ذلك العثور على الروابط المعطلة. سيقوم البرنامج الإضافي Broken Link Checker المجاني بمراقبة الروابط الموجودة على موقع الويب الخاص بك، وتجميع قائمة بالروابط التي لا تعمل، ويسهل عليك تعديل كل رابط أو إلغاء ربطه.
أحد الجوانب السلبية لاستخدام مكون إضافي مثل Broken Link Checker هو أنه يمكن أن يبطئ موقعك مؤقتًا أثناء تشغيله، لذا ضع ذلك في الاعتبار عند تحديد ما يجب استخدامه.
ابحث عن الروابط المعطلة باستخدام SEO Spider
ستقوم أداة SEO Spider من Screaming Frog بالزحف إلى موقع الويب الخاص بك لمساعدتك تلقائيًا في تحديد بعض المشكلات المختلفة، بما في ذلك الروابط المعطلة. وبالنسبة للمواقع التي تحتوي على أقل من 500 صفحة، فإن استخدامها مجاني. للعثور على الروابط المعطلة في SEO Spider، ستحتاج إلى تنزيل الأداة. بمجرد تنزيله، تحتاج فقط إلى إدخال عنوان URL الخاص بك والنقر فوق ابدأ. قد يستغرق الأمر بضع دقائق للزحف إلى موقعك على الويب بالكامل.
ستتمكن من رؤية الروابط المعطلة من خلال النقر على رموز الاستجابة واختيار خطأ العميل. اكتشف مكان وجود الرابط على موقع الويب الخاص بك عن طريق النقر فوق الرابط، ثم تحديد الروابط الداخلية. للحصول على قائمة بجميع الروابط المعطلة في شكل جدول بيانات (مما يمكن أن يجعل معالجة مشروع إصلاحها أسهل)، اختر تصدير مجمع، ورموز الاستجابة، وارتباطات خطأ العميل.
الخطوة 2: إصلاح الروابط المعطلة
بمجرد حصولك على قائمة الروابط المعطلة، فقد حان الوقت للجزء الأصعب. تحتاج إلى الدخول وإصلاح كل واحد. حدد الروابط التي تحتاج إلى رابط محدث، والروابط التي يجب إزالتها ببساطة. تتبع تقدمك أثناء تقدمك حتى تتأكد من عدم تفويت أي صفحة ويب، وافتح كل صفحة ويب للتحقق مرة أخرى من الرابط المحدث بنفسك قبل الانتقال إلى الصفحة التالية.
يستغرق هذا وقتًا، ولكنه يضمن حصول زوارك على تجربة أفضل على موقع الويب الخاص بك. من الأفضل اتخاذ هذه الخطوة مرة كل ثلاثة أشهر أو نحو ذلك لإصلاح أي روابط جديدة معطلة تظهر في أسرع وقت ممكن. وكلما قمت بذلك في كثير من الأحيان، كلما قل العمل في كل مرة. إذا كنت محظوظًا، فسوف تكتشف الروابط السيئة قبل أن يفعلها أي زائر.
الخطوة 3: قم بتحديث صفحة 404 الخاصة بك
حتى إذا كنت تتحقق بانتظام من الروابط المعطلة، فمن المحتمل أن تكون هناك أوقات لا تكتشف فيها رابطًا في الوقت المناسب، وفي أحيان أخرى يقوم المستخدمون بإدخال عنوان URL بشكل خاطئ. من المؤكد تقريبًا أن بعض زوار موقعك سيصلون إلى صفحة 404 الخاصة بك بغض النظر عما تفعله. لذا استفد من الأمر إلى أقصى حد عندما يفعلون ذلك.
404 صفحة أفضل الممارسات
لجعل صفحة 404 الخاصة بك أكثر فائدة، فكر في بعض أفضل الممارسات الرئيسية لصفحة 404.
1. احتفظ بها على العلامة التجارية.
تريد أن يعرف الأشخاص أنهم ما زالوا على موقع الويب الخاص بك عندما يصلون إلى صفحة 404، لتقليل الارتباك. لا تزال العديد من العلامات التجارية تستخدم صفحات 404 عامة لا تحتوي على علامة تجارية ولا علاقة مرئية مع بقية الموقع.
صفحة مثل هذه تأخذ الشخص بعيدًا عن موقع الويب الخاص بك عقليًا ومن المؤكد تقريبًا أنه سينقر عليه بعيدًا تمامًا.
بدلاً من ذلك، تريد أن يعرف الناس أنهم ما زالوا معك. تأكد من أن الصفحة تمكنت من البقاء ضمن نمط العلامة التجارية العام والرسائل التي تريد طرحها. تنجز وكالة ناسا ذلك من خلال صفحة تعرض جمال النجوم، مع الاستمرار في تضمين شعار ناسا والقائمة الرئيسية لموقع الويب.
من الواضح أنه من المرجح أن تستمر في البقاء إذا وصلت إلى تلك الصفحة أكثر من تلك الموجودة أعلاه.
2. اجعلها مفيدة.
وصل الزائر الذي وصل إلى صفحة الويب الخاصة بك إلى هناك أثناء محاولته الوصول إلى مكان آخر. أنت لا تريد منهم أن يتخلوا عن العثور على الصفحة الأصلية التي كانوا يحاولون الوصول إليها، لذا افعل ما بوسعك لتسهيل الأمر.
قم بتضمين شريط بحث وروابط مقترحة تساعد الأشخاص على العودة إلى المناطق الرئيسية بالموقع التي يرغب معظم زوار موقعك في التواجد فيها.
تتضمن صفحة 404 قائمة همبرغر وشريط بحث في الأعلى، بالإضافة إلى روابط لبعض الصفحات الرئيسية التي يرغبون في جذب الزوار إليها، مثل الوافدين الجدد والأكثر مبيعًا. كما أنه يتضمن تورية جبنية، لذا يشير إلى ذلك.
أولئك الذين ينتهي بهم الأمر عالقين في صفحة 404 على موقعهم على الويب يعرفون أنه ليس من الضروري أن تكون هذه هي نهاية وجهتهم، يمكنهم بسهولة العثور على طريق العودة إلى صفحة أكثر فائدة.
3. أضف بعض الشخصية.
غالبًا ما تكون صفحات 404 تقنية ومملة. المستخدم الخاص بك عالق بالفعل في رؤية شيء آخر غير ما كان يحاول العثور عليه، فأنت لا تريد أن تجعل التجربة أسوأ - لذا اجعلها أفضل بدلاً من ذلك من خلال الترفيه وإضفاء بعض الشخصية الحقيقية على الصفحة.
يقوم كلا المثالين أعلاه بعمل جيد في عكس شخصية العلامة التجارية وإضافة شيء أكثر إثارة للاهتمام إلى تجربة الهبوط على الصفحة.
كيفية تحديث صفحة 404 الخاصة بك
إذا كنت مقتنعًا بأن الوقت قد حان لإنشاء صفحة 404 مخصصة لموقعك على الويب، ولكنك لست متأكدًا تمامًا من كيفية عمل الجانب الفني لتحديث صفحة 404 الخاصة بك، فلا ينبغي أن يكون فهم هذا الجزء صعبًا للغاية.
راجع مزود استضافة الويب الخاص بك للحصول على إرشادات حول كيفية الوصول إلى صفحة 404 وتحديثها. إذا كنت تستخدم WordPress، فيمكنك اتباع هذه التعليمات، أو اتباع طريق أسهل وتجربة مكون إضافي مثل هذا.
إذا كنت تستخدم HostClick، فإليك الخطوات التي يجب اتخاذها (إذا كنت لا تستخدم HostClick (يمكنك التسجيل هنا!):
- قم بتسجيل الدخول إلى حساب cPanel الخاص بك.
- ابحث عن أيقونة صفحات الأخطاء المخصصة وانقر عليها.
- حدد 404 صفحة خاطئة من القائمة.
- سترى صفحة بها مربع نص. املأ هذا بكود html للصفحة التي تريد ظهورها.انقر فوق حفظ.
- انتقل إلى عنوان URL مزيف على موقع الويب الخاص بك للتأكد من أن التحديث الخاص بك يعمل وأنك تحب مظهره. (يمكنك عادةً إنشاء عنوان URL مزيف عن طريق إضافة حرف عشوائي إلى نهاية العنوان الحقيقي، على سبيل المثال http://your-site.com/a).
إنتهيت! إذا كان إنشاء كود html الفعلي للصفحة يبدو أمرًا بعيد المنال ولم يكن لديك مصمم ويب جيد تلجأ إليه، فإن منشئ موقع HostClick يجعل إنشاء جميع صفحاتك - بما في ذلك صفحة 404 - أمرًا سريعًا وسهلاً.
تريد الإلهام؟ 10 أمثلة رائعة لصفحة 404
لمزيد من الإلهام لتصميم صفحة 404، راجع هذه الأمثلة العشرة.
1. ديزني
تحتوي صفحة ديزني 404 على رسوم متحركة خاصة بالعلامة التجارية تشير إلى أحد أفلامها الشهيرة، Ralph Breaks the Internet. يُظهر رالف وهو يخترق الأرقام 404 (فهمت؟ استمع، 404 صفحة فكاهية لا يجب أن تكون جاهزة لـ SNL)، وتتميز بشخصية KnowsMore من نفس الفيلم إلى جانب شريط بحث يجعل من السهل على أي شخص يصل إلى هناك الوصول إلى العثور على ما كانوا يبحثون عنه في الأصل.
إنها عملية وذكية وممتعة.
2. أطلس أوبسكورا
تعد صفحة Atlas Obscura 404 بسيطة للغاية، ولكنها تمكنت من الحفاظ على موضوع موقع الويب. "لقد خرجت عن الخريطة" هي عبارة منطقية تمامًا لموقع ويب للمسافرين المهتمين بـ "عجائب العالم الخفية". وعلى الرغم من أن الصفحة لا تحتوي على قائمة أو شريط بحث، إلا أنها تسهل على الأشخاص التنقل في "الصفحة الرئيسية" حيث يمكنهم العثور على كل هذه الأشياء.
3. محل حلاقة الطيور
من المسلم به أن الكثير من الأمثلة في هذه القائمة مأخوذة من مواقع ويب كبيرة ذات ميزانيات كبيرة تتناسب معها. لذا، لكي نوضح لك كيف يمكن لشركة صغيرة أن تحافظ على علامتها التجارية من خلال 404، ننتقل إلى صالون حلاقة محلي مقره في أوستن.
تحافظ صفحة Birds Barbershop 404 على القائمة الرئيسية للموقع في الأعلى، بحيث يكون لدى الزوار طريقة سهلة للانتقال إلى أي صفحة تهمهم (أو لحجز خدمة، وهي العبارة الرئيسية التي تحث المستخدم على اتخاذ إجراء في الموقع). هناك "أوه لا!" واضحة. تتمحور حول الصفحة، حتى يتمكن الأشخاص من معرفة بنظرة سريعة أنهم ليسوا على الصفحة التي كانوا يقصدون الوصول إليها.
صورة الخلفية الرئيسية للصفحة هي صورة لجانب أحد مواقعها والتي تم رسمها بألوان قوس قزح - وهي صورة تمثل النشاط التجاري حرفيًا (كونها صورة له)، ولكنها تتحدث أيضًا عن علامتها التجارية باعتبارها الأعمال الشاملة التي تدعم التنوع في المدينة.
4. موقع آي إم دي بي
هل تحب الأفلام؟ من المفترض أن معظم زوار موقع IMDB يفعلون ذلك. وبدلاً من الانزعاج عندما يصلون إلى صفحة 404 على الموقع، فإنهم يشعرون بسعادة غامرة عند رؤية الاختلافات في اقتباسات الأفلام الشهيرة.
يعرف عشاق الثقافة الشعبية متعة رؤية مرجع تعرفه، ومن الذكاء على موقع IMDB الاستفادة من ذلك. يتضمن الموقع أيضًا رابطًا للعودة إلى صفحة imdb الرئيسية، بالإضافة إلى صفحة IMDB الخاصة بالفيلم المقتبس.
5. سلكي
تتضمن صفحة Wired 404 رسالة واضحة جدًا حول الصفحة المفقودة، بالإضافة إلى روابط لبعض المقالات الحالية بالموقع. فلماذا جعل قائمتنا؟ لأنه يفعل شيئًا لا تفعله العديد من صفحات 404: فهو يطلب من الزائرين تنبيه موقع الويب إلى الرابط المعطل حتى يعرفوا كيفية إصلاحه.
لماذا لا تجند زوار موقعك للمساعدة في القضية؟ إنهم يعلمون أن ذلك اختياري (ليس الأمر وكأنك تطلب عملهم)، ولكنه يوضح أيضًا أنك تعمل بنشاط لتحسين تجربتهم.
6. إن بي آر
تبدأ صفحة الإذاعة الوطنية العامة (NPR) 404 بمعلومات التصفح الرئيسية التي قد تحتاجها: القائمة الرئيسية، ورابط لوظيفة البحث، ورابط لكيفية الإبلاغ عن الصفحة المفقودة، ورابط إلى الصفحة الرئيسية. في أسفل الصفحة - حيث يمكن أن تفوتك إذا لم تكن منتبهًا جيدًا - هو المكان الذي تصبح فيه الأمور ذكية.
النصف السفلي من الصفحة مخصص لقصص عن الأشياء والأشخاص الذين فقدوا - من أميليا إيرهارت إلى والدو (أين شهرة والدو) إلى مدينة أتلانتس المفقودة. من المرجح أن يكون مستمعو NPR من النوع الفضولي، لذا فإن منحهم بعض القصص المثيرة للاهتمام حول الموضوع يعد طريقة جيدة للتأكد من أنهم يغادرون صفحة 404 بفضول واهتمام، بدلاً من الإحباط.
7. مطاطية
هل تعرف ما الذي يحبه عملاء Chewy؟ صور حيوانات لطيفة. ومن الطبيعي أن يقوم الموقع بالتسليم. تتضمن صفحة 404 الأساسيات: شريط بحث ورابط إلى الصفحة الرئيسية. ويكمل تلك العناصر بصور الحيوانات الأليفة اللطيفة. ماذا يمكن أن تحتاجه؟
8. سبوتيفي
تم تصميم صفحة Spotify 404 بشكل واضح مع وضع عشاق الموسيقى في الاعتبار، مع صورة لمشغل تسجيل وسطر يبدو مباشرة من كلمات الأغاني "404s and heartbreaks". تتضمن الصفحة أيضًا القائمة الرئيسية للموقع لأغراض التصفح، ورابطًا للأسئلة الشائعة وصفحات المجتمع.
9. الركود
تتضمن صفحة Slack 404 رسومًا متحركة ملونة وتفاعلية. يكفي أن تبقيك على الصفحة لبضع ثوان فقط لترى ما يحدث أثناء التمرير من جانب إلى آخر، أو النقر على الدجاجة. ولكن بمجرد أن تصبح مستعدًا للعودة إلى المسار الصحيح، يوجد رابط لمركز المساعدة، بالإضافة إلى القائمة الرئيسية للموقع وروابط التذييل.
10. كانفا
قد يقدم Slack رسومًا متحركة تفاعلية، لكن Canva يذهب إلى أبعد من ذلك ويقدم لغزًا تفاعليًا في صفحته 404. طريقة للاستفادة من التجربة السيئة للارتباط المعطل وجعله أمرًا غير متوقع وممتعًا.
وبالنسبة لموقع ويب يدور حول الإبداع، فإن اللغز البصري يعد أمرًا منطقيًا تمامًا لمستخدمي الموقع. هناك أيضًا رابط للعودة إلى الصفحة الرئيسية، بمجرد أن ينتهي الزائر من اللغز ويكون جاهزًا للعودة.
هل أنت مستعد لتحويل صفحاتك البالغ عددها 404 صفحة؟
تقوم الشركات بالكثير من العمل لجذب الأشخاص إلى مواقعها على الويب، وآخر شيء تريده هو أن يضيع هذا العمل لأن العميل يرتد بعد وصوله إلى صفحة 404 عامة. إذا كان لا بد من حدوث 404 صفحة (وكما قلنا في البداية، فهي أمر لا مفر منه إلى حد كبير)، فيمكنك استخدامها لتحقيق المزيد لكل من علامتك التجارية ومستخدميك.