X
    Categories: Создание сайта

Как создать страницу ошибки 404, для чего это нужно?

Приветствую вас, друзья!

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

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

В начале,  маленькое отступление. Сегодня 3 февраля и я хочу объявить победителей ежемесячного конкурса комментаторов. В 24-00 по Москве 31 января я сделал снимок экрана, и вот, что получилось:

Победителя оказалось 2: Александр и Ирина, поскольку Александр победил количеством, а Ирина качеством, то приз 200 рублей я делю на две равные доли и присуждаю каждому по 100 рублей.

Благодарю победителей и всех, кто комментирует и читает,  за активное участие в жизни блога.

Жду номера кошельков победителей конкурса, пишите в поддержку

Что означает “ошибка 404”?

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

Например,  для моего блога: http://rabotaiuspeh.com/barabashka

Далее вы попадете на страницу с ошибкой 404.

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

На моем блоге страница 404 изначально выглядела так:

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

Так что, если хотите удержать этих читателей, уделите 20 минут времени и создайте свою, неповторимую, оригинальную  страницу 404 Not Found. Это реализовать очень легко, итак, давайте разбираться, как создать?

Как создать свою страницу 404

Я расскажу все на своем примере. Для начала вам необходимо создать html- код страницы, который нам будет нужен.

  1. Для этого я захожу в админку, жму “создать новую запись” и набираю текст, добавляю картинки, редактирую текст, цвет, ссылки, как для обычного поста, только не публикую  🙂

Когда запись готова, жму “Сохранить” и “Предосмотр”. Если все вас устраивает, переходим  в вашей записи во вкладку “Текст” или  “HTML” и получим html-код, который понадобится чуть позже.

2. Далее нам необходимо в директории блога найти в установленной теме файл 404.php. У меня это выглядит так:

 

После этого необходимо открыть данный файл 404.php при помощи редактора (Notepad++ у меня) и просмотреть код. Нам необходимо заменить только тело страницы, не трогать шапку, сайдбар или футер. У каждого файл будет иметь свою форму, в моем случае :

Тело моей страницы я выделил красным, после строки с открытым тегом

<div  class ”post”>

И перед закрывающимся тегом

</div>

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

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

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

Мне ближе юмор, мультипликация, поэтому выбрал такую картинку на страницу ошибки.

Какую информацию  указать на странице 404?

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

  1. Пояснение, что это за страница и почему человек попал не по адресу. Далее напишите инструкции, как дальше действовать на сайте для того, чтобы найти информацию, которую читатель ищет
  2. Дайте ссылку на главную страницу блога в теле данной страницы. Я понимаю, что для большинства будет понятно, что кнопка “Главная” имеется в меню сверху, но тем не менее.
  3. Я опубликовал ссылку для обратной связи. Если у читателя есть к вам вопрос, он должен видеть, как его задать, по какой ссылке перейти для этого.
  4. Опубликуйте ссылки на самые популярные 3-5 постов вашего блога.

Дайте ссылки на рубрики вашего сайта, так легче будет сориентироваться гостю.

5. Я написал ссылку на все статьи сайта и ссылку  подписку на обновления   блога.

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

Теперь вы знаете, как создавать и редактировать страницу ошибки 404, что на ней желательно отобразить и для чего она служит. Если есть шанс получить несколько новых читателей благодаря данной странице, то используйте этот шанс.

Помните, что из таких мелочей складывается общая картина вашего блога. Из ручейков трафика в дальнейшем складываются реки у блоггеров-тысячников.  Напоминаю, что скоро стартует марафон “Эрудит-3”, чтобы не пропустить, подпишитесь на обновления!

На этом сегодня всё, до встречи!

Интересные статьи по данной теме:

Создание продающей страницы, основные способы

Сайт и блог: найдите 10 отличий!

Как найти и удалить битые ссылки на сайте

Как создать свой инфопродукт ?

Оптимизация базы данных (MySQL)

С уважением, Вилков Николай

Хотите в числе первых узнавать о новых статьях и курсах?

Подпишитесь на обновления моего блога и мой канал на YouTube
Если статья вам понравилась, поделитесь с друзьями в социальных сетях. Спасибо!

Николай Вилков :

View Comments (31)

  • Николай, так это не мой сайт))) Я уже говорил, но еще раз повторю: "Далёк я от всех этих компьютерных дел"))

    • Alegik, всё понял, вопросов больше не имею.... А зачем тогда его пиарить?

  • Николай, пиар - слишком громкое слово для этого)))
    Просто демонстрирую, что можно сделать с, казалось бы непригодных, вещей)) как-то так

  • Я ещё никак не сделала страницу 404, но мой взгляд на неё очень схож с Вашим. Также считаю, что должно быть что-то юморное, мультяшное.
    Это и посетителя развеселит, глядишь - он и не покинет блог.

  • Николай, я тоже создала страницу 404. Хотя в теме она была конечно. Но добавила ссылку на главную и на 5 популярных статей и картинку красивую

  • Николай, посмотрела вашу страницу - стильно, информативно. Только картинка не отображается почему-то

    • Спасибо за сигнал, обязательно исправлю, у меня на рабочем компе есть папка image. Вероятно, когда чистил изображения, она удалилась случайно, на днях восстановлю))

    • Да уж, прикольный малый)) и оригинальная страница ;-)

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

  • Спасибо огромное автору за статью! Кое с чем у меня всё же возникли трудности, но я справилась!!:) Нашла симпатичного монстрика и подредактировала его надписями и картинками, получилось по-моему ничего так:) Проблемы были с текстом, там где он должен был быть, его небыло!! еле разобралась. И вот в общем что у меня в итоге получилось http://otalex.ru/napisat-avtoru%D0%BB%D0%B6
    Позже добавлю туда ссылку на "все статьи", пока у меня этой страницы нет..

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

      • Спасибо, Николай, за совет! Обязательно воспользуюсь! Думала ссылку на "все статьи" поставить, но думаю вы правы, лучше рубрики.. Правда не знаю как это сделать правильно, не подскажете?

        • Да это очень просто реализовать, просто редактируете страницу нужную и вставляете название рубрики и ставите ссылку на рубрику, а так со всеми, которые посчитаете нужными. Простое редактирование текста, вот и всё.

  • Николай, спасибо.. Я так и делала, но почему-то передумала на полпути) Просто думала может это как-то иначе можно сделать. Ладно, сделаю как и собиралась, спс!)