صفحة الخطأ 404 بلوجر
 |
| إضافة صفحة الخطأ 404 |
ما هي صفحة الخطأ 404؟
هي صفحة خاصة تظهر للزوار عند دخولهم إلى روابط خاطئة أو لم تعد متاحة في المواقع والمدونات .. بشكل تقليدي عندما يدخل أي زائر على رابط خاطئ أو تم تغييره دون عمل إعادة تحويل له إلى الرابط الجديد فستظهر له رسالة إفتراضية على بلوجر ولكن صفحة الخطأ 404 تضيف المزيد من المميزات على هذه الرسالة لتجعل الزائر يصل لما يبحث عنه دون الإضطرار للخروج من موقعك.
أهمية صفحة الخطأ 404
هناك العديد من المميزات التي تفيد أصحاب مدونات بلوجر عند إضافة صفحة الخطأ 404 على مدونات بلوجر الخاصة بهم .. من هذه الميزات على سبيل المثال وليس الحصر:
1 - مراعاة شروط جوجل أدسنس للإشتراك نظامها الإعلاني وتحقيق أرباح من مدونات بلوجر.
2 - الحفاظ على أكبر عدد ممكن من الزوار .. نظراً لأن الزائر إذا دخل على رابط ما وقد تم تغييره فقد يخرج ولكن لو وجد أمامه خيارات أخرى مثل البحث المباشر من خلال هذه الصفحة عما كان يبحث عنه أو من خلال إظهار مواضيع مشابهة لإسم الصفحة أو الكلمات التي دخل بها الزائر للمدونة وكذلك لو تم إعادة توجيهه للصفحة الرئيسية للمدونة فبذلك ستحافظ على زائرك العزيز.
3 - تخفيض معدل إرتداد الزوار مما يعني زيادة فترة بقاء الزوار بموقعك مما يساعد على تحسين ترتيبه بمحركات البحث.
والكثير من المميزات الأخرى.
4 - ستتعرف على طريقة رائعة ومميزة فقط معنا على روميسيا للخدمات الإلكترونية لزيادة أرباح أدسنس من خلال صفحة الخطأ 404.
أشكال صفحة الخطأ 404
هناك العديد والكثير جداً من أشكال وألوان وإستايلات وأكواد صفحة الخطأ 404 لمدونات بلوجر .. ولكن المهم بصفحة الخطأ أن يظهر بها رسالة للزوار تختوي على إعتذار مناسب عن عدم عمل الرابط الذي دخلوا إليه .. وكذلك إعطائهم بعض الخيارات المفيدة مثل المواضيع المشابهة لما كانوا يبحثون عنه ومربع بحث للبحث من داخل الصفحة مباشرة وكذلك خيار الدخول إلى صفحة المدونة الرئيسية للإستفادة من مواضيعها المختلفة.
ما سنقدمه في صفحة الخطأ
1 - صورة ثابتة بألوان تناسب معظم قوالب مدونات بلوجر بها رسالة الإعتذار.
2 - طريقة وضع مواضيع مشابهة بصفحة الخطأ 404.
3 - طريقة وضع مربع بحث من حساب جوجل أدسنس لمن لديه حساب أدسنس فقط حتى تربح منه بسهولة.
طريقة إضافة صفحة الخطأ 404 بلوجر
1 - قم بالدخول إلى لوحة تحكم بلوجر الخاصة بمدونتك.
2 - قم بالدخول إلى التبويب إعدادات Settings.
3 - إضغط على التبويب تفضيلات البحث Search Preferences.
4 - من أمام جملة لم يتم العثور على الصفحة المخصصة Custom Page Not Found إضغط على تحرير Edit.
5 - قم بوضع أحد الأكود التي سندرجها لك بالأسفل طبقاً لما ترغب به .. فقد راعينا وضع أمثلة لشكل الصفحة حتى يمكنك الإختيار بعناية قبل أن تبدأ.
6 - قم بالدخول إلى حساب جوجل أدسنس الخاص بك.
7 - أدخل على التبويب إعلاناتي My Ads.
8 - إضغط من القائمة الجانبية على البحث Search.
9 - قم بأخذ كود البحث السابق لك إنشائه أو قم بإنشاء كود جديد من خلال الضغط على New Custom Search Engine.
10 - قم بإنشاء محرك البحث كما ترغب به وتخصيصه ليتم البحث في مواضيع مواقعك فقط أو في كامل الويب وكذلك قم بتحديد ما إذا كنت ترغب بظهور نتائج محرك البحث الجديد في صفحة أو تبويب جديد أم داخل صفحة بموقعك وقم بحفظ الإعلان والحصول على كود محرك البحث.
11 - أسفل كود صفحة الخطأ الذي ستختاره من الأكواد المتاحة بالأسفل قم بوضع كود محرك البحث الذي حصلت عليه.
فائدة كود محرك بحث جوجل الذي أضفته لمدونتك في صفحة الخطأ 404 أن إعلانات حساب أدسنس الخاص بك ستظهر الأن أعلى نتائج البحث التي سيراها الزوار الذين يبحثون عن أي شئ من خلال محرك بحث موقعك .. ومن المؤكد إنك ستحصل على المزيد من النقرات وبالتالي زيادة أرباحك.
أكواد صفحة الخطأ 404 لمدونات بلوجر
بالطبع يمكنك التعديل على هذه الأكواد لوضع كلماتك أنت كما ترغب بنصك وتنسيقك أنت .. فيمكنك تغيير ألوان الخطوط أو نص الرسالة الخاصة بالخطأ وغيره وإضافة إضافات أخرى أو التقليل منها.
1 - صفحة بيضاء بعنوان ورابط أزرق وكلام أسود.
 |
