Всем привет, дорогие друзья читатели in4wp. Сегодня мы решили поднять такую тему как ошибка 404. Деталь эта мелкая, но порой эта мелочь бывает очень серьезной и не стоит на эту мелочь закрывать глаза.
Да, сегодня мы поговорим о том, как создать страницу 404 ошибки, как её редактировать и т.п. Также в статье мы рассмотрим примеры красивых страниц с ошибкой 404. И мне было бы интересно узнать ваше мнение: какая информация должна быть на странице 404 чтобы пользователь не ушел с вашего блога?
В конце статьи мы проведем еще один мини-конкурс, а возможно и не один, поэтому читайте и участвуйте. А лучше !
Итак, чтобы во всем разбираться по порядку, я предлагаю начать с обсуждения, что значит 404 ошибка и мифов про ошибку 404.
Содержание статьи про ошибку 404:
1. Что такое ошибка 404.
3. Миф про ошибку 404.
3. Как сделать страницу 404 ошибки.
3. Как улучшить оформление 404 страницы.
3. Плагины для 404 страниц.
4. Красивые страницы с 404 ошибкой.
4. Мини-конкурс про 404 ошибку.
Что такое ошибка 404
Для тех кто не в курсе что это такое – поясняю. Страница 404 – это страница, которая появляется в том случае, когда вы зашли на несуществующую страницу блога или сайта. Например, если зайти на страницу in4wp.ru/avgdeika.html или на страницу in4wp.ru/error.html – вас перекинет на одну и туже страницу. Это и будет страница 404, на ней вы узнаете что такого адреса нет и вам будет предложено перейти куда-то еще.
На самом деле на момент написания статьи у нас вообще нет страницы 404 и если вы заходите на несуществующую страницу – вас перебрасывает на главную. А все потому что в шаблоне забыли создать один файлик. Но об этом позже. Вот например как выглядит 404 страница в CMS Joomla

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

Ну, в вордпресе получше, потому что хотябы видно что я на том же самом сайте остался, не ушел никуда. Это одна из причин почему мы выбрали wordpress пишем уроки по этой теме.
Миф ошибки 404
Облазив интернет, в т.ч. зарубежные сайты, я встретил достаточно интересный миф о том, откуда собственно появилась ошибка 404. В мифе этом утверждалось что основная база данных научного центра CERN (European Organization for Nuclear Research), находилась как раз на 4ом этаже, в комнате 404. К слову, этот центр принимал активное участие в развитии интернета. Так вот, когда они уже не могли справляться с объемом поступающих к ним данных – разработчики центра якобы начали выдавать ошибку вида “Room 404: file not found” .

Этот миф был развенчан одним из ученых, входивших в состав CERN, он сказал что комнаты 404 у них не могло быть, т.к. была другая нумерация комнат и начиналась эта нумерация с 410 кабинета :).
Как вам такой миф? Может быть кто-то еще что-то слышал интересненького на эту тему? Напишите об этом, нам тоже интересно.
Кстати, чуть не забыл. 404 страница лидирует по посещаемости среди всех страниц интернета. Это не миф, это факт. Так что имейте ввиду.
Как сделать страницу 404 на блоге?
На самом деле сделать страницу 404 ошибки очень просто. Как создать файл, надеюсь, описывать не нужно? Создаете файлик у себя на компьютере, потом через фтп загружаете в папку http://ваш_сайт/wp-content/themes/ваш_шаблон/ .
МЫ создали пустой файлик, поэтому теперь нужно его наполнить. Мы можем скопировать в него содержимое файла page.php или single.php. Просто убираем оттуда все не нужное, ту часть, которая отвечает за вывод самого контента. Если у вас с этим вопросом будут проблемы – лучше обращайтесь к нам по почте in4wp[a]ya.ru – поможем. Просто в каждом шаблоне – своя структура, универсального скриншота невозможно показать. Возможно вам поможет следующий, самый элементарный код:
1 2 3 4 | <?php get_header(); ?> <h1>Извините, такой страницы не найдено.</h1> <?php get_sidebar(); ?> <?php get_footer(); ?> |
Но я думаю, что у большинства наших читателей уже есть такой файлик и нам надо его просто отредактировать.
Как улучшить оформление страницы 404 ошибки ? Пару советов о улучшению.
В стандартных шаблонах из паблика есть такой файлик как 404.php – вот он то нам и нужен.
В принципе можно даже не использовать вспомогательные текстовые редакторы, я кстати пользуюсь Notepad++ . Вместо этих редакторов можно использовать внутренний редактор wordpress.

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

