Как сделать страницу 404 для сайта html

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

Прежде чем создавать страницу ошибки 404 давайте сначала разберёмся что это вообще за ошибка такая..

Ошибка 404 или Not Found — не найдено.. это стандартный код ответа HTTP о том, что страницы, к которой обращается пользователь, нет на сервере.. попросту она не существует.

Возникать данная ошибка может в ряде случаев:

Ссылка, по которой пришёл пользователь, неверна.

Пользователь неправильно указал путь в адресной строке к одной из страниц Вашего сайта.

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

Что увидит пользователь в результате этой ошибки?

В лучшем случае страницу с рекламой Вашего хостера и кратким объяснением что мол Вы «не туда попали».. в худшем это будет просто надпись: 404 Not Found — The requested URL /page.html was not found on this server — собственно «Запрашиваемый URL отсутствует на этом сервере».

Теперь представьте, что сделает пользователь когда увидит эту картину? Правильно!! закроет эту страницу и пойдёт искать интересующую его информацию в другом месте!! — в результате чего Вы потеряете целевого посетителя!

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

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

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

Как видите сплошные плюсы..

Создаётся страница ошибки 404 точно так же как и любая другая страница на Вашем сайте.. никаких нюансов в коде странице нет..

Ну например создадим файл с именем 404.html

Ошибка 404

К сожалению, запрашиваемая Вами страница не найдена..

Почему?

Ссылка, по которой Вы пришли, неверна.
Вы неправильно указали путь или название страницы.
Страница была удалёна со времени Вашего последнего посещения.

Для продолжения работы с сайтом Вы можете воспользоваться формой поиска по сайту:

..или перейти на:

Главную страницу сайта.
Карту сайта

На самом деле это просто страничка «скелет» конечно же Вам следует создать свою собственную, полноценную страницу ошибки 404.

Создали? а вот теперь поговорим о нюансах..

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

Что это за файл такой спросите Вы?

Файл .htaccess (я не опечатался, пишется с точкой в начале имени и не использует никакого расширения) – дает возможность конфигурировать работу сервера в отдельных его директориях..

На данный файл может быть возложен ряд специфических задач.. например: устанавливать права доступа к файлам в папке, менять названия индексных файлов, глобально перенаправлять посетителей на другой сайт, запретить доступ к сайту с определённого ip адреса. и еще много всяких иногда очень полезных вещей может делать этот чудо файл.. в том числе может самостоятельно обрабатывать ошибки сервера — что нам собственно и нужно!

Однако углубляться во все подробности и тонкости мы не будем, а поговорим лишь о том, что нас интересует на данный момент.

Итак, создаём файл под названием .htaccess который содержит в себе одну единственную строчку (если таковой файл уже имеется с какими ни будь другими инструкциями серверу, то просто дописываем в него эту строчку):

ErrorDocument 404 http://www.site.ru/404.html

И заливаем его на сервер в корневую папку сайта.

Ну только естественно сначала поменяйте в файле .htaccess ссылку http://www.site.ru/404.html на адрес Вашей собственной страницы которая должна будет открываться при возникновении ошибки 404.

Вот собственно и всё! теперь если Вы всё сделали правильно, при возникновении ошибки 404 будет загружаться Ваша «ошибочная» страница.

Сейчас огорчу тех кто располагает свой сайт на том или ином бесплатном хостинге.. Большинство бесплатных хостеров не дают доступа к файлу .htaccess так что создать страницу 404 на бесплатном хостинге вряд ли удастся.

P.S.Таким же способом с помощью файла .htaccess Вы можете обрабатывать и другие ошибки сервера:

401 ошибка(ErrorDocument 401 http://www.site.ru/page.html)- Требуется авторизация.
403 ошибка(ErrorDocument 403 http://www.site.ru/page.html)- Пользователь не прошел аутентификацию, доступ запрещен.
500 ошибка(ErrorDocument 500 http://www.site.ru/page.html)- Внутренняя ошибка сервера.

Если что-то непонятно или Вы в чем-то сомневаетесь, то за дополнительными разъяснениями обращайтесь на форум.

Читать:

Как в экселе посчитать количество ячеек с определенным значением

Создать собственную страницу 404 в .htaccess

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

Например: «Возможно данный файл был перемещен или заменен на более новый. Воспользуйтесь формой для поиска нужной информации на нашем сайте.»

Чтобы пользователи автоматически переходили на страницу ошибки создайте перенаправление ErrorDocument в файле .htaccess.

Перенаправление ErrorDocument задает страницы, которые отображаются пользователю при определенных ошибках (403, 404, 500 и т.д.).

Укажите номер ошибки и адрес страницы (в этом примере ошибка 404):

ErrorDocument 404 http://domain1.com/errors/page404.html

Подробнее о настройке файла .htaccess Вы можете прочитать здесь.

В этой статье Вы можете ознакомиться с типовыми перенаправлениями.

Как сделать страницу ошибки 404 в Рег.сайте

В этой статье мы расскажем, как сделать страницу ошибки 404 и какую информацию лучше на ней разместить.

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

Страницу ошибки 404 html кодом делать необязательно. В Рег.сайте ее можно сделать всего за пару кликов.

В большинстве шаблонов, представленных в Рег.сайте, уже есть настроенный макет ошибки. Вам достаточно просто перейти в «Divi» ― «Глобальные блоки», найти готовый макет и поменять шаблон под свой дизайн:

Если у вас нет настроенного макета, его можно легко создать самостоятельно. Как настроить такой отбойник, мы расскажем ниже.

Как сделать страницу ошибки 404 в Рег.сайте

Как создать страницу 404 в Рег.сайт 2

Во вкладке «Divi» ― «Глобальные блоки» нажмите Добавить новый шаблон:

Как создать страницу 404 в Рег.сайт 3

В появившемся меню прокрутите список до самого конца и поставьте галочку напротив 404 Страница. Нажмите Создать шаблон:

Как создать страницу 404 в Рег.сайт 4

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

Как создать страницу 404 в Рег.сайт 5

Создайте дизайн страницы 404:

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

Что нужно разместить на странице

Кроме красивой картинки, подходящей дизайну сайта, и сообщения об ошибке, на странице 404 стоит разместить некоторые элементы, которые подскажут пользователю, что делать дальше:

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

Например, вот так выглядит страница 404 раздела «Помощь» на сайте Рег.ру:

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

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

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

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

ErrorDocument 404 /err404.html

Последний параметр представляет собой имя файла, который загружается в браузере при возникновении ошибки 404. В данном случае он называется err404.html и располагается в корне сайта.

Учтите, что файл err404.html может быть вызван из любого места сайта, поэтому в нем следует использовать абсолютные ссылки (http://site.ru/images/error.png) или ссылки относительно корня сайта (/images/error.png).

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.