| صفحة الخطأ 404 |
الكود:
<h1><a href='/'>خطأ 404</a></h1>
<h2> نعتذر ! فإن الصفحة التي تبحث عنها غير موجودة أو تم حذفها يرجى التأكد من الرابط أو <a href='/'>التوجه إلى الصفحة الرئيسية</a></h2>
<style type='text/css'>
.status-msg-wrap {
font-size: 80%;
margin: none;
position: static;
width: 60%;
}
.status-msg-border {
display:none
}
.status-msg-body {
padding: none;
position: static;
text-align: inherit;
width: 70%;
z-index: auto;
}
.status-msg-wrap a {
padding: none;
text-decoration: inherit;
}
* { margin, padding: 0; }
body {
background: #474747 url(bg.png);
margin: 45px;
}
h1 a {
display: block; text-decoration: none;
font: 50px Helvetica, Arial, Sans-Serif; letter-spacing: -5px;
text-align: center;
color: #999; text-shadow: 0px 3px 8px #2a2a2a;
}
h1 a:hover {
color: #a0a0a0; text-shadow: 0px 5px 8px #2a2a2a;
}
h2 {
font: 30px Tahoma, Helvetica, Arial, Sans-Serif;
text-align: center;
color: #222; text-shadow: 0px 2px 3px #555;
}
#sidebar-wrapper, #blog-pager,#main-nav, #header, #footer, nav, .blog-feeds {
display: none;
}</style>
2 - صفحة أبيض وأحمر بعنوان ورابط أزرق ونص أسود
 |
| إضافة صفحة الخطأ 404 |
الكود:
<center>
<h1><a href='/'>خطأ 404 !</a></h1>
<img src="http://data.imagup.com/10/1147702687.png"" />
<style type='text/css'>
main-wrapper
#sidebar-wrapper, #blog-pager,#menupic,#sidebarleft-wrapper,#main-nav, #header, #footer, nav, .blog-feeds {
display: none;
}
</style>
<h1><a href='/'>الصفحة الرئيسية</a></h1>
</center>
3 - صفحة سوداء برمز أحمر وأبيض ونصف أحمر وأبيض
 |
| إضافة صفحة الخطأ 404 بلوجر |
الكود:
<center>
<h1><a href='/'>خطأ 404 !</a></h1>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_-WMAXR14KqkSHT24TA_LrPYDCnN-A9qI8uFtCArPWJjRItfm8SwC3kD3J3djhk3w7lPfjAdjwB24vypjAzMQjoaMJ1tups6u0mkMGejDJ33XMWMh-P0D48cLK0ESMkJSso27OlXGAIY/s1600/Untitled-3.png"" />
<style type='text/css'>
main-wrapper
#sidebar-wrapper, #blog-pager,#menupic,#sidebarleft-wrapper,#main-nav, #header, #footer, nav, .blog-feeds {
display: none;
}
</style>
<h1><a href='/'>الصفحة الرئيسية</a></h1>
</center>
وكما ذكرنا لا تنسى إضافة كود بحث جوجل الخاص بك أسفل أي كود ستختاره من الأعلى.
وقم بحفظ الأكواد.
بالنسبة للمواضيع المشابهة فيجب عليك أن تضع الأكواد التالية:
<style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script type='text/javascript'> var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3DVs8-psn-lokso44McD8BxcPluka2Gn5ZJ6UgdJeCNlTWhP8GGoII8Cn36LzBcPHLaBz0hupJxtb9pgVUa8QGWbbBtuSclrzK-KrH3GfPfcoxY8q_zQe8DDJ4c9RIcn2Kzl-CHkMjuI/s400/noimage.png"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="مواضيع ذات صلة "; </script> <script src='http://sites.google.com/site/lightbox007/abuiyad/related-posts-with-thumbnails-for-blogger-pro.js.txt' type='text/javascript'/> <!-- remove --></b:if><!-- Related Posts with Thumbnails Code Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href="http://www.android-kingdom.com/" rel="nofollow" target="_blank"><img alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" style="border: 0;" /></a> </b:if></b:if> <!-- Related Posts with Thumbnails Code End-->
وقم بإستبدال رابط www.android-kingdom.com برابط مدونتك
تجربة صفحة الخطأ 404
قم بإضافة أي حروف غريبة بعد دومين مدونتك .. وقم بالتوجه لهذا الرابط الغريب وشاهد الصفحة.
نتمنى أن يكون موضوعنا اليوم قد نال إعجابك
مع تحيات .. روميسيا للخدمات الإلكترونية