Ошибка 404 – что это? Нужна ли нам прикольная страница 404 ошибки.

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

Привет тебе, дорогой друг — читатель in4wp. Сегодня я решили поднять такую тему как ошибка 404. Деталь эта мелкая, но порой эта мелочь бывает очень серьезной и не стоит на эту мелочь закрывать глаза.

Да, сегодня мы поговорим о том, как создать страницу 404 ошибки, как её редактировать и т.п.

Также в статье я рассмотрю примеры красивых страниц с ошибкой 404. И мне было бы интересно узнать ваше мнение: какая информация должна быть на странице 404 чтобы пользователь не ушел с вашего блога?

Может быть ты в комментариях покажешь свою страницу с ошибкой 404 ?

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

Содержание статьи про ошибку 404:

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

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

Например, если зайти на страницу in4wp.ru/avgdeika.html или на страницу in4wp.ru/error.html – тебя перекинет на одну и туже страницу.

Это и будет страница с ошибкой 404, на ней вы узнаете что такого адреса нет и вам будет предложено перейти куда-то еще.

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

Вот, например, как выглядит 404 страница в CMS Joomla

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

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

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

Читайте также:  SEO-шники – что они несут? Прочитав эту статью, вы узнаете их seo термины!

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

 

Миф ошибки 404

Облазив интернет, в т.ч. зарубежные сайты, я встретил достаточно интересный миф о том, откуда собственно появилась ошибка 404. В мифе этом утверждалось что основная база данных научного центра CERN (European Organization for Nuclear Research), находилась как раз на 4ом этаже, в комнате 404.

К слову, этот центр принимал активное участие в развитии интернета. Так вот, когда они уже не могли справляться с объемом поступающих к ним данных – разработчики центра якобы начали выдавать ошибку вида “Room 404: file not found” .

Этот миф был развенчан одним из ученых, входивших в состав CERN, он сказал что комнаты 404 у них не могло быть, т.к. была другая нумерация комнат и начиналась эта нумерация с 410 кабинета :).

Как вам такой миф? Может быть кто-то еще что-то слышал интересненького на эту тему? Напишите об этом, мне тоже интересно.

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

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

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

Создаешь файлик 404.php у себя на компьютере, потом через фтп загружаешь в папку http://твой_сайт/wp-content/themes/твой_шаблон/ .

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

[warning]Внимание!
Без этого файла в шаблоне вордпресса не будет никакой страницы 404. При не правильном адресе будет происходить переадресация на главную.[/warning]

Можно скопировать в него содержимое файла page.php или single.php.

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

Просто в каждом шаблоне – своя структура, универсального скриншота невозможно показать.

Возможно, тебе поможет следующий, самый элементарный код:

Извините, такой страницы не найдено

Все, что тебе нужно — это просто скопировать этот код и вставить в своё файлик 404.php вот так:

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

Читайте также:  Яндекс Метрика – устанавливаем счетчик на сайт, настраиваем цели, учимся работать со статистикой

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

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

[sociallocker]>> Скачать архив с 404 страницей << [/sociallocker]

Как улучшить оформление страницы 404 ошибки ? Пару советов о улучшению.

В стандартных шаблонах из паблика есть такой файлик как 404.php – вот он то нам и нужен.

В принципе можно даже не использовать вспомогательные текстовые редакторы, я кстати пользуюсь Notepad++ . Вместо этих редакторов можно использовать внутренний редактор wordpress.

редактирование страницы ошибки 404
Вошли в редактор в правой колонке выбираем нужный нам файлик:

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

Напиши, что страница, которую ищет посетитель, не существует и главное объясните, почему именно она не существует.

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

Сделай её лучше и понятней.

Совет 1: Придерживайся дизайна. Средствами WordPress это сделать не сложно. Важно, чтобы дизайн 404 страницы не отличался от остального дизайна твоего блога.

Совет 2: Максимальная польза. Даже если пользователь попал на несуществующую страницу – тебе нужно сделать все чтобы ему было интересно листать дальше блог и чтобы было удобно сделать переход в нужный раздел. Также можно разместить классное предложение о подписке.

Совет 3: Дружелюбность и понятность. Без комментариев. Не стоит думать, что все знают, что такое 404 ошибка. Тебе нужно объяснить, в чем проблема. Вариантов много, например: «Упс! Эта страница где-то потерялась, попробуйте зайти на другую страницу».

