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

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

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

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

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

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

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

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

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

Например,  для моего блога:

Далее вы попадете на страницу с ошибкой 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
Если статья вам понравилась, поделитесь с друзьями в социальных сетях. Спасибо!