Самое важное, что нужно сделать со страницей 404 – сделать её простой и понятной для каждого пользователя. Напишите, что страница, которую ищет посетитель, не существует и главное объясните, почему именно она не существует.
Совет 1: Придерживайтесь дизайна. Средствами WordPress это сделать не сложно. Важно, чтобы дизайн 404 страницы не отличался от остального дизайна вашего сайта.
Совет 2: Максимальная польза. Даже если пользователь попал на несуществующую страницу – вы должны сделать все чтобы ему было интересно листать дальше ваш блог и чтобы было удобно сделать переход в нужный раздел. Также можно разместить классное предложение о подписке.
Совет 3: Будьте дружелюбными и понятными. Без комментариев
не стоит думать, что все знают, что такое 404 ошибка. Вам нужно объяснить, в чем проблема. Вариантов много, например: «Упс! Эта страница где-то потерялась, попробуйте зайти на другую страницу».
Совет 4: Будьте проще. 404-ая страница может быть простой и даже смешной. Прикольные страницы 404 ошибки очень хорошо работают, на таких страницах может быть форма подписки, которая будет хорошо работать.
Может быть я что-то пропустил? Напишите в комментариях, как вы оформили свою 404 страницу. Я думаю, что все использовали какую-то прикольную картинку в качестве приветствия на этой странице. А вот, например, наша страничка:

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

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






Ну и вот еще парочку:
Конкурс на тему “Лучшая страница 404 ошибки”
Ребята, конкурс, возможно, уже не новый, однако мне интересно его провести. Все уже догадались о чем пойдет речь. У кого наикрутейшая страница 404 – тот и победил. Крутость страницы будет определять наш небольшой коллектив в составе из 4х человек по 10бальной шкале. У кого будет самое большое количество итоговых очков – тот и победил.

Что нужно чтобы стать участником?
- 1. Залайкать эту статью (поделиться с друзьями через любую соц сеть).
- 2. Написать в комментариях пару слов на тему статьи и дать ссылку на вашу страницу 404.
Призы в конкурсе (увы, но призовых место пока только два.):
1 место: 200 рублей + индексируемая ссылка
2 место: 100 рублей + индексируемая ссылка
Все работы принимаются до 26.04.2014 – поспешите и !
UPD: Хотел еще рассказать как искать несуществующие страницы, битые ссылки, но давайте оставим этот вопрос на следующую статью.
Ну и конечно же пару приколов под конец.
Всегда ваш, in4wp.ru
















не забываем лайкать, френдить, гугл-плюсить и т.п.
Да ссылкой поделился в контакте и на фейсбуке.
Классный конкурс! Наш человек применяет творчество везде, даже там, где казалось бы ему нет места. А что, человек, попав на прикольную страницу ошибки, задержится на ней, а возможно сделает переход на одну из предложенных в поиске. Отличные советы!
Спасибо, примите обязательно участие в конкурсе
Правда, обожаю конкурсы! Одно сейчас мешает — каникулы у детей. Вот завтра в школу их отправлю, отосплюсь быть может. И с новыми силами тогда можно и производить изменения в коде. Я пока своему мозгу не очень доверяю
Крутая страница 404
Все шансы!!!
Использую по максимуму. ))
А относительно твоего поста – обширный, емкий и с интересными иллюстрациями получился ))
Интересная статья об этой странице,только непонятно зачем ее создавать если это и так ошибка.
404 – это конечно, сообщение об ошибке. Но эту страницу можно оформить так, чтобы пользователь не расстраивался, а еще лучше чтобы хотел рассмотреть эту страницу получше.
Кстати, 404 у Joomla меня всегда убивала просто. Но некоторый шаблоны по умолчанию включают очень красивые странички, с которых даже уходить не хочется :D
Интересный материал, надо поработать над своей 404.
С вордпресс я не очень дружу, но с помощью вашего блога буду потихоньку разбираться
отлично, Екатерина, давайте разбираться вместе! будем дружить
Прикольные странички, приходилось видеть еще много интересных страниц. На kinnet.ru дочитал весь текст
Любопытно, сколько времени на это понадобилось. Олег, будете в конкурсе участвовать?
А я и не задумывалась что можно так приукрасить страницу с ошибкой. Это интересное решение.
Думаю, что всё такие нужно себе как-нибудь сделать, но всё равно не так это важно.. Я за свою жизнь один раз только попал на 404 страницу у одного парня на блоге. И то потому что пытался найти у него статью через URL
Эх, ну что же, наверное, и я буду участвовать, хоть бы успеть)
Получилось классно.
Спасибо, Андрей, я старалась