Совет 4: Будь проще. 404-ая страница может быть простой и даже смешной. Прикольные страницы 404 ошибки очень хорошо работают, на таких страницах может быть форма подписки, которая будет хорошо работать.

Может быть я что-то пропустил? Напиши в комментариях, какое оформление 404 страницы у тебя?. Я думаю, что все использовали какую-то прикольную картинку в качестве приветствия на этой странице. А вот, например, моя страничка:

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

Читайте также:  Небольшие итоги по работе над блогом + Ответы на вопросы читателей.

Чтобы посмотреть её полностью – просто попробуй зайти на несуществующую страничку.

Работаем с 404 страницей с помощью плагинов.

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

Smart 404. Этот плагин автоматически заменяет страницу 404 на список страниц, наиболее подходящих по запросу. Здесь автоматически используется функция «поиск по блогу».

404 Notifier. — плагин уведомляет об ошибках 404, когда они возникают.

Redirection. – Этот плагин перенаправляет пользователя со страницы 404 на другую страницу, которую можно указать руками. Любая выбранная тобой страница может стать целевой.

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

Красивые 404 страницы

Кто-то коллекционирует пачки из-под сигарет, кто-то коллекционирует вирусы (сам таким был).

А я предлагаю нашим читателям создать коллекцию самых красивых страниц с 404 ошибкой. Ребята, как вы на это смотрите?

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

Вот этот сервис и вот еще один – Наслаждайся.

Из парочку понравившихся мне на этом сайте 404 страниц:

http://theworstdrug.com/chris

http://www.bluefountainmedia.com/404/ — вот это вообще отпад!

http://www.lookitsme.co.uk/404_me

http://kinnet.ru/404.html

Такого я еще не видел. А ты?

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

[note]UPD (2017 Год) — К сожалению, многие сайты прекратили своё существование, поэтому здесь остаётся только Близзард.[/note]

Blizzard Intertaiment

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

Пользуясь случаем, хочу объявить о том, что у меня есть БЕСПЛАТНЫЙ курс по созданию блога с нуля — ПОЛУЧИТЬ КУРС. Помогаю новичкам в развитии.

Кстати про обновления — скоро я проведу очень интересный конкурс с очень интересными призами. А сейчас хочу попросить прощения за то что есть задержки с постами — у сына старшего — турниры танцевальные + эта предновогодняя суматоха… В общем головокружительные деньки. :) Скоро я подведу итоги моих успехов в блоговодстве. Думаю, будет интересно. [urlspan]Не пропусти[/urlspan].

Всегда ваш, Денис Тумилович.

