Зачем нужна и как создать страницу 404

Привет друзья!

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

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

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

ЧТО ТАКОЕ СТРАНИЦА ОШИБКИ 404

Наверное, каждый пользователь интернета сталкивался с такой проблемой, заходит на сайт, а там написано Not found, 404 error или ошибка 404, так выдается страница, которая когда-то была, но ее по какой-то причине удалили или просто ввели неправильный адрес, например, www.site.ru/какие-то левые символы. Больше примеров, ниже…

ПОЧЕМУ ВЫСКАКИВАЕТ ОШИБКА 404

Перед тем как написать статью, я как обычно проверил, насколько она будет интересна людям. Зашел в wordstat.yandex и в строке писал, склоняя этот запрос:

Страница 404 интересно 6 146 людям:

Кому интересно страница 404

Ошибка 404 интересно 12 593 людям:

Кому интересна ошибка 404

Страница ошибки интересно 13 922 людям:

Кому интересна страница ошибки

Ошибка сайта интересно 13 922 человек:

Кому интересна ошибка сайта

Само меньше набрал запрос страница ошибки 404, интересно 2 342 людям.

Кому интересна страница ошибки 404

Так все же, почему выскакивает ошибка 404, из-за чего?

  • Пользователь интернета зашел по неправильной ссылке
  • Не правильный путь к статье или странице
  • Изменен адрес или удален, но все еще есть в поиске и в закладках

КАК ВЫГЛЯДИТ СТРАНИЦА ОШИБКИ 404

Страница ошибки может выдаваться хостингом, на котором лежит Ваш сайт. У блогов WordPress и Joomla эта страница лежит в файле с темой. Обычно эти страницы говорят одно и то же, типа «Такой страницы больше нет» или «Страница не найдена», но это лучшие примеры, а вот худшие: «404 Not Found» или «404 error». То есть это будет означать, что такой страницы нет, идите искать дальше, но там нет, никаких попыток задержать посетителя и указать ему правильный путь.

Страницы нет и не будет

Если не показать человеку способы поиска нужной информации, то он естественно уйдет, закроет и пойдет дальше искать информацию в интернете, а Вы потеряете целевого посетителя, он мог стать Вашим читателем. Теперь понимаете, как важно сделать хорошую страницу ошибки 404? Думаю, да! Поехали дальше…

КАК СОЗДАТЬ СТРАНИЦУ ОШИБКИ 404

Что мы будем делать? Сделаем следующее:

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

В отличие от обычных страниц 404, которые говорят, мягко, скажем «Иди от сюда» сделаем ее приятной, поставим ссылки на нужные нам страницы и установим поиск по сайту.

И еще, напишем объяснение читателю, которое расскажет ему (ей) почему он (она) здесь оказался.

Короче говоря, сделаем класс!

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

СОЗДАНИЕ СТРАНИЦЫ ОШИБКИ 404 ДЛЯ ОБЛАДАТЕЛЕЙ БЛОГОВ

Тут не очень важно, какой движок используете WordPress или Joomla. Запустите FTP клиент, зайдите в корень блога, в папку с темами, в саму папку с темой и найдите там файл 404.php, он может у Вас немного иначе называться, но в названии по любому должны быть цифры 404, перетягивайте этот файл на рабочий стол, а FTP клиент можете пока закрыть.

Закрывайте FTP

Для удобного редактирования этого файла, рекомендую использовать классный HTML редактор Dreameewer. Теперь откройте этот файл в Dreameewer или как обычно двойным щелчком по файлу.

Вы видите перед собой обычный код, который мы заменим. Выделите весь код, нажатием CTRL+A (выделить весь текст) и нажмите клавишу Delete, теперь откройте, выделите и скопируйте код ниже CTRL+С (скопировать) и вставьте его в файл, который мы только что очистили.

[urlspan]Нажмите на эту ссылку.[/urlspan]

Это код моей страницы 404, кстати, Вы можете на нее посмотреть, написав в поиске мой адрес сайта и после слеша какие-то латинские символы.

Латинские символы

Теперь нужно изменить все на свое усмотрение и вкус. Строка <?php get_search_form();?> отвечает за вывод поиска по блогу. Если у Вас поиск иначе выводится, то замените ее своим.

Это можно узнать, открыв исходный код своей страницы CTRL+U (исходный код), найти там строку поиска и вставить ее за место моей <?php get_search_form();?>.

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

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

СОЗДАНИЕ СТРАНИЦЫ 404 ДЛЯ СТАТИЧЕСКИХ САЙТОВ

Как Вы обычно создаете статические страницы для сайтов? Вот так точно и создайте, только дайте имя 404. Теперь после открывающего тега <body.> Напишите <h2>Подзаголовок</h2>

<p>Причину попадания на страницу ошибки 404</p>

Поставьте поиск, это можно сделать точно так же, как я описывал для блогов. Открыть исходный код сайта, скопировать код поиска и вставить его в нужное место.

Еще ниже можно поставить ссылки на интересные статьи и подписаться, указав главную страницу.

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

СМОТРИТЕ ВИДЕО ДЛЯ WORDPRESS БЛОГОВ

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

С уважением, Алексей Кобзарев

6 комментариев

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *