صفحات خطا در سی پنل چیست؟ آموزش ساخت و شخصی سازی

تصور کنید کاربری وارد سایت شما شده و به‌جای مشاهده محتوای موردنظرش، با صفحه‌ای مواجه می‌شود که فقط نوشته است 403 Forbidden یا 500 Internal Server Error. چنین صفحه‌ای علاوه بر اینکه اطلاعات زیادی به کاربر نمی‌دهد، ظاهر سایت شما را نیز از هویت اصلی برند جدا می‌کند.

اینجاست که قابلیت Error Pages در سی پنل کاربرد پیدا می‌کند.

cPanel به شما اجازه می‌دهد برای کدهای مختلف HTTP، صفحات خطای سفارشی ایجاد کنید و با استفاده از HTML، ظاهر، پیام و اطلاعات نمایش داده‌شده به کاربر را تغییر دهید. طبق مستندات رسمی cPanel، از طریق بخش Advanced → Error Pages می‌توان برای Status Codeهای مختلف صفحات سفارشی تعریف کرد.

در این مقاله ابتدا با مفهوم Error Page آشنا می‌شویم و سپس نحوه شخصی‌سازی آن در cPanel و کاربرد خطاهای رایج را بررسی می‌کنیم.

Error Page چیست؟

Error Page یا صفحه خطا، صفحه‌ای است که هنگام بروز یک خطای HTTP به بازدیدکننده نمایش داده می‌شود.

هر خطا معمولاً یک کد سه رقمی دارد که مشخص می‌کند درخواست کاربر چه وضعیتی پیدا کرده است.

برای مثال:

• 403 یعنی دسترسی به منبع موردنظر مجاز نیست.
• 404 یعنی منبع یا صفحه موردنظر پیدا نشده است.
• 500 یعنی هنگام پردازش درخواست، خطایی در سمت سرور رخ داده است.
• 503 یعنی سرویس در حال حاضر در دسترس نیست.
• 504 یعنی سرور واسط در زمان مشخص پاسخی از سرور بالادستی دریافت نکرده است.

cPanel نیز خطاهای HTTP را به دو گروه مهم 4xx و 5xx تقسیم می‌کند؛ خطاهای 4xx عمدتاً به درخواست کاربر مربوط هستند و خطاهای 5xx زمانی رخ می‌دهند که سرور نتواند یک درخواست معتبر را تکمیل کند. درمقاله مهم ترین ارورهای مرورگر چیست؟ آشنایی با رایج ترین خطاهای HTTP و علت آن‌ها پرداخته ایم و میتوانید این مقاله را مطالعه کنید .

آیا Error Page مشکل سایت را برطرف می‌کند؟

خیر، این نکته بسیار مهم است.

صفحه خطا، علت خطا را برطرف نمی‌کند؛ فقط چیزی را که کاربر هنگام وقوع خطا مشاهده می‌کند سفارشی می‌کند.

برای مثال اگر سایت شما به دلیل خطای PHP با 500 مواجه شود، طراحی یک صفحه 500 زیبا مشکل PHP را برطرف نمی‌کند. برای رفع علت باید لاگ‌ها، کدها، افزونه‌ها، تنظیمات PHP یا سرور بررسی شوند.

Error Pages در سی پنل کجاست؟

برای دسترسی به این قابلیت ابتدا وارد cPanel شوید.

سپس از قسمت:

Advanced → Error Pages

وارد بخش مدیریت صفحات خطا شوید.

اگر حساب شما چند دامنه داشته باشد، cPanel ابتدا امکان انتخاب دامنه موردنظر را نمایش می‌دهد. سپس می‌توانید کد خطای موردنظر را انتخاب کنید و محتوای صفحه را تغییر دهید. مستندات رسمی cPanel همین مسیر را برای ساخت صفحات خطای سفارشی معرفی می‌کند.

چطور صفحه خطا را در cPanel شخصی‌سازی کنیم؟

فرآیند کلی بسیار ساده است:

مرحله اول: ورود به cPanel

وارد کنترل پنل هاست خود شوید.

مرحله دوم: باز کردن Error Pages

در بخش Advanced روی Error Pages کلیک کنید.

