Янв 19

22. Создаем блог: улучшаем 404 страницу


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

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

Переходим через ftp-клиент в тему нашего блога и открываем HTML-редактором файл 404.php. Советую сразу создать его копию и где-нибудь сохранить.
У меня он выгладить как на рисунке ниже. Уверен, что в вашем случае код страницы не будет сильно отличаться.
404 страница
Немножко поясню принцип работы указанного кода.
Первая строчка выводит на 404 странице шапку блога (функция get_header красноречиво на это указывает).
Вторая отвечает за оформление центральной колонки.
Третья выводить на страницу ошибки левый сайдбар (вполне логично, особенно учитывая, что на него часто вывешивают полезные виджеты).
Следующая строчка задает класс оформления центральной колонки страницы. В этой колонке будет отображаться информация об ошибке.
После нее пятой строчкой уже идет форматирование и сам текст ошибки – Error 404 – Not Found.
Дальше стоит закрывающий тег, еще одна функция вывода сайдбара (насколько понимаю, уже правого) и последней строчкой — общий закрывающий тег.
Как вы уже поняли, нам нужно подправить пятую строчку. Можно просто перевести текст ошибки на русский язык и так и оставить. А можно добавить небольшой и полезный блок. Убираем указанную строчку и вместо нее добавляем следующее

<h2>К сожалению, ничего не найдено.</h2>
<p>Страница, которую Вы запросили, не существует или была удалена.</p>
<p>Возможно Вы найдете интересующую Вас информацию в одной из категорий блога:</p>
<ul>
<?php wp_list_cats('sort_column=name'); ?>
</ul>

В моем случае полный код 404 страницы теперь выглядит так.

Сохраняем все изменения, не забываем про правильную кодировку. Теперь проверим результат. Для этого введем какой-нибудь несуществующий адрес блога. К примеру: www.вашблог.com/tdgevs Если вы видите, что шапка, сайдбар, окно текста ошибки не залазят один на другого, нормально выводится список категорий, тогда я вас поздравляю. Еще один кирпичик в укрепление юзабилити и дружелюбности блога вы заложили. Если нет, пробуйте вставит указанный код в другом месте. Методом проб и ошибок рано или поздно вы все сделаете правильно. Заодно и лучше поймете принцип работы различных функций и т.п. У меня тексты 404 ошибок на блогах выглядят так.


Если вам понравилась статья, вы можете подписаться на RSS, чтобы следить за новыми публикациями!

Вы также можете добавить статью в следующие социальные сервисы:

Написал DCDanton \\ теги: ,


Один комментарий к “22. Создаем блог: улучшаем 404 страницу”

  1. 1. Александр пишет:

    Для сервера типа Apache должен быть файл у папки со страницами сайта и названием

    «.htaccess» и содержанием файла хотя бы:

    ErrorDocument 404 /?error=404

Highslide for Wordpress Plugin Проверка сайта Клуб Инвесторов. Обмен ссылками.