Зачем нужны необычные страницы с ошибками

Ошибка веб-сервера возникает, когда пользователь запрашивает информацию, а сервер не может её ему передать. В таком случае сервер показывает пользователю специальную страницу с кодом состояния HTTP и предложением, что делать дальше.

С полным списком кодов можно ознакомиться на Википедии, а пока давайте взглянем на те, которые можно чаще всего встретить на сайтах:

1. 404 File Not Found. Возникает, когда пользователь запрашивает информацию, которой просто нет на сервере.
2. 503 Service Unavailable. Случается, когда сервер не отвечает вообще. Например, потому что он оффлайн или у него закончились ресурсы.
3. 504 Gateway Timeout. Случается, когда ошибка возникает на пути к серверу и запрос просто не доходит до него.

4. 401 Unauthorized. Пользователь запросил данные, к которым у него нет доступа.

5. 451 Unavailable for Legal Reasons. Пользователь запросил информацию, которая была удалена по требованию правоохранительных органов.

Все эти ошибки вызывают негативную реакцию у посетителя — даже если он сам виноват в появлении ошибки. К тому же, стандартные страницы с ошибками даже не дают возможности вернуться на главную страницу сайта — а значит всех посетителей, кто попадёт на страницу с ошибкой можно считать ушедшими с сайта. И если вас это не устраивает — нужно делать свои, необычные страницы.

Как сделать ошибки интересными

Хорошие страницы с ошибками можно разделить на три вида — полезные, развлекательные и интерактивные.

Для примера, мы будем использовать страницу 404. Ведь если от появления других можно так или иначе застраховаться, то в выдаче ошибки 404 обычно виноват сам пользователь. А значит и видеть её он будет намного чаще, чем другие ошибки.

Полезные

На полезной странице 404 ошибки есть описание ошибки, возможная причина её появления и строка поиска. Может быть еще ссылка на главную страницу сайта, картинка или анимация.

Страница с ошибкой в интернет-каталоге prom.ua.

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

Развлекательные

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

На сайте веб-разработчика Хакима эль Хаттаба, страница 404 полна зловещих глаз, которые следят за курсором и нерегулярно моргают.

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

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

На странице — мини-игра или приложение. Обычно есть кнопка возврата на главную, но она второстепенна.

На шахматном портале lichness.org, на странице 404 находится мини игра-раннер с шахматным уклоном.

Такие страницы призваны вызывать положительные эмоции, но, с другой стороны, они могут отвлечь пользователей от его цели. Например, когда я впервые наткнулся на 404 у Lichness, я провел полчаса в бесплодных попытках спасти черную королеву на шахматной доске и напрочь забыл зачем я заходил на этот сайт.

Как сделать свою страницу с ошибкой?

Лучше всего — сделать страницу с ошибкой в cPanel. Этот метод универсален и поддерживается большинством CMS.

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

1. Заходим в cPanel.
2. Кликаем Страницы ошибок в разделе Расширенный.
3. Кликаем на странице, которую хотим отредактировать.
4. Пишем свой код, или берем его из шаблона. Шаблоны можно найти, например, на OS-Templates или Fresh Design Web.
5. Кликаем Сохранить.
6. Заходим на главную страницу cPanel.
7. Кликаем Диспетчер файлов.
8. Открываем папку public_html.
9. Кликаем на файле .htaccess
10. Кликаем Редактировать.
11. Пишем в первую строку ErrorDocument 404 /404.shtml и кликаем Сохранить изменения.
12. Проверяем, работает ли страница 404. Моя — работает.

Как сделать страницу с ошибкой в WordPress

Если у вас WordPress — вам повезло. У вас уже есть, пускай и примитивная, но вполне приличная страница. На свежеустановленной CMS она выглядит так:

WordPress считает страницу частью сайта, а значит она наследует тему. Некоторые темы даже имеют свои собственные страницы с ошибками:

С другой стороны, вам не повезло — WordPress не поддерживает настройку страниц с ошибками через cPanel и .htaccess.

Есть два способа отредактировать страницу 404 на WordPress: отредактировать шаблон страницы с ошибкой и использовать плагин для перенаправления на другую страницу.

Как отредактировать шаблон страницы с ошибкой

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

1. Заходим в админ-панель WordPress.
2. Кликаем Внешний вид.
3. Кликаем Редактор.
4. Справа выбираем страницу, которую хотим отредактировать.
5. В файле содержится код PHP и HTML. Если вы знакомы с этими языками — можно менять содержимое файла на ваш вкус. Если нет — можно просто найти текст на странице и отредактировать.
6. Кликаем Обновить файл.
7. Проверяем, работает ли страница.

Как перенаправить со страницы с ошибкой на другую страницу

Плагин Custom 404 Pro позволяет использовать в качестве страницы 404 любую страницу — даже созданную не средствами WordPress. Например, вот эту.

1. Заходим в админ-панель WordPress.
2. Кликаем Плагины > Добавить новый.
3. Вводим в строку поиска Custom 404 Pro.
4. Кликаем Установить.
5. Кликаем Активировать.
6. Переходим в настройки плагина.
7. Указываем путь к нашей странице 404. Она может находиться где угодно, даже на другом домене.
8. Вот пример такой страницы. Здесь страница 404 для поддомена расположена на основном домене.

Заключение

Ни один сайт не застрахован от ошибок. Даже самый вдумчивый пользователь может случайно перепутать букву в адресе и попасть на 404 страницу ошибки. Чтобы сгладить неприятное ощущение, мы советуем создать нестандартную страницу с ошибками. Это повысит шансы, что посетители останутся на сайте. Вот вам небольшой список хороших 404-х страниц для вдохновения:

1. GitHub — полезная
2. Sygic — развлекательная
3. Blue Fountain Media — интерактивная.
4. Unihost.com — полезная.