Как создать страницу ошибки 404, для чего это нужно?
Приветствую вас, друзья!
Разговор сегодня пойдет о том, как создать страницу 404. Многие недооценивают значение этого компонента, некоторые даже не знают, что это за страница и для чего ее настраивать.
Данная страница при правильном оформлении может привлечь дополнительных читателей, значит, она уже важна, по своей сути. Как вы знаете, в начале года я установил новую тему на свой ресурс и страница ошибки осталась стандартная, необходимо ее уникализировать 🙂 Давайте перейдем к деталям.
В начале, маленькое отступление. Сегодня 3 февраля и я хочу объявить победителей ежемесячного конкурса комментаторов. В 24-00 по Москве 31 января я сделал снимок экрана, и вот, что получилось:
Победителя оказалось 2: Александр и Ирина, поскольку Александр победил количеством, а Ирина качеством, то приз 200 рублей я делю на две равные доли и присуждаю каждому по 100 рублей.
Благодарю победителей и всех, кто комментирует и читает, за активное участие в жизни блога.
Жду номера кошельков победителей конкурса, пишите в поддержку
Что означает “ошибка 404”?
Как выглядит страница с ошибкой 404, можно очень легко проверить. Для этого необходимо набрать url сайта, дальше поставить слэш / и далее любую абра-кадабру.
Например, для моего блога:
Далее вы попадете на страницу с ошибкой 404.
Страница ошибка 404 или 404 Not found – эта страница блога, на которую попадает читатель, если ввел не корректный или уже не существующий url, перешел по битой ссылке, или, набирая вручную, перепутал в адресе некоторые знаки или буквы.
На моем блоге страница 404 изначально выглядела так:
Мне это не очень понравилось, и я решил ее немного оживить, добавить юмора и информативности. Согласитесь, что не все пользователи являются вебмастерами и разбираются в нюансах сайто-строения. Уверен, что часть пользователей, попавших на скучную страницу с какой-то ошибкой, ничего не поймут и покинут данную страницу и ваш блог, кстати, навсегда.
Так что, если хотите удержать этих читателей, уделите 20 минут времени и создайте свою, неповторимую, оригинальную страницу 404 Not Found. Это реализовать очень легко, итак, давайте разбираться, как создать?
Как создать свою страницу 404
Я расскажу все на своем примере. Для начала вам необходимо создать html- код страницы, который нам будет нужен.
- Для этого я захожу в админку, жму “создать новую запись” и набираю текст, добавляю картинки, редактирую текст, цвет, ссылки, как для обычного поста, только не публикую 🙂
Когда запись готова, жму “Сохранить” и “Предосмотр”. Если все вас устраивает, переходим в вашей записи во вкладку “Текст” или “HTML” и получим html-код, который понадобится чуть позже.
2. Далее нам необходимо в директории блога найти в установленной теме файл 404.php. У меня это выглядит так:
После этого необходимо открыть данный файл 404.php при помощи редактора (Notepad++ у меня) и просмотреть код. Нам необходимо заменить только тело страницы, не трогать шапку, сайдбар или футер. У каждого файл будет иметь свою форму, в моем случае :
Тело моей страницы я выделил красным, после строки с открытым тегом
<div class ”post”>
И перед закрывающимся тегом
</div>
Удаляю весь существующий текст, который был ранее и вставляю html-код, полученный выше в редакторе. Сохраняю, обновляю файл и смотрю на результат. По желанию подкорректируйте страницу и окончательно сохраните. Вот, что у меня получилось:
Любуйтесь теперь новой страницей, думаю, что проблем у Вас не возникло, если есть вопросы, пишите в комментариях.
Я никого НЕ заставляю это делать, просто, на мой взгляд, это необходимо, у вас может быть своя точка зрения по поводу страницы 404. У некоторых красуется оригинальная картинку с не весьма живым человеком или убитая муха, не пристойные жесты, это ваш блог и ваша страница, делайте, что хотите.
Мне ближе юмор, мультипликация, поэтому выбрал такую картинку на страницу ошибки.
Какую информацию указать на странице 404?
Еще раз скажу, что все перечисленные пункты будут те, которые я считаю нужными для читателей, попавших на страницу ошибки 404.
- Пояснение, что это за страница и почему человек попал не по адресу. Далее напишите инструкции, как дальше действовать на сайте для того, чтобы найти информацию, которую читатель ищет
- Дайте ссылку на главную страницу блога в теле данной страницы. Я понимаю, что для большинства будет понятно, что кнопка “Главная” имеется в меню сверху, но тем не менее.
- Я опубликовал ссылку для обратной связи. Если у читателя есть к вам вопрос, он должен видеть, как его задать, по какой ссылке перейти для этого.
- Опубликуйте ссылки на самые популярные 3-5 постов вашего блога.
Дайте ссылки на рубрики вашего сайта, так легче будет сориентироваться гостю.
5. Я написал ссылку на все статьи сайта и ссылку подписку на обновления блога.
6. Яркую, необычную, уникальную картинку вставьте на эту страницу. Главный критерий – она должна быть запоминающейся и не такой, как у всех!
Теперь вы знаете, как создавать и редактировать страницу ошибки 404, что на ней желательно отобразить и для чего она служит. Если есть шанс получить несколько новых читателей благодаря данной странице, то используйте этот шанс.
Помните, что из таких мелочей складывается общая картина вашего блога. Из ручейков трафика в дальнейшем складываются реки у блоггеров-тысячников. Напоминаю, что скоро стартует марафон “Эрудит-3”, чтобы не пропустить, подпишитесь на обновления!
На этом сегодня всё, до встречи!
Интересные статьи по данной теме:
Создание продающей страницы, основные способы
Сайт и блог: найдите 10 отличий!
Как найти и удалить битые ссылки на сайте
Как создать свой инфопродукт ?
Оптимизация базы данных (MySQL)
С уважением, Вилков Николай
Хотите в числе первых узнавать о новых статьях и курсах?
Подпишитесь на обновления моего блога и мой канал на YouTube
Если статья вам понравилась, поделитесь с друзьями в социальных сетях. Спасибо!
Спасибо, Николай. Даже не задумывалась как-то раньше об этом. А ведь действительно так будет намного лучше. Буду делать.
Считаю это важным, Елена, для читателей.Если думать про удобство для читателей искренне, то и отдача будет, правда, не сразу…
Здорово как! Благодарю, Николай, за статью: «Как создать страницу ошибки 404»! Я раньше ни у кого такого не видела… Спасибо!
Я после смены дизайна все не мог добраться до страницы 404. Но буквально на днях все таки решил выделить под это немного время и сделал себе страничку! Заглядывай — оценишь 🙂 В скором времени, когда приобрету себе хорошую камеру, запишу там видео, так будет интереснее!
Константин, про видео я даже не думал на этой странице…Я думаю, там видео не нужно, люди за информацией пришли, а ее не нашли, надо им пояснить как это сделать…
Привет, Николай! Прочитал статью и решил проверить страницу 404 своего блога.
После юрл блога и слеша ввёл абра-кадабру, и в своём браузере увидел нечто необычное!
Картинку с ссылкой на сайт с самыми что ни на есть китайскими иероглифами! По всей видимости автором шаблона моего блога является китайский программист?!
Обязательно выделю время, чтобы отредактировать данную страницу по вашим рекомендациям! Спасибо за статейку!
Кстати, это мой первый коммент на вашем блоге…
Олег, приветствую вас!
Вот как бывает полезно проверить свою страницу 404, и китайских шпионов можно обнаружить 🙂 Надо их разоблачить и заменить на красивую страничку.
Спасибо, Николай, за проведённый Конкурс и справедливое судейство!
Желаю Вам дальнейших успехов в блогостроении!
Приз получила!
Ирина, поздравляю с победой, так держать!
Отходя от всех технических ньюансов создания такой страницы, можно с увереностью сказать, что вид «404-й» указывает на отношение самого автора к своему блогу! Если блоггер действительно трепетно относится к своей работе, то в обязательном порядке украсит страницу с ошибкой чем-то позитивным и неординарным!)
Alegik, а у Вас страница 404 просто супер обнаженная и не информативная… Надо бы исправить, хотя …..
Николай, в том то и фишка, что человеку, попавшему на эту страницу, в автоматическом режиме запуститься коротенькое живое видео, где автор извинится за это недоразумение 🙂
Константин, мне например вообще не нравится видео запускающееся в автоматическом режиме. Как-то навязчиво это, неправильно. Человек сам должен решать хочет он смотреть видео или нет.
Константин, возможно, это будет необычно (видео вместо страницы 404), но текстовая информация для меня, лично, должна присутствовать обязательно.
Если я попадаю на видео без описания и текста, хотя бы в тезисном виде, я его смотреть не буду.
Николай, так это не мой сайт))) Я уже говорил, но еще раз повторю: «Далёк я от всех этих компьютерных дел»))
Alegik, всё понял, вопросов больше не имею…. А зачем тогда его пиарить?
Николай, пиар — слишком громкое слово для этого)))
Просто демонстрирую, что можно сделать с, казалось бы непригодных, вещей)) как-то так
Я ещё никак не сделала страницу 404, но мой взгляд на неё очень схож с Вашим. Также считаю, что должно быть что-то юморное, мультяшное.
Это и посетителя развеселит, глядишь — он и не покинет блог.
Николай, я тоже создала страницу 404. Хотя в теме она была конечно. Но добавила ссылку на главную и на 5 популярных статей и картинку красивую
Николай, посмотрела вашу страницу — стильно, информативно. Только картинка не отображается почему-то
Спасибо за сигнал, обязательно исправлю, у меня на рабочем компе есть папка image. Вероятно, когда чистил изображения, она удалилась случайно, на днях восстановлю))
Вот ещё очень оригинальная страница с 404-ошибкой:
Да уж, прикольный малый)) и оригинальная страница 😉
Тема очень важная,хочу тоже какую нибудь приколюшку,на страницу 404 установить.
А я вообще удалил полностью все содержимое файла и написал его по новой и вот что получилось
Спасибо огромное автору за статью! Кое с чем у меня всё же возникли трудности, но я справилась!!:) Нашла симпатичного монстрика и подредактировала его надписями и картинками, получилось по-моему ничего так:) Проблемы были с текстом, там где он должен был быть, его небыло!! еле разобралась. И вот в общем что у меня в итоге получилось
Позже добавлю туда ссылку на «все статьи», пока у меня этой страницы нет..
Александра, приветствую!
Да, получилось хорошо, только я бы вам посоветовал форму с поиском по сайту поднять на странице 404 выше и сделать более заметной, плюс можно рубрики указать со ссылками, чтобы можно было попасть куда нужно.
Спасибо, Николай, за совет! Обязательно воспользуюсь! Думала ссылку на «все статьи» поставить, но думаю вы правы, лучше рубрики.. Правда не знаю как это сделать правильно, не подскажете?
Да это очень просто реализовать, просто редактируете страницу нужную и вставляете название рубрики и ставите ссылку на рубрику, а так со всеми, которые посчитаете нужными. Простое редактирование текста, вот и всё.
Николай, спасибо.. Я так и делала, но почему-то передумала на полпути) Просто думала может это как-то иначе можно сделать. Ладно, сделаю как и собиралась, спс!)
Александра, всё гениальное -просто! )) Удачи вам!