Войти
Регистрация

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

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

Здравствуйте, дорогие читатели!

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

Такое происходит, когда Вы переходите по неверной ссылке, либо "битой ссылке". Веб-сервер выполняя запрос возвращает браузеру код ответа. Каждый ответ выражается в виде числа. Один из них это 404.

Получим ответ с этим кодом браузер выводит стандартное сообщение, как на изображении:

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

В таких случаях, чтобы не потерять пользователя, создается отдельно страница на сайте, которая имеет такой же дизайн, как сам сайт и текст об ошибке. Эта страница помещается также на сервер вместе с остальными файлами сайта.

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

ErrorDocument 404 http://site.ru/error404

В этой строке мы указали команду ErrorDocument 404 на переход по адресу http://site.ru/error404, который ведет на страницу с ошибкой 404. Указывайте абсолютные адреса страницы.

Поместите файл .htaccess в корень сайта.

Как это работает Вы можете увидеть, перейдя по этой неверной ссылке на моем сайте:

С уважением, Самвел Погосов

Рекомендую к изучению мой бесплатный видеокурс по HTML и CSS для начинающих с подробными видеоуроками и заданиями: Перейти к видеокурсу

Комментарии к статье

Бесплатный видеокурс

HTML и CSS для начинающих

Практический и бесплатный курс по основам HTML и CSS для начинающих. С этим курсом Вы сможете изучить базовые понятия верстки и стилей CSS. Курс с практическими уроками и заданиями, все видеоуроки последовательны и увлекательны. Я научу Вас всему, чему научился сам.

Получить курс
Опрос

Для чего Вы изучаете HTML и CSS?