RSS-лента

Лучшие CMS интернета бесплатно для создания сайта

Фев
2

Создаем страницу ошибки 404

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

Итак, приступим.

Что такое ошибка 404

Ошибка 404 или Page Not Found («страница не найдена») стандартный код ответа HTTP о том, что клиент был в состоянии общаться с сервером, но сервер не может найти данные согласно запросу. Страница ошибки 404 возникает, когда вы пытаетесь перейти на страницу, которой уже нет по данному адресу, или вы просто допустили ошибку в написании адреса.

Стандартный вид страницы, этой ошибки выглядит следующим образом:

страница ошибки 404

 

Страшная, не правда ли? Все не по русски, и жирным выделено Error 404. Вот и спрашивается, а что вы сделаете при попадании на такую страницу? Да закрою ее нафиг и пойду дальше искать нужный материал…).  Люди уже привыкли ценить свое время пребывания в Интернете и предпочитают поискать аналогичный ресурс, который будет удовлетворять их требованиям.

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

Памятка серфера в ситуации возникновения ошибки 404.

Шаг №1. Попробуйте перезагрузить страницу. Возможно, это просто случайность.

Шаг №2. Поищите ошибки в написании URL или попробуйте модифицировать расширение загружаемого документа (например, поменять *.htm на *.html и наоборот).

Шаг №3. Поднимитесь в структуре URL на один уровень выше и оттуда попытайтесь найти искомый документ.

Шаг №4. Попробуйте поискать нужную страницу в поисковой системе: в отличие от забывчивых веб-мастеров, поисковики более ответственно относятся к содержанию своих индексов.

Шаг №5. Свяжитесь с веб-мастером Интернет-ресурса, на котором нет искомой страницы, по электронной почте. Наверняка он отблагодарит вас за то, что вы нашли «битую» ссылку.

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

Причины появления 404 ошибки

Причин появления 404 ошибки может быть очень много, но все они сводятся к одной — адрес такой страницы уже не существует или вы просто неправильно набрали Url. К примеру одной из причин может быть установка wordpress плагина  No category parents — производит удаление слова category  из Url ваших статей на блоге. С одной стороны это хорошо, а в результате чего вы получите по старым адресам страницу 404 ошибки. Или вот еще пример: установка wordpress плагина Cyr-To-Lat — производит транслитерацию всех записей, да он делает перенаправление (301 редирект), но если вот его удалить… ошибок 404 у вас будет много. И таких примеров может быть очень много…

Как проверить свой сайт на наличие ошибки 404

Наличие или их отсутствие, можно установить несколькими способами:

  • При помощи Яндекс — вебмастера.

яндекс вебмастер

Для этого нужно перейти на вкладку: Индексирование сайта —> Исключенные страницы. Вы найдете список страниц с пометкой ««HTTP-статус: Ресурс не найден (404)»». Там представлены не обнаруженные роботом страницы, на которые есть ссылки с других страниц.

  • При помощи онлайн сервиса Broken Link CheckerСервис буржуйский, но в своем роде уникальный. Он показывает не только 404 ошибки, а вообще все битые ссылки на сайте.

онлайн сервис

 

Также этот сервис в отчете указывает точное место в коде, где находятся битые ссылки.

  • Немногим более удобный инструмент есть и в панели вебмастера Google. Вам надо зайти в раздел: Диагностика —> Ошибки сканирования.

вебмастер гугла

 

 

Как исправить ошибку 404

Исправить ошибку 404 практически не реально. То есть, чтобы вы понимали нужно сделать на сайте Url по которому возникает ошибка, и страница по этому адресу должна быть с материалом, который например находится по новому адресу. Да создать адрес нет проблем, только что делать, когда таких ошибок много?  Поэтому для страниц с ошибкой 404 делают специальную страницу. В WordPress за данную страницу отвечает файл 404.php Но есть такие темы wordpress в которых может и не быть такого файла в этом случае происходит перенаправление на главную страницу сайта.

Также исправляют 404 ошибку при помощи директивы ErrorDocument.  Для этого в .htaccess размещают следующий код перенаправления: 

 

ErrorDocument 404 http://goldserfer.ru/404.html

 

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