Оцените статью
Добавить комментарий для Надежда Отменить ответ

  1. Александр Викторович

    Летом нашел интересное предложение и воспользовался им. В логах ошибок было много много попыток найти не существующие страницы типа «Привет Мир», то есть давно удаленные. Похоже роботы искали лазейки.
    В код файла 404 ошибки вставил небольшой редирект и теперь всех ищущих не существующие страницы или допустивших случайную ошибку в наборе адреса, просто перебрасывает на главную.
    На сайте ИМ изначально разработчиком использована такая система. В какой то степени она служит и защитой. Робот или злоумышленник ищет доступ к админке, а попадает на главную.

    Ответить
    1. Александр

      Очень удобно сделано с редиректом. Тоже хотел себе раньше такое сделать но потом почему то передумал и решил что это будет доставлять неудобства. Думаю что стоит сделать тоже такое же на своем блоге

      Ответить
    2. Надежда

      Александр Викторович, а как это сделать? Чисто технически. Меня часто атакуют, в админку просятся, защита стоит конечно, но как сделать редирект со страницы админки?

      Ответить
  2. Юрий Ваценко

    Денис, как всегда познавательно. Где же твоя статья раньше была, я уже себе создал, правда не уникальную, но все же). Кстати, то что ты мне создал новую базу, не повлияло на эту страницу? То есть она не поменялась?

    Ответить
  3. Александр Белый

    Подробно все описано, для тех кто не настроид эти методы подойдут. О 404 комнате не знал!

    Ответить
  4. Екатерина Худякова

    Идея с игрой на странице с ошибкой — хорошая))) Мне кажется, идеальная игра для такой страницы будет — найди выход из комнаты)))

    Ответить
  5. Азик

    У меня ужасная страница 404!! Надо поработать над ней!!

    Ответить
  6. alexey

    по поводу происхождения 404
    почитайте в википедии Список кодов состояния HTTP
    Ошибки ВЕБ-сервера делятся на диапазоны:

    100-199
    Информационный. Сообщает агенту что, запрос агента принят и обрабатывается.
    200-299
    Запрос агента обработан успешно, сервер отправил клиенту запрашиваемый документ.
    300-399
    Запрос агента изменен и агенту нужно предпринять некоторые действия для удовлетворения измененного запроса.
    400-499
    Проблемы при попытке выполнить запрос.
    500-599
    Ошибки сервера

    Код состояния HTTP (англ. HTTP status code) — часть первой строки ответа сервера при запросах по протоколу HTTP. Он представляет собой целое число из трёх арабских цифр. Первая цифра указывает на класс состояния. За кодом ответа обычно следует отделённая пробелом поясняющая фраза на английском языке, которая разъясняет человеку причину именно такого ответа.

    404 Not Found («не найдено»)

    Ответить
  7. Рита

    Спасибо, Денис за очень подробную и легко, поданную информацию. Я сразу определила для себя эту проблему, как одну из главных. И сделала страницу 404 красивой , с картинкой. Теперь моим читателям будет приятно прочитать сообщение и перейти в другой раздел моего блога, где есть полезная информация.

    Ответить
    1. Александр

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

      Ответить
      1. Надежда

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

        Ответить
      2. Надежда

        Сейчас вроде красиво, почему у вас АГС?

        Ответить
  8. Юрий

    Я все никак свою страницу 404 не оформлю более менее привлекательной. Хотя не мешало бы.

    Ответить
    1. Александр

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

      Ответить
      1. Надежда

        У вас девушка ничего себе, заманчивая, почему кошмар то? Или уже переделали?

        Ответить
  9. Елена Прекрасная

    Я тоже не оформляла свою страницу 404, но меня она и так устраивает, главное что есть!

    Ответить
    1. Александр

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

      Ответить
      1. Надежда

        Почему это? Если такая страница есть в теме значит она продумана в дизайн шаблона, главное — функционал. Все равно ведь нужна

        Ответить
  10. Дмитрий

    Так оформили) http://comprayexpress.ru/404

    Ответить
    1. Дмитрий, если честно, для компьютерного мастера как-то «не в тему» девочка, чтоли. Я надеялся увидеть нечто компьютерное, робота какого-нибудь , например.

      Ответить
      1. Александр

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

        Ответить
        1. Надежда

          Но девочка то совсем не в тему, тем более сайт мужчина ведет, но видимо ему все равно. может проблемы со вкусом у человека а может он по ней тащится )

          Ответить
  11. Виктор

    Я всегда думал, что 404 страница частенько проскакивает у пользователей, но не думал что она на первом месте по посещаемости. У меня, например, сейчас простая страница ошибки, которая предлагает пользователю перейти на главную, но я уже давненько подумываю её поменять на прикольную страницу, и, возможно, использовать призыв к действию. А страница с пакманом порадовала, даже сыграл пару раз)))

    Ответить
  12. Сергей Оксак

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

    Ответить
    1. Сергей, если что — обращайся, помогу чем смогу.

      Ответить
      1. Сергей Оксак

        Денис, а у тебя в статье все ссылки перечеркнутые — это нормально, так хитро задумано или все-таки косяк какой-то :) . Вроде бы все работает, но смотрится конечно…
        Посоветуй про плагин Smart404? можно ли его все таки устанавливать, если он уже два года не обновлялся, не будет ли он конфликтовать с WP4.4?

        Ответить
        1. Ссылки перечеркивает ваш плагин (расширение) RDS Bar, я так подозреваю вы именно им пользуетесь.

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

          Ответить
        2. Надежда

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

          Ответить
  13. Олег

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

    Ответить
  14. Надежда

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

    Ответить
    1. Сергей Оксак

      На самом деле лучше уж поставить плагин, чем твоего посетителя будет выбрасывать неизвестно куда… Лучше уж извиниться и порекомендовать посетить другую страницу… Или же сделать интересную игру — в поисках выхода :)

      Ответить
      1. Надежда

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

        Ответить