صفحة الخطاء 404 من اسباب فقدان الزوار


مصنفة في قسم  : شروحات
كتبت بتاريخ  : 28 سبتمبر 2010
عدد المشاهدات  : 
عدد التعليقات  : 9 تعليقات 

صفحة الخطاء 404 من اسباب فقدان الزوار

السلام عليكم و رحمة الله وبركاته

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

سوف ينسحب من الموقع مباشرة لانه لم يجد ما يريد, اما اذا كانت صفحة الخطاء تحتوي على معلومات ترشده فسيقوم بمحاولة اخرى

مثال على صفحة بسيطة :

مثال على صفحة تفيدة الزائر بمعلومات مهمة :

الان سوف نتطرق لطريقة انشاء صفحة الخطاء خاصة بالنسبة للقوالب التي لا تحتوي عليها

  1. ادخل الى لوحة التحكم
  2. اختر المحرر من قائمة المظهر
  3. تحقق من عدم وجود ملف صفحة الخطأ (اذا كان موجود فلا تقم بالخطوات التالي قم يتعديله مباشرة)
  4. انشاء ملف جديد باسم 404 صيغة الملف php فارغ
  5. نقوم برفعه الى مجلد القالب الذي نستعمله wp-content/themes/your-theme-name
  6. قم بنسخ ولصق الكود التالى في صفحة الخطأ التي قمت بانشائها

<?php get_header(); ?>
<div id=”content”>
<h2>Error 404 – Not Found</h2>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

الان يجب عليك ان تقوم بتعديل الكود باللون الاحمر ولكن يجب ان تحذر قبل ان تقوم بالتعديل على الكود يجب ان ترى ميكانيكية عمل قالب موقعك والطريقة سهلة بس تحتاج الى انتباه الى الاكواد سوف اضع طريقة كيف قمت بتغير صفحة الخطاء لموقعي

اول شيئ من المحرر نستعرض ملف عرض تدوينة مفردة single php لاحظ الصورة التالية :

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

<?php get_header(); ?>
<div id=”left”>
<div class=”entry”>

</div>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

لا حظ كيف اصبح كود صفحة الخطاء, الان ان قمت بتحديث التغييرات لصفحة الخطاء سوف تظهر فارغة لاننا لم ندرج الكلام الذي نريد ان يظهر, سوف نستعمل طريقة سريعة ورائعة لادراج الكلام الذي نريده والصور معه وبالشكل الذي نريده

الان من لوحة التحكم توجه الى قائمة الصفحات اضف صفحة جديدة واكتب كل ما تريد في تلك الصفحة وادرج الصور التي تريد مثال

الكود لصفحة الخطاء سوف يصبح هكذا

<?php get_header(); ?>
<div id=”left”>
<div>

<p style=”text-align: center;”><img src=”http://img638.imageshack.us/img638/6040/pagenotfound.png” border=”0″ alt=”” width=”300″ height=”289″ /></p>

<h1 style=”text-align: center;”>الصفحة غير موجودة</h1>
<p>الصفحة التي طلبتها غير موجودة، من الممكن أن يكون تم حذفها، أو تم تغيير اسمها، أو أنها غير متوفرة حاليا. رجاء قم بمحاولة ما يلي: </p>
<ul>
<li>إذا قمت بطباعة الرابط بشريط العنوان، تأكد من أنه مكتوب بشكل صحيح.</li>
<li>تصفح الصفحة الرئيسة لـ<a href=”../”>”عربي ووردبريس”</a> للاطلاع على المعلومات والروابط التي تريدها</li>
<li>استخدم القائمة العلوية لإيجاد الرابط الذي تبحث عنه.</li>
<li>إذهب الى خريطة الموقع ربما تجد ما تريد</li>
<li>استعمل محرك البحث الخاص بالموقع</li>
</ul>

</div>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

الان يجب علينا ارفاق محرك البحث باضافة الكود التالي الى صفحة الخطاء :

<p>
<?php include (TEMPLATEPATH . “/searchform.php”); ?></p>

فيصبح الكود بالشكل التالي :

<?php get_header(); ?>
<div id=”left”>
<div>

<p style=”text-align: center;”><img src=”http://img638.imageshack.us/img638/6040/pagenotfound.png” border=”0″ alt=”” width=”300″ height=”289″ /></p>

<h1 style=”text-align: center;”>الصفحة غير موجودة</h1>
<p>الصفحة التي طلبتها غير موجودة، من الممكن أن يكون تم حذفها، أو تم تغيير اسمها، أو أنها غير متوفرة حاليا. رجاء قم بمحاولة ما يلي: </p>
<ul>
<li>إذا قمت بطباعة الرابط بشريط العنوان، تأكد من أنه مكتوب بشكل صحيح.</li>
<li>تصفح الصفحة الرئيسة لـ<a href=”../”>”عربي ووردبريس”</a> للاطلاع على المعلومات والروابط التي تريدها</li>
<li>استخدم القائمة العلوية لإيجاد الرابط الذي تبحث عنه.</li>
<li>إذهب الى خريطة الموقع ربما تجد ما تريد</li>
<li>استعمل محرك البحث الخاص بالموقع</li>
</ul>

<p>
<?php include (TEMPLATEPATH . “/searchform.php”); ?></p>

</div>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

الا سوف نقوم بادراج اضافة جميلة تقوم بالاقتراح على الزائر  روابط قريبة من صفحة الخطاء التي قام بزيارتها وهى الاضافة Smart 404

