Как сделать свою страницу 404

03.09.2017 SEO-оптимизация, SMM, Код ( HTML / PHP / CSS ) Оставьте комментарий 470 просм.

В этой статье мы рассмотрим что такое ошибка 404, что такое страница с ошибкой 404 (error 404 not found), научимся делать свою собственную страницу 404.

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

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

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

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

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

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

При попадании на страницу 404 (Not Found), пользователь с большой вероятностью, просто на просто, покинет ее, либо вернется на предыдущую страницу.

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

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

Как сделать свою страницу 404

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

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

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

Для того, чтобы посетитель, перешедший по неправильному адресу, получил адекватную страницу 404, необходимо внести изменения в файл .htaccess, который должен быть расположен в корневой директории сайта. Если же файла нет, то необходимо его создать, воспользовавшись каким-либо текстовым редактором (Dreamweaver, Notepad++ и пр.). У файла не должно быть расширения.

Вот что там нужно прописать:

ErrorDocument 404 needsite.net/404.html

Имя страницы и расширение можно поменять на любое другое. Например: 404NotFound.php, error_404.html

Если страница расположена не в корневой директории, то необходимо прописать полный путь к ней.

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

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


<html>
<head>
<title>Ошибка 404</title>
</head>
<body>
<img src="graphics/404.gif" alt="Ошибка 404">
<p>К сожалению, запрашиваемая Вами страница не найдена..</p>
<p>Почему?</p>
<ol>
	<li>Ссылка, по которой Вы пришли, неверна.
	<li>Вы неправильно указали путь или название страницы.
	<li>Страница была удалёна со времени 
          Вашего последнего посещения.
</ol>
<p>Для продолжения работы с сайтом Вы можете 
  воспользоваться формой поиска по сайту:</p>
<form>
	<input type="text" size="30">
	<input type="submit" value="Поиск">
</form>
<p>..или перейти на:</p>
<ul>
	<li><a href="#">Главную страницу сайта.</a>
	<li><a href="#">Карту сайта</a>
</ul>
</body>
</html>

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

Редирект со страницы ошибки 404

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

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

Тут на помощь приходит редирект 301. Но, поможет он лишь в тех случаях, если страница по-прежнему существует, но по другому адресу. Ставить же редирект на главную страницу, либо же на любую другую, которую Вы посчитаете достойной, не стоит. Поисковики очень плохо к такому редиректу отнесуться — знаю по опыту.

Вот собственно и всё! теперь если Вы всё сделали правильно, при возникновении ошибки 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)- Внутренняя ошибка сервера.

Удачи!