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


وجود صفحة خطأ مخصصة بتصميم جميل:

  • يحسن تجربة المستخدم

  • يقلل معدل الارتداد

  • يجعل الموقع أكثر احترافية

  • ويحافظ على الزائر داخل المدونة بدل خروجه

في هذا المقال سنشرح طريقة إضافة صفحة خطأ 404 مخصصة في بلوجر باستخدام HTML وCSS بخطوات بسيطة.

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

صفحة الخطأ 404 هي صفحة تظهر عندما:

  • يكون الرابط غير صحيح

  • أو تم حذف المقال

  • أو تغير عنوان الصفحة

بدل ظهور صفحة افتراضية مملة، يمكننا إنشاء صفحة جذابة تحتوي على:

  • رسالة توضيحية

  • زر للعودة للصفحة الرئيسية

  • تصميم عصري ومتناسق

لماذا صفحة الخطأ مهمة لموقعك؟

إضافة صفحة خطأ مخصصة تساعد في:

  • تحسين تجربة المستخدم (UX)

  • توجيه الزائر للعودة للموقع

  • جعل المدونة أكثر تنظيمًا

  • إظهار احترافية التصميم

  • تحسين تقييم الموقع لدى محركات البحث بشكل غير مباشر

طريقة إضافة صفحة الخطأ 404 في بلوجر (خطوة بخطوة)

الخطوة الأولى: إضافة كود HTML

  1. ادخل إلى لوحة تحكم بلوجر

  2. اختر المظهر

  3. اضغط على السهم بجانب "تخصيص"

  4. اختر تحرير HTML

  5. داخل وسم <body>

  6. ضع الكود التالي قبل الفوتر مباشرة

كود صفحة الخطأ (HTML):


الخطوة الثانية: إضافة تنسيق صفحة الخطأ (CSS)

بعد إضافة كود HTML، ننتقل الآن إلى تنسيق الصفحة.

  1. داخل محرر HTML

  2. ابحث عن وسم <b:skin> أو ملف CSS

  3. أضف الكود التالي داخل أكواد CSS الخاصة بالقالب

كود تنسيق صفحة الخطأ (CSS):


مميزات صفحة الخطأ بهذا التصميم

  • تصميم بسيط وجذاب

  • متجاوب مع جميع الشاشات

  • زر واضح للعودة للصفحة الرئيسية

  • ألوان هادئة مناسبة لأي قالب

  • يمكن تطويره وإضافة أيقونات أو أنيميشن لاحقًا

نصائح مهمة قبل الحفظ

  • تأكد أن الكود داخل <body>

  • لا تكرر الكود أكثر من مرة

  • جرّب فتح رابط خاطئ للتأكد من عمل الصفحة

  • يمكنك تغيير النصوص أو الألوان حسب تصميم قالبك

الخلاصة

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