اضافة صفحة الخطأ 404 على بلوجر بتصميم مميز

اضافة صفحة الخطأ 404 على بلوجر بتصميم مميز

الإنترنت مثلها مثل بقية الأمور لا تختلف عن أي شيء أخر في الحياة. وتحدث فيها أخطاء. 

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

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

صفحة الخطأ 404 بلوجر

اضافة صفحة الخطأ 404 على بلوجر

إذا كانت لديك مدونة بلوجر وتريد اضافة صفحة الخطأ إليها، فاتبع هذه الخطوات:

1. من واجهة بلوجر قم بالنقر على المظهر ثم تحرير HTML

2. قم بالنقر في أي مكان وسط كود القالب، ثم CTRL+F من لوحة المفاتيح للبحث عن     </head>   ، وفوقه مباشرة أضف الكود التالي:

<b:if cond='data:blog.pageType == "error_page"'>
<title>الصفحة غير موجودة - <data:blog.title/></title>
<style>
.container404{ line-height: normal;
font-size: 16px;
backface-visibility: hidden;
transition: all .3s;
background: #35e8c0;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999;
text-align: center;}
.boxi404 hr{background:transparent;display:block;border:none;border-bottom:4px solid rgba(255,255,255,.3)}
.boxi404{padding:20px;font-size:110%;color:#fff;border-radius:5px 5px 0 0}
.boxi404 h2,.boxi404 h3{color:#fff;display:block;font-weight:700;font-size:2.6rem;text-transform:uppercase}
.boxi404 h2{position:absolute;font-size:20rem;color:rgba(255,255,255,.3);transform:rotate(-45deg);right:3%;bottom:8%}
.boxi404 p{display:block;margin:10px 0}
.boxi404 ul li{margin:0 0 8px 20px;list-style:initial;list-style-type:none;}
.boxi404 ul li a{color:#e5ffaf;}.boxi404 ul li a:hover{background:rgba(0,0,0,0.1);color:#e5ffaf;text-decoration:underline}
.copyright404{display:block;margin:auto;font-weight:normal;max-width:768px;min-width:200px;padding:0 20px}
.copyright404 a,.copyright404 a:hover{color:#fff}
</style>
</b:if>

بتغيير لون الخلفية المحدد بالأحمر، استعملوا أداة أكواد الألوان Html color picker.

3. تحت    </head>  مرة أخرى، فم باضافة هذا الكود مرة أخرى مع تغيير النصوص بما يناسبك:

<b:if cond='data:blog.pageType == "error_page"'>
<div class='container404'>
<div class='boxi404'>
<h2>404</h2>
<h3>الصفحة التي تبحث عنها غير موجودة</h3>
<hr/>
<p>الصفحة التي تبحث عنها تم حذفها أو تم تغيير عنوانها</p>
<p>يرجى محاولة:</p>
<ul>
<li>إعادة كتابة العنوان <strong>بشكل صحيح</strong>, والتأكد منه.</li>
<li>أنقر <strong><a expr:href='data:blog.homepageUrl'>هنا</a></strong> للعودة للصفحة الرئيسية</li>
</ul>
</div>
<div class='copyright404'>
© 2017 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. جميع الحقوق محفوظة.
</div>
</div>
</b:if>


4. قم بحفظ التغييرات وقد تم.

شرح الطريقة بالفيديو:



التقليل من الضرر

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

لا يمكن كذلك التحكم في الروابط التي تاتي من مواقع أخرى. إلا إذا كان بإمكانك الاتصال بكل موقع على حدى وطلب حذف أو تعديل رابط ما. والأمر ليس سهلا، خاصة إذا كان عدد الروابط يعد بالآلاف.

طريقة ايجاد صفحات الخطأ وإصلاحها

لإيجاد صفحات الخطأ، يمكنك استعمال أدوات مشرفي المواقع وإليك الطريقة:

1. على الصفحة الرئيسية ستنقر على الزحف ثم أخطاء الزحف
أخطاء الزحف ادوات مشرفي المواقع

2. في الأسفل ستظهر الصفحات المقصودة، قم بالنقر على أي منها، ستفتح نافذة قم بالنقر على النطاقات ذات الروابط إلى الصفحة
الروابط المصدر

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


صفحات الخطأ والسيو

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