How-to

– Читать 6 минут –

27 марта 2019

Как создать страницу ошибок 5XX на сайте

Как оформить страницу с ошибками 500 — 599 на сайте

ЧЕК-ЛИСТ: ТЕХНИЧЕСКАЯ ЧАСТЬ — ОШИБКИ

Ошибка 5XX появляется при внутренних проблемах с сервером. Решить их можно самостоятельно или обратившись к хостеру. Оформите страницу ошибки, чтобы из-за проблем сервера не терять клиентов.

Когда возникают ошибки сервера 5XX

5XX — это любые внутренние ошибки, из-за которых сервер не может выполнить запрос.

Чаще всего они возникают по вине вебмастера или администратора. Они вносят изменения в директорию или конфигурацию и сайт перестает корректно работать. Например, ошибка может возникнуть при неправильно настроенных правах.

Чтобы все исправить, желательно откатить изменения назад. В этом поможет лог доработок или хорошая память вебмастера.

Другие причины ошибок 5XX

Превышены разрешенные права на хостинге. Бывает, если выполняется файл с неразрешенными для запуска атрибутами.

Временной лимит на выполнение php-скриптов. Например, стандартный лимит составляет 300 секунд.

Не хватает прав для работы с файлом.

Проблемы с PHP. Например, когда он работает как CGI, то есть выполняется запуск приложения с заданными переменными. Если так, исправить ситуацию может только диагностика программного кода. Здесь понадобится помощь программиста, так как речь идет о коде.

Причину выявить не сложно — ошибка и ее источник отображаются в логах. Чаще всего причина в неисправности внутреннего сервера сайта. В этом случае логичнее связаться с хостером, попросить объяснить причину ошибки и исправить ее.

Если используете бесплатный хостинг, в большинстве случаев просмотреть логи не удастся. Чтобы исправить ситуацию, придется восстанавливать сайт или думать, почему он упал.

Какими бывают ошибки сервера 5XX

Самые распространенные ошибки:

500.0 — неполадки с модулем или ISAPI;
500.11 — приложение закрывается на сервере;
500.12 — приложение перезапускается;
500.13 — сервер перегружен;
500.15 — прямые запросы на Global.asax не запускаются;
500.19 — настройки не действительны;
500.21 — не распознается модуль;
500.22 — проблемы с модулем ASP.NET;
500.23 — не применяется ASP.NET http Handlers;
500.50 — проблемы при работе с RQ_BEGIN_REQUEST;
500.51 — проблемы при работе с GL_PRE_BEGIN_REQUEST;
500.52 — проблемы при работе с RQ_SEND_RESPONSE;
500.53. — проблемы при работе с RQ_RELEASE_REQUEST_STATE;
500.100 — неполадки ASP;
503 — сервер временно недоступен, так как не справляется с нагрузкой;
504 — не отвечает шлюз, сервер не получил ответ от другого сервера, чтобы завершить запрос.

Зачем создавать шаблон страницы для этих ошибок

Если под такие сообщения нет правильного шаблона, вернуться назад на главную или в другой раздел невозможно. Посетители уходят — владелец теряет клиентов.

Чтобы этого не случалось, рекомендуем создавать шаблоны страниц для ошибок.

Как настроить страницу ошибок

Единого алгоритма нет, так как все зависит от настроек сервера. Чаще всего, чтобы создать нужную страницу, следует отредактировать файл .htaccess — прописать в нем шаблон, который должен отображаться в определенных случаях.

Ищите его в корне сайта. Если его там нет, создайте. Он же будет потом позволять указывать права доступа к директориям. В нем необходимо указать коды ошибок, для которых будут выводиться отдельные страницы:

ErrorDocument 400 /errors/400.html
ErrorDocument 401 /errors/401.html
ErrorDocument 403 /errors/403.html
ErrorDocument 404 /errors/404.html
ErrorDocument 408 /errors/408.html
ErrorDocument 500 /errors/500.html

Файлу .htaccess присвойте права 644, или rw-r--r--, если используется UNIX. Подключите файл errors.php: http://example.com/errors.php. Следует прописывать все коды ошибок, для которых будут выводиться уведомления:

Примеры оформленного файла errors.php:

Как оформить дизайн страницы с ошибкой 5XX

Чтобы не терять пользователей, продумывайте контент на страницах с сообщениями о проблемах с сервером. Есть 3 типа страниц об ошибках: поясняющие, развлекательные и интерактивные.

Поясняющие страницы

Описывают, что пошло не так и почему. Дополнительно могут содержать ссылку на главную страницу или форму поиска.

Преимущество таких страниц в том, что на их создание не нужно тратить много времени. Часто на сайтах есть готовые шаблоны.

Чтобы выделиться и запомниться на фоне конкурентов, можно использовать креативные описания. Например: «О нет! Кодик грустный! Внутренне грустный!»

Развлекательные страницы

Основная задача таких сообщений — индивидуализировать ресурс, сделать его запоминающимся. Так поступали в Twitter около 10 лет назад, когда на этапе запуска на сайте часто бывали сбои:

Посетители запомнили такое необычное решение для вывода сообщения как «фишку» ресурса. Аналогичным образом часто поступают и другие крупные проекты.

Необычное оформление страницы с ошибкой 5XX

«Упс, что-то пошло совсем не так!»

«Упс! Похоже, произошла неожиданная ошибка. Почему бы не обновить страницу? Или вы можете связаться с нами, если проблема не устранена».

Интерактивные страницы

В этом случае посетителям предлагается небольшая игра.

Такие решения интересны, поскольку вызывают положительный отклик и улучшают поведенческие факторы, даже когда пользователь столкнулся с ошибкой.

Как создать страницу ошибки в cPanel

cPanel используется для управления веб-хостингом. Панель платная, стоимость минимального тарифа $15 в месяц.

Алгоритм работы:

откройте панель;
перейдите в раздел «Расширенный» и выберите «Страницы ошибок»;

выберите страницу, которую хотите отредактировать:

используйте код из шаблона или пропишите собственный;
сохраните изменения;
на главной странице панели выберите «Диспетчер файлов»;
откройте папку public_html;
выберите файл .htaccess и нажмите «Редактировать»;
пропишите в строке ErrorDocument 500.shtml и сохраните все изменения.

После всего проверьте, что изменения вступили в силу, и при проблемах с сервером отображается нужное сообщение.

Заключение

Страница ошибок 5XX поможет удержать посетителей на сайте в случае возникновения непредвиденных проблем с сервером. Главное настроить ее и правильно оформить. Делать это можно самостоятельно через файл .htaccess в корневой директории или с помощью специальных инструментов, например, cPanel.

При оформлении продумайте контент. Он может быть полезным и объяснять, что произошло, или развлекательным — содержать красивые картинки, анимацию. Реже используют интерактивный — внедряют мини-игры или приложения.

Эта статья — часть модуля «Список задач» в Serpstat

«Список задач» — готовый to-do лист, который поможет вести учет
о выполнении работ по конкретному проекту. Инструмент содержит готовые шаблоны с обширным списком параметров по развитию проекта, к которым также можно добавлять собственные пункты.

Начать работу со «Списком задач»