مرحله سوم: انتخاب دامنه

اگر چند دامنه روی حساب هاست دارید، دامنه‌ای را که می‌خواهید Error Page آن را تغییر دهید انتخاب کنید.

مرحله چهارم: انتخاب کد خطا

کد موردنظر مانند:

400 (Bad request)
401 (Authorization required)
403 (Forbidden)
404 (Not found)
500 (Internal server error)

را انتخاب کنید.

در صورت نیاز می‌توانید از گزینه نمایش تمام کدهای HTTP برای مشاهده Status Codeهای بیشتر استفاده کنید. cPanel امکان سفارشی‌سازی Error Page برای HTTP Status Codeهای مختلف را فراهم می‌کند.

مرحله پنجم: قرار دادن HTML

در صفحه ویرایش می‌توانید HTML مربوط به Error Page را وارد کنید.

برای مثال:

<h1>404</h1>
<p>صفحه موردنظر پیدا نشد.</p>
<a href="/">بازگشت به صفحه اصلی</a>

سپس تغییرات را ذخیره کنید.

کدام خطاها در cPanel مهم تر هستند؟

cPanel Status Code کدهای متعددی را در اختیار کاربر قرار می‌دهد، اما برای بیشتر سایت‌ها لازم نیست برای تک‌تک آنها طراحی اختصاصی انجام دهید.

مهم‌ترین خطاهایی که معمولاً ارزش شخصی سازی دارند عبارت‌اند از:

کد	نام خطا	مفهوم
400	Bad Request	درخواست ارسال‌شده معتبر نیست
401	Unauthorized	برای دسترسی نیاز به احراز هویت وجود دارد
403	Forbidden	دسترسی به منبع مجاز نیست
404	Not Found	صفحه یا فایل پیدا نشد
405	Method Not Allowed	روش درخواست برای منبع مجاز نیست
408	Request Timeout	زمان انتظار برای دریافت درخواست به پایان رسیده است
429	Too Many Requests	تعداد درخواست‌ها بیش از حد مجاز است
500	Internal Server Error	خطای داخلی در سمت سرور رخ داده است
502	Bad Gateway	سرور واسط پاسخ مناسبی دریافت نکرده است
503	Service Unavailable	سرویس موقتاً در دسترس نیست
504	Gateway Timeout	دریافت پاسخ از سرور بالادستی بیش از حد طول کشیده است

cPanel در مستندات خود نیز خطاهای 400، 401، 403 و 404 را از خطاهای رایج 4xx و خطاهای 500 به بعد را در گروه خطاهای سمت سرور قرار می‌دهد.

خطای 403 چیست و چه زمانی رخ می‌دهد؟

خطای 403 Forbidden یعنی سرور درخواست را دریافت کرده اما اجازه دسترسی به منبع موردنظر را نمی‌دهد.

یکی از دلایل رایج این خطا می‌تواند تنظیمات دسترسی فایل‌ها و پوشه‌ها باشد.

برای مثال ممکن است کاربر بخواهد وارد یک پوشه یا فایل محافظت‌شده شود و سرور اجازه دسترسی به آن را ندهد.

اگر 403 به اشتباه نمایش داده شود، باید تنظیمات Permission فایل‌ها و پوشه‌ها و همچنین تنظیمات امنیتی سایت بررسی شود. cPanel نیز بررسی مجوزهای فایل و تنظیمات Indexes را از مواردی می‌داند که می‌توانند در بررسی 403 مفید باشند.

طراحی صفحه 403

در صفحه 403 بهتر است به‌جای یک پیام فنی مانند:

Forbidden

پیامی ساده برای کاربر نمایش دهید:

دسترسی به این بخش برای شما امکان‌پذیر نیست.

اگر صفحه اصلی سایت سالم است، می‌توانید دکمه‌ای مانند بازگشت به صفحه اصلی نیز قرار دهید.

خطای 404 چیست؟

خطای 404 Not Found زمانی نمایش داده می‌شود که سرور منبع درخواستی را پیدا نمی‌کند.

یکی از رایج ترین حالت‌ها زمانی است که کاربر آدرس یک صفحه را اشتباه وارد می‌کند یا لینک قدیمی سایت همچنان در جایی قرار دارد.