طريقة التركيب سهلة ما عليك سوى ان تفك الضغط عن الملفات وتقم برفعها الى المجلد plugins وتفعيلها من لوحة التحكم

  1. Unzip the package, and upload smart404 to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Place <?php smart404_suggestions() ?> in your 404 template to list suggested posts, or see ‘Template tags’ for more information.

بعدها نقوم بإدراج الكود التالي الى صفحة الخطاء :

<h1>بعض الاقتراحات لما تبحث عنه</h1>
<?php smart404_suggestions() ?>
<br></br>

يصبح الكود النهائي بالشكل التالي :

<?php get_header(); ?>
<div id=”left”>
<div>

<p style=”text-align: center;”><img src=”http://img638.imageshack.us/img638/6040/pagenotfound.png” border=”0″ alt=”” width=”300″ height=”289″ /></p>

<h1 style=”text-align: center;”>الصفحة غير موجودة</h1>
<p>الصفحة التي طلبتها غير موجودة، من الممكن أن يكون تم حذفها، أو تم تغيير اسمها، أو أنها غير متوفرة حاليا. رجاء قم بمحاولة ما يلي: </p>
<ul>
<li>إذا قمت بطباعة الرابط بشريط العنوان، تأكد من أنه مكتوب بشكل صحيح.</li>
<li>تصفح الصفحة الرئيسة لـ<a href=”../”>”عربي ووردبريس”</a> للاطلاع على المعلومات والروابط التي تريدها</li>
<li>استخدم القائمة العلوية لإيجاد الرابط الذي تبحث عنه.</li>
<li>إذهب الى خريطة الموقع ربما تجد ما تريد</li>
<li>استعمل محرك البحث الخاص بالموقع</li>
</ul>

<p>
<?php include (TEMPLATEPATH . “/searchform.php”); ?></p>

<h1>بعض الاقتراحات لما تبحث عنه</h1>
<?php smart404_suggestions() ?>
<br></br>

</div>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

نهاية الشرح اتمنى ان يعجبكم الشرح وان تستفيدو منه

وعليكم السلام ورحمة الله وبركاته

صفحة الخطاء 404 من اسباب فقدان الزوار بواسطة مجلة ووردبريس, يمكنك نقل ومشاركة التدوينة مع ذكر المصدر الأصلي للموضوع ، مع رابطه, والتدوينة مرخصة بموجب المشاع الابداعي Creative Commons A-NC-SA 3.0.

الوسوم : , , ,


عدد التعليقات على هذه التدوينة : 9 تعليقات

  1. عبادي أكتوبر 26th, 2010

    شرح جميل اشكرك من كول قلبي على العمل الرائع

    استمر بعطاءك ،، اتمنى لك يومآ سعيدآ ^_^

  2. kmfarwah أكتوبر 26th, 2010

    شكرا على الدرس الرائع !!!

  3. admin أكتوبر 27th, 2010

    مشكورين اخوان على المرور

  4. morsel ديسمبر 2nd, 2010

    شرح جميل جدا لكن لو وضعت صور لصفحات الخطأ لأصبح شرح اجمل

    • admin ديسمبر 2nd, 2010

      مشكور أخي العزيز على المرور قريبا أضع صور لصفحات خطاء لمواقع اخرى

  5. خالد مارس 24th, 2012

    عندى صفحة تسمى 404 template هل هذه هى الصفحة التى سوف اعدل عليها؟
    برجاء الافادة

    • معاذ مارس 24th, 2012

      نعم اخي العزيز

  6. خالد مارس 25th, 2012

    اشكرك على الرد اخى معاذ ولكن عندى استفسار هل لو الغيت صفحة الخطأ وعدلت على الكود الخاص بها من السى بانل وجعلت كود اعادة توجيه الى الصفحة الرئيسية بمعنى انه فى حالة كتابة كود خطأ يتم اعادة توجيه الزائر الى الصفحة الرئيسية دون ان يشعر بوجود خطأ هل هذا يؤثر على الارشفه بالسلب ام بالايجاب وايضا بالنسبه للزائر …شكرا

    • معاذ مارس 28th, 2012

      اخي العزيز لا ادري ان كنت رديت عليك ام لا ربما رئيت التعليق وكنت اود ان اقول لك شيئ ونسيت

      المهم يستحسن ان تعمل تصفحة الخطاء من القالب ولا تستعمل اعادة التوجيه لان الزائر لن يفهم ماذا وقع
      وربما يظل يطلب الصفحة حتى يعصب ويروح في حاله ويزعل عليك 🙂
      احسن تبين له ما هو الخطاء الذي وقع وتعيه بعض الاقتراحات فهذه الطريقة تعد واحدة من افضل نصائح ياهو لتسريع المواقع


  • مجلة الوردبريس
    مارس 28th, 2012




1. المرجوا الابتعاد عن كتابة تعليقات بنمط (يعطيك العافية)، (روعة)، (ممتاز)، (مشكوووور)، (ابداع).

2. زاوية التعليقات هي جزء مكمّل للموضوع الذي قرأته للتو. حاول أن تحصر تعليقك في صلب الموضوع حتى نستثمر هذا التعليق لكسب المزيد من الفائدة سواءً عن طريق مناقشة الموضوع أو عن طريق إضافة معلومات مكمّلة أو إبداء ملاحظات أخرى في نفس السياق.