Что такое ошибка 404? Как сделать 404 страницу?

   

   Всем привет! Сегодняшняя статья на Tipsite.ru будет посвящена 404-ой ошибке. Тема эта важная и нужная, поскольку правильно оформленная 404 страница помогает удерживать посетителей на сайте. В общем, сейчас мы рассмотрим, что такое 404 ошибка и как сделать 404 страницу. Поехали!

как сделать страницу 404

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

oshibka404

   Люди, не владеющие иностранными языками, вообще не понимают, что произошло. Так что же означает 404 ошибка?

Что такое ошибка 404?

   Сразу хочу заметить, что на каждый запрос пользователей, сервер, куда этот запрос был направлен, дает ответ. И ответы (коды) бывают разные: они могут начинаться на цифры 1, 2, 3, 4 и 5. Например, код 100 означает, что сервер понял запрос и обрабатывает его. Код 200 – сервер нашел то, что просили и передает информацию браузеру. Коды, которые начинаются с цифры 3 (к примеру 301), перенаправляют пользователя на другие страницы или сайты. Кстати, про 301-й редирект я уже рассказывал на страницах Tipsite.ru. А вот код ответа, начинающийся с четверки (404), говорит о том, что сервер не нашел нужную информацию. Как говорится: «Я его иску, иску, а он зарылся у песку» 😀 .

Таким образом, ошибка 404 – это ответ или же код сервера, который означает, что он не смог найти нужную страницу по указанному URL и сообщил об этом браузеру.  

   Откуда вообще берутся эти несуществующие страницы? Причины могут быть разные: например, Вы сменили название (заголовок) статьи, на которую вела ссылка, сменили рубрику, в которой она размещалась или же просто ошиблись с написание URL страницы. В качестве примера приведу ссылку на мою статью о том, как писать сео-тексты – https://tipsite.ru/prodvizhenie-sajtov-i-seo/kak-pisat-seo-teksty-pravila-napisaniya-seo-statej.html Теперь представим, что по каким-то немыслимым причинам (просмотрел, коряво скопировал и так далее) я «потерял» один символ, допустим, последнюю букву «l» и получилось так: https://tipsite.ru/prodvizhenie-sajtov-i-seo/kak-pisat-seo-teksty-pravila-napisaniya-seo-statej.htm. При попытке открыть такую страницу мы увидим следующее:

ошибка 404

   Печально, правда? Но неужели это так критически? Стоит ли заморачиваться с  404 страницей?

Для чего нужна 404 страница?

   В большинстве случаев по-умолчанию страница ошибки 404 выглядит довольно убого. Попадая туда посетитель ничего не понимает. Он видит, что страница не найдена, но почему и какая причина этого недоразумения неизвестно. Что будет делать человек, попав на такую страницу? Скорее всего, он ее просто закроет, потому что будет думать, что данный сайт какой-то корявый, а может быть, даже и опасный.

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

   Для молодых блогов это особенно важно, ведь тут каждый гость на вес золота.

Какой должна быть 404 страница?

   Как Вы уже видели, на моем сайте страница 404 по умолчанию выглядит очень печально. «Ошибка 404 – не найдено» – и все. Но, чтобы «зацепить» пользователя и удержать его на сайте, страница должна быть интересной, яркой и информативной. Сейчас я перечислю основные моменты, которые желательно воплотить на 404 странице.

  Интересный текст. Вместо сухого «Страница не найдена» напишите, что-то такое, от чего посетитель прослезится или посмеется и останется на Вашем сайте. Напишите, что искренне раскаиваетесь в случившемся, обещаете все исправить и вообще безумно любите всех читателей своего сайта. Ну, как-то так!

    Прикольная картинка. Картинка на 404 странице должна быть обязательно! Смешная картинка разрядит ситуацию и поднимет человеку настроение. Кроме того, посетители увидят, что автор сайта – человек серьезный и ответственный, ведь он уделяет внимание даже таким страницам.  

    Карта сайта. Очень полезно будет на странице 404 встроить карту сайта или список рубрик. Тогда посетитель сможет выбрать интересующую его тему и продолжить свое времяпрепровождение на сайте. В одной из своих статей я уже рассказывал, как сделать карту сайта для посетителей с помощью плагина WP DS Blog Map. Чтобы добавить карту сайта на страницу достаточно прописать в ней такой код (только скобки должны быть квадратные):

