Добрый вечер! В записи о выводе популярных записей на странице блога я упомянул об ошибке 404, и сегодня этот пост хотелось бы посвятить ей, а точнее о странице, показывающей ошибку 404 — не найдено (или страница не найдена), и как ее можно оформить на WordPress. Ее стандартное предназначение только в показе сообщения Не найдено!, а что не найдено, где не найдено может быть не понятно.

Ошибка 404 - как правильно ее оформить

Ошибка 404 — ее назначение и история появления

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

  1. Если пользователь случайно или специально ввел неправильный адрес ссылки;
  2. Ссылка введена правильно, но она не работает на конечном сайте. Причиной может послужить как переименование ссылки, так и полностью удаление страницы;
  3. Самая редкая причина и скорее всего уже невозможная — медленное соединение с интернетом. По этой причине браузер сам указывает на то, что данный документ отсутствует;

Проверить и посмотреть на страницу ошибки 404 можно, просто набрав в адресной строке сайт.ru/кваказябра. Результаты могут быть разные — оформление страницы, как устроена навигация или вообще это 2 слова Ошибка 404 на белом фоне. Все зависит от автора сайта. К примеру West Blogger оформил ее так:

Оформление страницы 404

Есть миф, что ошибка 404 связана с комнатой, которая имеет номер 404 и располагается в неком CERN. Там был расположен сервер с базой данных интернета, которая стремительно росла и вскоре была настолько огромна, что не все запросы соответствовали запрашиваемому документу. Вскоре и придумали ошибку 404. Но это лишь миф, а как утверждает Wikipedia, то первая цифра, то есть 4 указывает на ошибку клиента, две последующие — конкретную ошибку.

Оформление страницы ошибки 404 на WordPress

Оформить страницу 404 на WordPress не отнимет много времени. Для этого перейдите в окно редактирования внешнего вида сайта:

Редактирование страницы 404 в WordPress
Редактирование страницы 404 на WordPress

Далее выбираем Шаблон ошибки 404 и приступаем к редактированию кода, который находится между двумя строками:

<?php get_header(); ?>
...
<?php get_footer(); ?>

Для начала поместите между ними блок

<div id="notfound">
<h3 style="text-align: center;">Не найдено? Не беда!</h3>
<p style="text-align: justify;">
Воспользуйтесь поиском или перейдите на главную страницу сайта.</p>
</div>

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

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

Паркур + пейнтбол. Весело получилось:

Комментариев: 7

  1. West Blogger

    есть альтернативный вариант использования 404 — не размещать никакой информации а просто перебросить редиректом на главную или еще куда.

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

  2. Orcinus Orca

    Согласен, всё-таки ошибку нужно отобразить, но параллельно можно сообщить человеку, что на сайте есть много интересного и без той искомой статьи.

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

  3. West Blogger

    Я просто отталкивался от своего опыта — ища конкретную страницу на сайте, и попадая на информативную заглушку (не зная ничего про 404) думал что это именно та страница, которую я ищу, но просто измененная.

    И обычно принимал это как факт — нужной мне информации уже нет. Просто с толку сбивает.

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

  4. writer

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

  5. Orcinus Orca

    writer, вот про это тебе все и пишут. Но первыми словами должно идти то, что это именно ошибка. Я вообще не переопределяю ошибки, так как к этому некоторые поисковики плохо относились. Как сейчас — не знаю.

  6. West Blogger

    Кстати очень распространены странички 404 с различными приколами, типа изображения толпы зомбяков и надписью: наверно вы куда-то не туда попали… :) Недавно наткнулся на такую страничку :)

  7. Tania

    Для сервера типа Apache должен быть файл у папки. со страницами сайта и названием
    «.htaccess» и содержанием файла хотя бы:

    ErrorDocument 404 /?error=404

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>