Если вы владелец блога на wordpress для исправления ошибки 404 можно использовать очень удобный плагин Redirection

redirection new

 

redirection

Плагин управляет перенаправлениями при помощи 301 редиректа. Теперь самое главное – как управлять перенаправлениями. Заходим в плагин Инструменты – Перенаправления и видим форму «Добавить новое перенаправление». В поле «URL источника» нужно указать адрес, по которому имеется 404 ошибка. В поле «Совпадения» выбрать «URL и рефферер»,«Действие» – «Перенаправить на url», ставим галочку напротив «Регулярное выражение». В поле «URL назначения» нужно указать реальный адрес местонахождения вашего файла. Жмем на кнопку «Добавить перенаправление».

Создаем страницу ошибки 404

Страница 404 ошибки должна выглядеть как и любая другая страница блога, поэтому в качестве примера возьмите шаблон single.php, или page.php отвечающий за отображение статьи. Эти файлы находятся в папке с вашей темой.

Рассматриваем файл page.php. Удалите из него все ненужное — код социальных кнопок, комментариев, заголовка и даты публикации. Фактически оставьте только код, отвечающий за подключение шапки сайта:

 

<?php get_header(); ?>

и подвала:

<?php get_footer(); ?>

Теперь, что лучше расположить на странице ошибки 404? Вот некоторые советы. Конечно, прислушиваться к ним или нет — сугубо ваш выбор:

  • во первых эта страница должна быть одновременно оригинальной и красивой.
  • во вторых я бы разместил на ней ссылку на карту сайта.
  • в третьих можно разместить php код строки поиска по сайту.

Итак приступим, в моей теме нет файла 404.php поэтому я его сейчас создам. Открываем Notepad++ и создаем файлик с названием 404.php. В этот файл копируем все содержимое файла page.php нашей темы. Вот что у нас имеется:

 page.php - создаем 404

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

Теперь вставляем:

<h1>Ой, такой страницы больше нет.</h1>

Заголовок страницы 404 ошибки.

<div id=”content”>...</div>

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

404 страница

Вот и все. Далее делаете все на что у вас только фантазии хватит.

Получай первым обновления блога!

Введите Ваш e-mail:


Комментарии (7) на “Создаем страницу ошибки 404”

  • Alex (4 коммент.) 15 Август 2013 в 14:42

    Самое главное не понятно). Ввёл я, например: alexander.ru у меня сообщение «Ничего не найдено», а вместо этого я бы хотел оформить эту страницу, разместить на ней карту сайта. Где должен лежать файл 404.php и как на него перенаправить ВСЕ несуществующие страницы? Спасибо. 

    • CMSONY
      CMSONY (172 коммент.) 15 Август 2013 в 18:29

      Файл 404.php должен лежать в папке с темой. Перенаправление сделать при помощи файла .htaccess (он лежит в корне сайта), в нем нужно добавить строчку: ErrorDocument 404 ваш сайт/404.html

    • Alex (4 коммент.) 15 Август 2013 в 22:58

      Спасибо, вот что у меня вышло: soundgear.pro/wpsdfgedr Смутило то, что файл .php, a переадресация на .html

    • CMSONY
      CMSONY (172 коммент.) 16 Август 2013 в 18:47

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

  • Связной (1 коммент.) 8 Сентябрь 2013 в 2:44

    Вот тут интересное решение для страницы 404 — студия звукозаписи даёт случайный бонус: или скидку 10% на услуги, или бесплатный файл.dasound.net/404

  • Андрей (12 коммент.) 15 Декабрь 2013 в 16:30

    Добрый день. Спасибо за грамотную статью. А я хотел у вас спросить, что если вообще не делать страницу 404, а просто поставить 301 редирект на главную страницу? Как вы думаете, проблемы с Яндексом не возникнут из-за этого?
    Заранее спасибо.

    • CMSONY
      CMSONY (172 коммент.) 15 Декабрь 2013 в 23:36

      Если, поставить 301 редирект на главную страницу, проблем с Яндексом не будет. Но пользователь так и не найдет ту страницу на которую хотел попасть…

Оставить комментарий


вверх