Записи по категориям

{postlist}

Страницы

{pagesoftree}

   Подробнее о создании карты сайта читайте в указанной выше статье. Ну вот, какой должна быть страница 404 разобрались. Теперь переходим к самому интересному – созданию такой страницы.

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

   Сразу хочу сказать, что тут возможны два варианта: страница 404 изначально есть в шаблоне WordPress и, соответственно, ее там нет. Рассмотрим оба эти варианта.

   Страница 404 есть в шаблоне WordPress. В этом случае, как Вы понимаете, заново ее создавать не нужно, а вот редактировать придется, чтобы сделать более информативной и интересной, о чем мы уже говорили чуть выше. Для этого переходим в панель управления сайтом и делаем такой путь: «Внешний вид»→«Редактор»→«Шаблон ошибки 404 (404php)».

404

   В открывшемся окне нам потребуется найти строчку <div id=”content” class=”narrowcolumn”> – это в моем случае. В Вашем шаблоне она может незначительно отличаться. Теперь после нее пишем душещипательный текст. Например, такой: «Простите меня, но я не могу найти то, что Вы искали. Я старался, искал, но не нашел. Честное слово. Возможно, нужная Вам страница была удалена или перемещена. А, может быть, Вы ищете то, что было еще до Интернета, компьютеров и динозавров… Не спешите уходить с моего сайта. Воспользуйтесь поиском или просмотрите карту сайта чуть ниже, чтобы найти интересующую Вас информацию. Благодарю Вас за терпение и понимание».

   Также не забудьте вставить картинку. Сделать это очень просто: прописываем такой код – <center><img src=”путь к картинке”/></center>. Вместо «путь к картинке» указываем адрес картинки, которая, естественно, уже должна быть загружена на Ваш сайт.

   Ну и напоследок прописываем карту сайта. В предыдущем подзаголовке я рассказывал, как это сделать. Сохраняем изменения и проверяем полученный результат.

   Страницы 404 нет в шаблоне WordPress. В этом случае придется сделать немного больше телодвижений. Прежде всего, нужно создать новую страницу, для чего нам потребуется текстовый редактор Notepad++. Запускаем его и создаем страницу.

создание 404

   Теперь нам нужно прописать в этой странице коды вывода шапки, подвала и сайдбара:

<?php get_header();?>

<?php get_footer(); ?>

<?php get_sidebar(); ?>

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

<?php
/**
* @package WordPress
* @subpackage Default_Theme
*/

get_header();
?>

<div id=”content” class=”narrowcolumn”>

<center><img src=’https://tipsite.ru/wp-content/uploads/2016/03/код-404.png’></center>
<!–Вывод категорий блога–>
<center><p><strong>Рубрики</strong></p>
<?php wp_list_cats(‘sort_column=name’); ?></center>

</div>
<?php get_sidebar(); ?>

<?php get_footer(); ?>

   После этого сохраняем созданную страницу и даем ей название 404.php

404 notepad

   Осталось всего лишь залить ее в папку с темой сайта. Для этого подключаемся к серверу через FileZilla и делаем такой путь: wp-content -> themes -> название Вашей темы.

создать страницу 404

   Проверяем что у нас получилось, набрав в адресной строке браузера свой домен и какую-нибудь абру-кадабру – например, site.ru/трали-вали.

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

   Ну вот и все! Красиво оформленная страница 404 готова! Благодаря ей Вы не будете терять своих посетителей. Надеюсь, что данная статья была Вам полезной. Если будут вопросы, пишите об этом в комментариях. Спасибо за внимание и пока!








Один отзыв на «Что такое ошибка 404? Как сделать 404 страницу?»

  1. Ира:

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

    [Ответить]

Ваш комментарий