Всем привет, дорогие друзья читатели 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

создание страницы 404

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

создание 404 страниц

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

Миф ошибки 404

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

миф о 404 ошибке

Этот миф был развенчан одним из ученых, входивших в состав 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.

редактор wordpress

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

404 файл

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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




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

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

blizzard 404 страница

twurn 404 ошибка

прикольная 404 страница

прикольная 404 страница

прикольная страница 404 ошибки

gog прикольная 404

Ну и вот еще парочку:

Конкурс на тему “Лучшая страница 404 ошибки”

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

конкурс 404 страницы

Что нужно чтобы стать участником?

  • 1. Залайкать эту статью (поделиться с друзьями через любую соц сеть).
  • 2. Написать в комментариях пару слов на тему статьи и дать ссылку на вашу страницу 404.

Призы в конкурсе (увы, но призовых место пока только два.):
1 место: 200 рублей + индексируемая ссылка
2 место: 100 рублей + индексируемая ссылка

Все работы принимаются до 26.04.2014 – поспешите и !

UPD: Хотел еще рассказать как искать несуществующие страницы, битые ссылки, но давайте оставим этот вопрос на следующую статью.

Ну и конечно же пару приколов под конец.

Всегда ваш, in4wp.ru