cPanel نیز 404 را نمونه‌ای از خطاهای رایج معرفی می‌کند و پیشنهاد می‌کند Error Pageهای پرتکرار را شخصی‌سازی کنید.

صفحه 404 خوب چه ویژگی‌هایی دارد؟

یک صفحه 404 مناسب بهتر است:

• کد 404 را به‌وضوح نمایش دهد.
• توضیح ساده‌ای درباره مشکل ارائه کند.
• طراحی هماهنگ با سایت داشته باشد.
• لینک بازگشت به صفحه اصلی داشته باشد.
• در صورت امکان، مسیرهای مهم سایت را در اختیار کاربر قرار دهد.
• از نمایش پیام‌های فنی و نامفهوم خودداری کند.

نکته مهم برای وردپرس

در سایت‌های وردپرسی، همه 404ها الزاماً مستقیماً توسط Error Pages سی پنل مدیریت نمی‌شوند.

اگر درخواست به WordPress برسد، وردپرس می‌تواند صفحه 404 قالب را نمایش دهد. بنابراین در سایت وردپرسی معمولاً بهتر است صفحه 404 قالب وردپرس نیز به‌صورت جداگانه طراحی شود.

خطای 500 چیست؟

500 Internal Server Error یکی از مهم‌ترین خطاهای سمت سرور است.

این خطا زمانی نمایش داده می‌شود که سرور هنگام پردازش درخواست با مشکلی مواجه شود و نتواند پاسخ موردنظر را تولید کند.

دلایل 500 می‌تواند بسیار متنوع باشد؛ برای مثال:

• خطای PHP
• کد نادرست در سایت
• مشکل افزونه
• مشکل قالب
• تنظیمات نادرست سرور
• محدودیت‌های منابع
• پیکربندی اشتباه برخی سرویس‌ها

cPanel نیز 500 را خطایی معرفی می‌کند که در آن سرور با یک وضعیت غیرمنتظره مواجه شده و نتوانسته درخواست را تکمیل کند.

آیا صفحه 500 مشکل را حل می‌کند؟

خیر.

اگر صفحه 500 طراحی کنیم، فقط نمایش خطا برای کاربر را بهتر کرده‌ایم.

برای پیدا کردن علت اصلی باید لاگ خطا، تنظیمات سرور و برنامه سایت بررسی شود.

در صفحه 500 بهتر است پیام آرام و ساده‌ای مانند این نمایش داده شود:

مشکلی در پردازش درخواست شما ایجاد شده است. لطفاً چند لحظه بعد دوباره تلاش کنید.

در چنین شرایطی، دکمه «بازگشت به صفحه اصلی» همیشه بهترین انتخاب نیست؛ چون اگر مشکل کل سایت را تحت تأثیر قرار داده باشد، صفحه اصلی نیز ممکن است با خطا مواجه شود.

خطاهای 502، 503 و 504 چه تفاوتی دارند؟

خطای 502 Bad Gateway

در 502 معمولاً یک سرور واسط نتوانسته پاسخ معتبر و مورد انتظار را از سرور بالادستی دریافت کند.

این خطا بیشتر در معماری‌هایی که چند سرور یا سرویس در مسیر درخواست وجود دارد دیده می‌شود.

خطای 503 Service Unavailable

503 نشان می‌دهد سرویس در حال حاضر قادر به پردازش درخواست نیست.

ممکن است سرویس موقتاً از دسترس خارج شده باشد یا سرور در حال انجام عملیات خاصی باشد.

خطای 504 Gateway Timeout

504 زمانی رخ می‌دهد که سرور واسط در مدت تعیین‌شده پاسخ مناسبی از سرور بالادستی دریافت نکرده باشد.

در چنین شرایطی معمولاً پیام:

سرویس موقتاً در دسترس نیست. لطفاً کمی بعد دوباره تلاش کنید.

برای کاربر مناسب‌تر از نمایش جزئیات فنی است.

گزینه‌های Referring URL و اطلاعات بازدیدکننده در Error Pages چیست؟

