صفحه 404 زمانی ظاهر می شود که یک بازدید کننده سعی دارد به یک صفحه دسترسی پیدا کند که وجود ندارد. گاهی اوقات مردم این صفحه مهم را نادیده می گیرند و هرگز درباره طراحی آن فکر نمی کنند. ساخت صفحه 404 در وردپرس خیلی مهمی است و می تواند کاربر را در سایت نگه دارد و یا از سایت خارج کند! هر چه قدر در طراحی صفحه 404 خلاقیت به خرج دهید باز هم کم است. هرگز این صفحه به راحتی عبور نکنید و سعی کنید مغز کاربر را بخوانید و چیزی که کاربر دوست دارد رو این صفحه مانور بدید.
[toc]صفحه 404 چگونه رخ می دهد؟
احتمالا شما وب سایت خود را ایجاد و چندین بار هم بررسی کرده اید تا اطمینان حاصل کنید که لینک ها سالم هستند.اما شاید صفحه ای را حذف کرده باشید و یا تغییر آدرس انجام داده باشید که فراموش کرده اید. حتی اگر یک کاربر به یک صفحه دسترسی نداشته باشد و یا پیدا نشود به صفحه خطای 404 منتقل می شوند.
این صفحه می تواند به صورت کاربر پسند به کاربر و بازدیدکننده نمایش داده شود.
مقاله پیشنهادی : ۳ روش ۱۰۰% عملی برای رفع خطای ۴۰۴ در وردپرس
معرفی خطای 404
خطای 404 نباید فقط یک پیغام به بازدیدکننده باشد بلکه باید یه صفحه زیبا و سفارشی به کاربر نشان دهد و بازدیدکننده را به صفحات دیگر سایت مراجعه دهد. این صفحه به صورت پیشفرض در قالب های وردپرس وجود دارد ولی شاید خیلی ساده باشد و یا باب سلیقه شما نباشد.
پیدا کردن صفحات 404 در وب سایت
شاید این سوال را از خودتون می پرسید که چگونه صفحات دارای ارور 404 رو پیدا کنم؟ پیدا کردن این صفحات کار سختی نیست و باید به مدیریت وب مستر خود بروید و مانند شکل زیر در منوی سمت چپ گزینه “Crawl” و زیر منوی “Crawl Errors” را انتخاب کنید. سپس در صفحه سمت راست زبانه “Not Found” را انتخاب کنید.
بعد از انتخاب یکم بیاید پایین لیست صفحاتی که دارای ارور 404 Not Found را مشاهده خواهید کرد.
ساختار پایه صفحه 404
صفحه 404 یک ساختار پایه دارد که در قالب وردپرس گنجانده شده است.وردپرس به صورت پیشفرض اگر بازدیدکننده با خطای 404 مواجه شود این خطا را در یک قالبی نه چندان زیبا به بازدیدکننده نشان می دهد و در بیشتر اوقات بازدیدکننده را از سایت خارج می کند.
اگر در قالب شما این صفحه نباشد باید آن را ایجاد کنید. کافیه که یه فایل خالی در Notepad ایجاد کنید و نام اون رو 404.php قرار دهید.
در اینجا کد پایه ای که ما با آن شروع خواهیم کرد:
فایل پشفرض صفحه 404.php
|
1 2 3 4 5 6 7 |
<span class="pun"><?</span><span class="pln">php get_header</span><span class="pun">();</span> <span class="pun">?></span> <span class="tag"><h2></span><span class="pln">Error 404 - Page Not Found.</span><span class="tag"></h2></span> <span class="pun"><?</span><span class="pln">php get_sidebar</span><span class="pun">();</span> <span class="pun">?></span> <span class="pun"><?</span><span class="pln">php get_footer</span><span class="pun">();</span> <span class="pun">?></span> |
ما می خواهیم چند مرحله رد کنیم تا به صفحه ای که باب میل ما باشد برسیم. توجه داشته باشید به صورت پیشفرض توابع “<?php get_header(); ?” و “<?php get_sidebar(); ?>” و “<?php get_footer(); ?>” هستند، مگر اینکه برنامه نویس این توابع را تغییر داده است که خیلی کم پیش میاد.
ساخت صفحه 404 در وردپرس
اول، فرم جستجو را به صفحه اصلی 404 اضافه خواهیم کرد تا کمی مفید باشد. به این ترتیب، حتی اگر یک بازدید کننده بر روی 404 خود قرار بگیرد، پس از آن گزینه جستجوی سایت شما را دارند. این اولین روش برای کمک به کاربران به جای ترک کردن سایت است.
ایجاد فرم جست و جو
|
1 2 3 4 5 6 7 8 9 10 11 |
<span class="pun"><?</span><span class="pln">php get_header</span><span class="pun">();</span> <span class="pun">?></span> <span class="tag"><h2>ارور 404 : متاسفیم! صفحه مورد نظر پیدا نشد!</span><span class="tag"></h2></span><span class="pln"> میتوانید در فرم زیر مطلب مورد نظر را جست و جو کنید: </span><span class="pun"><?</span><span class="pln">php include</span><span class="pun">(</span><span class="pln">TEMPLATEPATH </span><span class="pun">.</span> <span class="str">"/searchform.php"</span><span class="pun">);</span> <span class="pun">?></span> <span class="pun"><?</span><span class="pln">php get_sidebar</span><span class="pun">();</span> <span class="pun">?></span> <span class="pun"><?</span><span class="pln">php get_footer</span><span class="pun">();</span> <span class="pun">?></span> |
هدایت کاربر به صفحه اصلی
برای ایجاد یک خطای 404 پویا می توانید کاربر را در صورت مواجه شدن با صفحه 404 به صفخه اصلی سایت هدایت یا منتقل کنید. که این کار از نظر سئو پسندیده است و می توانید این کار را انجام دهید.
برای مثال زیر در مرحله اول می توانید کد زیر را در فابل header.php قالب خود کپی کنید. در بالای تگ های Meta می توانید کد های زیر را اضافه کنید:
|
1 2 |
<span class="pun"><?</span><span class="pln">php </span><span class="kwd">if</span> <span class="pun">(</span><span class="pln">is_404</span><span class="pun">())</span> <span class="pun">{</span><span class="pln"> $redirectHome </span><span class="pun">=</span><span class="pln"> get_option</span><span class="pun">(</span><span class="str">'home'</span><span class="pun">);</span> <span class="pun">?></span> <span class="pun"><?</span><span class="pln">php echo $redirectHome</span><span class="pun">;</span> <span class="pun">?></span> |
بعد از این که کد را اضافه کردید، پس از آن باید فایل 404.php خود را ویرایش کنیم: مانند زیر
|
1 2 3 4 5 6 7 |
<span class="pun"><?</span><span class="pln">php get_header</span><span class="pun">();</span> <span class="pun">?></span> <span class="tag"><h1>ارور 404 : متاسفیم! صفحه مورد نظر پیدا نشد!</span><span class="tag"></h1></span> <span class="tag"><h3></span><span class="pln">لطفا <a href="</span><span class="pun"><?</span><span class="pln">php bloginfo</span><span class="pun">(</span><span class="str">'home'</span><span class="pun">);</span> <span class="pun">?></span><span class="pln">" اینجا کلیک کنید</span><span class="tag"></a></span><span class="pln"> بعد از 15 ثانیه به صفحه اصلی سایت منتقل می شوید.</span><span class="tag"></h3></span> <span class="pun"><?</span><span class="pln">php get_footer</span><span class="pun">();</span> <span class="pun">?></span> |
مثال فوق به کاربر اجازه می دهد تا روی صفحه خطای 404 فرود بیاید اما سپس به طور خودکار آنها را به صفحه اصلی می برد. این نیز به کاربران کمک می کند تا به جای آن که گیج شوند و وب سایت را ترک کنند، در سایت بمانند.
این مثال همیشه بهترین راه حل برای همه نیست، اما برای کسی که به دنبال چیزی خاص در سایت شما است، مفید می باشد.
مطمئن شوید که صفحه 404 کار می کند
شما می توانید صفحه خطای 404 خود را با تایپ URL خود و با صفحه ای که می دانید وجود ندارد، ببینید.
به عنوان مثال: https://www.aylinweb.com/test404page.php
این باید به صفحه 404 شما هدایت شود. اگر این صفحه وجود نداشته باشید.
اگر کار نمی کند
اگر به احتمال زیاد سرور شما به طور خودکار شما را به فایل 404.php شما نمی آورد، ما می توانیم فایل .htaccess را تغییر دهیم تا صفحه 404 را نمایش دهیم. برای این کار فایل .htaccess را ویرایش کنید و کد زیر را در آن اضافه کنید :
|
1 |
<span class="typ">ErrorDocument</span> <span class="lit">404</span> <span class="pun">/</span><span class="pln">index</span><span class="pun">.</span><span class="pln">php</span><span class="pun">?</span><span class="pln">error</span><span class="pun">=</span><span class="lit">404</span> |
یک مثال کامل
کد زیر یک صفحه 404 سالم و بهینه است که به جای اینکه کاربر از سایت خارج شود می تواند کاربر را در سایت نگه دارد و به کاربر کمک کند به هدف خود در سایت شما برسد.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<span class="pun"><?</span><span class="pln">php get_header</span><span class="pun">();</span> <span class="pun">?></span> <span class="tag"><h1></span><span class="pln">ارور 404</span><span class="tag"></h1></span><span class="pln"> به نظر می رسد صفحه ای که به دنبال آن بودید وجود ندارد. مشکلی نداره در زیر میتوانید به شما کمک کنید. </span><span class="tag"><ul></span> <span class="tag"><li>شما می توانید با استفاده از فرم زیر، سایت ما را جستجو کنید.</span><span class="tag"></li></span> <span class="tag"><li>شما می توانید بازدید کنید</span><span class="pln"><a href="</span><span class="pun"><?</span><span class="pln">php bloginfo</span><span class="pun">?></span><span class="pln">"</span><span class="tag"></a></li></span><span class="pln"> <a href="</span><span class="pun"><?</span><span class="pln">php </span><span class="pun">(</span><span class="str">'url'</span><span class="pun">);</span> <span class="pun">?></span><span class="pln">" پیام.</span><span class="tag"></a></span> <span class="tag"><li>یا شما می توانید برخی از پست های اخیر ما را ببینید.</span><span class="tag"></li></span> <span class="tag"></ul></span><span class="pln"> جست و جو کنید: TEMPLATEPATH . "/searchform.php"); </span><span class="pun">?></span> <span class="tag"><h3></span><span class="pln">آخریم مطالب سایت که شاید به دردتون بخوره</span><span class="tag"></h3></span> <span class="tag"><ul></span> <span class="pun"><?</span><span class="pln">php query_posts</span><span class="pun">(</span><span class="str">'posts_per_page=5'</span><span class="pun">);</span> <span class="kwd">if</span> <span class="pun">(</span><span class="pln">have_posts</span><span class="pun">())</span> <span class="pun">:</span> <span class="kwd">while</span> <span class="pun">(</span><span class="pln">have_posts</span><span class="pun">())</span> <span class="pun">:</span><span class="pln"> the_post</span><span class="pun">();</span> <span class="pun">?></span> <span class="tag"><li></span><span class="pln"><a href="</span><span class="pun"><?</span><span class="pln">php the_permalink</span><span class="pun">()</span> <span class="pun">?></span><span class="pln">" title="Permalink for : </span><span class="pun"><?</span><span class="pln">php the_title</span><span class="pun">();</span> <span class="pun">?></span><span class="pln">"></span><span class="pun"><?</span><span class="pln">php the_title</span><span class="pun">();</span> <span class="pun">?></span><span class="tag"></a></span><span class="pln"> endwhile; endif; </span><span class="pun">?></span> <span class="tag"></ul></span> <span class="pun"><?</span><span class="pln">php get_footer</span><span class="pun">();</span> <span class="pun">?></span> |
آن را کاربر پسند تر کنید
برای طراحی یک صفحه 404 زیبا می توانید از کد های بالا یک تصویر ذهنی داشته باشید. همچنین شما عزیزان می توانید از قالب های html آماده ستفاده کنید. و یا می توانید از کدهای آماده که در زیر بهترین این سایت ها آوره شده است استفاده کنید :
- Mundofox.com
- CSSRemix.com
- CSSRemix.com
- ChrisJennings.com
- ook.co.uk
- Youcastr.com
- Mixx.com
- JustCreativeDesign.com
- Agens.no
- Mushroomdigital.co.uk
نتیجه گیری
صفحات خطای 404 در سایت ها بسیار بسیار مهم است و باید یه صفحه ساده و بهینه داشته باشید تا بتوانید کاربرانی را که با این صفحه مواجه می شوند با سایت و مطالب دیگر هدایت کنید و کاربر به این راحتی سایت را ترک نکند. در این مقاله روش های ساخت یک صفحه 404 در وردپرس را آموزش داده ایم. تا همواره بتوانید کاربران را در سایت نگه دارید.
