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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

За эту ошибку, кстати, отвечает файлик 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/твой_шаблон/ .

Так, у нас есть пока что пустой файлик, поэтому теперь нужно его наполнить.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Да, это не идеал конечно, и я её еще буду редактировать.

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

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

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

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

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

— Redirection. – Этот плагин перенаправляет пользователя со страницы 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

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

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

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

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