Ошибка веб-сервера возникает, когда пользователь запрашивает информацию, а сервер не может её ему передать. В таком случае сервер показывает пользователю специальную страницу с кодом состояния HTTP и предложением, что делать дальше.
С полным списком кодов можно ознакомиться на Википедии, а пока давайте взглянем на те, которые можно чаще всего встретить на сайтах:
- 404 File Not Found. Возникает, когда пользователь запрашивает информацию, которой просто нет на сервере.
- 503 Service Unavailable. Случается, когда сервер не отвечает вообще. Например, потому что он оффлайн или у него закончились ресурсы.
- 504 Gateway Timeout. Случается, когда ошибка возникает на пути к серверу и запрос просто не доходит до него.
-
401 Unauthorized. Пользователь запросил данные, к которым у него нет доступа.
-
451 Unavailable for Legal Reasons. Пользователь запросил информацию, которая была удалена по требованию правоохранительных органов.
Все эти ошибки вызывают негативную реакцию у посетителя — даже если он сам виноват в появлении ошибки. К тому же, стандартные страницы с ошибками даже не дают возможности вернуться на главную страницу сайта — а значит всех посетителей, кто попадёт на страницу с ошибкой можно считать ушедшими с сайта. И если вас это не устраивает — нужно делать свои, необычные страницы.
Как сделать ошибки интересными
Хорошие страницы с ошибками можно разделить на три вида — полезные, развлекательные и интерактивные.
Для примера, мы будем использовать страницу 404. Ведь если от появления других можно так или иначе застраховаться, то в выдаче ошибки 404 обычно виноват сам пользователь. А значит и видеть её он будет намного чаще, чем другие ошибки.
Полезные
На полезной странице 404 ошибки есть описание ошибки, возможная причина её появления и строка поиска. Может быть еще ссылка на главную страницу сайта, картинка или анимация.
На такие страницы уходит минимум усилий (есть даже сайт с готовыми шаблонами страниц) и они быстро возвращают пользователя обратно на рабочий сайт.
Развлекательные
На странице красивая анимация или картинка. Кнопка возврата на главную тут тоже должна быть, но обычно она не в центре внимания.

На сайте веб-разработчика Хакима эль Хаттаба, страница 404 полна зловещих глаз, которые следят за курсором и нерегулярно моргают.
Такие страницы интересны и помогают придать сайту свою собственную «фишку». С другой стороны, они не так полезны и могут отвлечь посетителя от его изначальной цели.
Интерактивные
На странице — мини-игра или приложение. Обычно есть кнопка возврата на главную, но она второстепенна.
Такие страницы призваны вызывать положительные эмоции, но, с другой стороны, они могут отвлечь пользователей от его цели. Например, когда я впервые наткнулся на 404 у Lichness, я провел полчаса в бесплодных попытках спасти черную королеву на шахматной доске и напрочь забыл зачем я заходил на этот сайт.
Как сделать свою страницу с ошибкой?
Лучше всего — сделать страницу с ошибкой в cPanel. Этот метод универсален и поддерживается большинством CMS.
Как сделать страницу с ошибкой в cPanel
- Заходим в cPanel.
- Кликаем Страницы ошибок в разделе Расширенный.
- Кликаем на странице, которую хотим отредактировать.
- Пишем свой код, или берем его из шаблона. Шаблоны можно найти, например, на OS-Templates или Fresh Design Web.
- Кликаем Сохранить.
- Заходим на главную страницу cPanel.
- Кликаем Диспетчер файлов.
- Открываем папку public_html.
- Кликаем на файле .htaccess
- Кликаем Редактировать.
- Пишем в первую строку ErrorDocument 404 /404.shtml и кликаем Сохранить изменения.
- Проверяем, работает ли страница 404. Моя — работает.
Как сделать страницу с ошибкой в WordPress
Если у вас WordPress — вам повезло. У вас уже есть, пускай и примитивная, но вполне приличная страница. На свежеустановленной CMS она выглядит так:
WordPress считает страницу частью сайта, а значит она наследует тему. Некоторые темы даже имеют свои собственные страницы с ошибками:
С другой стороны, вам не повезло — WordPress не поддерживает настройку страниц с ошибками через cPanel и .htaccess.
Есть два способа отредактировать страницу 404 на WordPress: отредактировать шаблон страницы с ошибкой и использовать плагин для перенаправления на другую страницу.
Как отредактировать шаблон страницы с ошибкой
Это оставит страницу в стиле вашего сайта, но позволит вам поменять текст, виджеты и другие элементы страницы. Чтобы сделать это:
- Заходим в админ-панель WordPress.
- Кликаем Внешний вид.
- Кликаем Редактор.
- Справа выбираем страницу, которую хотим отредактировать.
- В файле содержится код PHP и HTML. Если вы знакомы с этими языками — можно менять содержимое файла на ваш вкус. Если нет — можно просто найти текст на странице и отредактировать.
- Кликаем Обновить файл.
- Проверяем, работает ли страница.
Как перенаправить со страницы с ошибкой на другую страницу
Плагин Custom 404 Pro позволяет использовать в качестве страницы 404 любую страницу — даже созданную не средствами WordPress. Например, вот эту.
- Заходим в админ-панель WordPress.
- Кликаем Плагины > Добавить новый.
- Вводим в строку поиска Custom 404 Pro.
- Кликаем Установить.
- Кликаем Активировать.
- Переходим в настройки плагина.
- Указываем путь к нашей странице 404. Она может находиться где угодно, даже на другом домене.
- Вот пример такой страницы. Здесь страница 404 для поддомена расположена на основном домене.
Заключение
Ни один сайт не застрахован от ошибок. Даже самый вдумчивый пользователь может случайно перепутать букву в адресе и попасть на 404 страницу ошибки. Чтобы сгладить неприятное ощущение, мы советуем создать нестандартную страницу с ошибками. Это повысит шансы, что посетители останутся на сайте. Вот вам небольшой список хороших 404-х страниц для вдохновения:
- GitHub — полезная
- Sygic — развлекательная
- Blue Fountain Media — интерактивная.
- Unihost.com — полезная.