یکی از بخش‌های جالب Error Pages در cPanel امکان استفاده از متغیرهایی است که اطلاعات درخواست را در صفحه نمایش می‌دهند.

در رابط cPanel گزینه‌هایی مانند این موارد دیده می‌شوند:

• Referring URL
• Visitor’s IP Address
• Requested URL
• Server Name
• Visitor’s Browser
• Redirect Status Code

برای مثال cPanel امکان قرار دادن متغیرهایی مانند اطلاعات IP، URL درخواست و User Agent را در Error Page فراهم می‌کند.

نمونه:

<!--#echo var="REMOTE_ADDR" -->

برای نمایش IP بازدیدکننده.

یا:

<!--#echo var="REQUEST_URI" -->

برای نمایش مسیر درخواستی.

همچنین می‌توان از:

<!--#echo var="HTTP_REFERER" -->

برای نمایش صفحه ارجاع‌دهنده استفاده کرد.

آیا استفاده از این اطلاعات همیشه توصیه می‌شود؟

خیر، برای یک صفحه خطای عمومی، معمولاً نیازی نیست IP کاربر یا User Agent او را نمایش دهید.

این اطلاعات بیشتر برای اهداف فنی و عیب یابی کاربرد دارند و بهتر است فقط زمانی استفاده شوند که واقعاً برای کاربر یا مدیر سایت مفید باشند.

آیا می‌توان برای Error Page یک قالب HTML حرفه‌ای طراحی کرد؟

بله، یکی از مزیت‌های Error Pages در cPanel این است که می‌توانید علاوه بر متن ساده، HTML بیشتری به صفحه اضافه کنید و ظاهر آن را شخصی‌سازی کنید. مستندات cPanel نیز صراحتاً امکان وارد کردن HTML اضافی برای سفارشی‌سازی صفحه را ذکر می‌کند.

برای طراحی حرفه‌ای می‌توانید از موارد زیر استفاده کنید:

• HTML
• CSS
• SVG
• انیمیشن‌های CSS
• دکمه‌های کاربردی
• رنگ‌های هماهنگ با برند
• طراحی واکنش‌گرا برای موبایل

برای Error Page بهتر است تا حد امکان وابستگی‌های خارجی مانند CDN، فونت خارجی یا فایل‌های JavaScript ضروری را حذف کنید.

دلیل این موضوع ساده است: صفحه خطا باید حتی زمانی که بخشی از سایت یا منابع خارجی در دسترس نیستند، بتواند نمایش داده شود.

آیا Error Page روی سئو تأثیر دارد؟

خود صفحه خطا قرار نیست باعث بهبود مستقیم رتبه سایت شود، هدف اصلی Error Page، بهبود تجربه کاربر و مدیریت مناسب خطا است.

با این حال، مدیریت صحیح خطاها برای سلامت فنی سایت اهمیت دارد. به‌خصوص خطاهای 404 باید بررسی شوند تا مشخص شود آیا لینک های داخلی خراب، URLهای قدیمی یا مشکلات ساختاری در سایت وجود دارند یا خیر.

نکته مهم این است که یک صفحه 404 سفارشی نباید به یک صفحه معمولی با Status Code 200 تبدیل شود؛ زیرا این کار می‌تواند به ایجاد Soft 404 منجر شود.

بنابراین زیبایی صفحه خطا مهم است، اما حفظ Status Code صحیح اهمیت بیشتری دارد.

آیا برای تمام خطاها باید یک طراحی داشته باشیم؟

الزامی نیست. می‌توانید یک سیستم طراحی مشترک برای تمام Error Pageها داشته باشید، اما متن و CTA هر صفحه را متناسب با نوع خطا تغییر دهید.

برای مثال:

خطا	CTA پیشنهادی
403	بازگشت به صفحه اصلی
404	بازگشت به صفحه اصلی
400	بدون CTA یا تلاش مجدد
401	ورود به حساب
408	تلاش مجدد
429	کمی بعد تلاش کنید
500	تلاش مجدد یا بدون CTA
502	تلاش مجدد
503	کمی بعد تلاش کنید
504	تلاش مجدد

این رویکرد از قرار دادن یک دکمه یکسان روی تمام صفحات خطا منطقی‌تر است.

