في هذه التدوينة سنتعرف على كيفية إنشاء صفحة 404 مخصصة لمدونتك. أنت على الأرجح تعرف معنى الخطأ 404، أي «الصفحة غير موجودة». إنه الخطأ الذي يعرضه الخادم عندما تكون الصفحة المطلوبة غير موجودة أو نُقلت إلى مكان آخر.
في هذه الحالة سيُعرض للمستخدم صفحة 404 افتراضية، وهو أمر غير موصى به. إذا أردت أن تكون مدونتك أكثر سهولة في الاستخدام، فعليك إنشاء صفحة 404 خاصة بك، حتى لا ينزعج المستخدم ويمكن أن تُعرض له رسالة مخصصة أو طريق للعودة إلى المحتوى. في هذه التدوينة سنركز على عرض صفحة 404 مخصصة (وليس على إعادة التوجيه).
أولاً، تحتاج إلى تصميم صفحة HTML بسيطة تريد عرضها لزوارك. لا تقلق إن كنت لا تعرف كيفية إنشاء صفحات HTML — يمكنك استخدام الصفحة المشاركة في هذه التدوينة مع تنسيق CSS الخاص بها.
كيفية إضافة صفحة 404 مخصصة في بلوجر
- سجّل الدخول إلى حسابك في بلوجر.
- انتقل إلى لوحة التحكم وانقر على الإعدادات.
- انقر على تفضيلات البحث.
- ضمن الأخطاء وعمليات إعادة التوجيه، انقر على تعديل بجوار صفحة «الصفحة غير موجودة» المخصصة.
- أضف كود HTML التالي في المربع:
<style>
.error-404 {
text-align: center;
font-family: Georgia, "Times New Roman", serif;
padding: 40px 20px;
}
.error-404 h2 {
font-size: 28px;
margin-bottom: 12px;
}
.error-404 a {
color: #1e598e;
font-weight: bold;
}
</style>
<div class="error-404">
<h2>Oops! Page not found (Error 404)</h2>
<p>Sorry, the page you are looking for does not exist or has been moved.</p>
<p><a href="https://www.yourblog.com/">← Go back to the homepage</a></p>
</div>
- انقر على حفظ التغييرات وقد انتهيت.
لقد أضفت بنجاح صفحة خطأ 404 مخصصة إلى مدونتك. الآن، كلما وصل مستخدم إلى رابط غير موجود في مدونتك، ستُعرض له هذه الصفحة بدلاً من الخطأ الافتراضي. هناك تعديل صغير مطلوب: استبدل رابط الصفحة الرئيسية في الكود أعلاه برابط مدونتك أنت.
مقالات موصى بها
- 10 نصائح سيو قاتلة للمدونين
- زيادة زيارات المدونة باستخدام المواقع المُحيلة
- أفضل 10 نصائح للتدوين لكل مدوِّن
أتمنى أن تكون قد استمتعت بقراءة هذه التدوينة. يمكنك الاطلاع على المزيد من المقالات المتعلقة بالتدوين والسيو في قسم نصائح وحيل بلوجر.