آیا می‌توان Error Page را مستقیماً از cPanel ساخت؟

بله، برای یک طراحی ساده، حتی لازم نیست فایل جداگانه ای روی هاست آپلود کنید. در بخش Error Pages می‌توانید HTML موردنظر را وارد کرده و آن را ذخیره کنید. cPanel این امکان را به صورت مستقیم در رابط کاربری خود ارائه می‌دهد.

البته اگر یک قالب HTML آماده طراحی کرده باشید، می‌توانید کد آن را کپی کرده و در بخش ویرایش Error Page قرار دهید.

بهترین Error Page چه ویژگی‌هایی دارد؟

یک Error Page حرفه‌ای لازم نیست شلوغ باشد.

بهتر است:

1. کد خطا را واضح نمایش دهد.
2. دلیل خطا را به زبان ساده توضیح دهد.
3. از اصطلاحات پیچیده سروری تا حد امکان دوری کند.
4. ظاهر آن با برند سایت هماهنگ باشد.
5. در موبایل به‌درستی نمایش داده شود.
6. وابستگی‌های خارجی غیرضروری نداشته باشد.
7. در صورت نیاز مسیر مناسب بعدی را به کاربر نشان دهد.
8. Status Code اصلی را تغییر ندهد.
9. برای خطاهای مختلف پیام متناسب داشته باشد.
10. اگر خطا سمت سرور است، به کاربر وعده رفع فوری مشکل ندهد.

هدف Error Page این نیست که صرفاً زیبا باشد؛ هدف اصلی آن این است که کاربر بعد از مواجه شدن با خطا بداند چه اتفاقی افتاده و قدم بعدی چیست.

یک نمونه ساده HTML برای Error Page

اگر بخواهید یک صفحه بسیار ساده ایجاد کنید، می‌توانید از چنین ساختاری استفاده کنید:

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 - صفحه پیدا نشد</title>
</head>

<body>

    <h1>404</h1>

    <h2>صفحه پیدا نشد</h2>

    <p>
        صفحه‌ای که به دنبال آن هستید وجود ندارد یا ممکن است حذف شده باشد.
    </p>

    <a href="/">
        بازگشت به صفحه اصلی
    </a>

</body>
</html>

برای طراحی حرفه‌ای تر می‌توانید CSS، SVG و انیمیشن‌های سبک نیز به همین ساختار اضافه کنید.

سوالات متداول

---

جمع بندی نهایی

Error Pages در سی پنل یکی از امکانات ساده اما کاربردی برای مدیریت تجربه کاربر هنگام بروز خطا در سایت است. به کمک این قابلیت می‌توانید به‌جای نمایش صفحات پیش‌فرض و خشک وب‌سرور، صفحه‌ای متناسب با طراحی سایت خود ایجاد کنید.

برای شروع، بهتر است روی خطاهای 403، 404 و 500 تمرکز کنید و سپس در صورت نیاز صفحات 400، 401، 408، 429، 502، 503 و 504 را نیز شخصی سازی کنید.

فراموش نکنید که طراحی یک Error Page زیبا به معنی رفع خطای اصلی نیست. صفحه خطا فقط رابطی برای اطلاع‌رسانی بهتر به کاربر است و برای خطاهای سمت سرور مانند 500 باید علت فنی مشکل نیز بررسی شود.

اگر می‌خواهید یک قدم جلوتر بروید، می‌توانید برای Error Pageهای سایت خود یک طراحی مینیمال و واکنش‌گرا با HTML و CSS ایجاد کنید؛ به‌گونه‌ای که بدون وابستگی به WordPress، افزونه، JavaScript یا منابع خارجی در cPanel قابل استفاده باشد.

نکته نهایی: cPanel نیز توصیه می‌کند خطاهای پرتکرار را بررسی و صفحات خطای آنها را شخصی‌سازی کنید؛ بنابراین Error Page را فقط یک عنصر تزئینی در نظر نگیرید، بلکه آن را بخشی از تجربه کاربری و مدیریت خطاهای سایت بدانید.

منابع

• مستندات رسمی cPanel – Error Pages
• MDN – HTTP Response Status Codes