404 страница (not found) — это та страница, которую увидит читатель вашего блога при запросе не существующей на вашем блоге страницы или поста. Бывает так что когда-то вы добавили какую-то заметку, она проиндексировалась поисковым роботом, но потом вы ее удалили или изменили ссылку. Человек заходит в поисковик, набирает какой-то запрос, который как раз ведет на вашу страницу, проходит по ссылке и попадает на страницу 404. Почему? Потому что той, которая была уже нет...

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

Раньше моя 404 страница выглядела вот так:

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


Итак. Как вам сменить вашу 404 страницу со стандартной на ту которую вы хотите. Делается все очень просто.

Предлагаю вам рассмотреть 2 варианта:

1. Изменить страницу 404 со стандартной на свою.

2. Сделать перенаправление с 404 страницы на другую.

Начнем с первого. Как изменить страницу 404 самостоятельно? У каждого блога wordpress есть в папке с темой файл 404.php. Вот его то и нужно редактировать, чтобы изменить дизайн 404 страницы. Сделать это можно 2-мя способами.

а) отредактировать код через административную панель вашего блога.

б) скачать файл 404.php из папки с темой на компьютер (wp-content/themes/ваша тема/404.php) и отредактировать через, допустим блокнот или редактор Notepad ++

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

 

Вот этот код в окне и нужно менять, чтобы изменить дизайн. Кстати если внизу этого окна нет кнопки «Обновить» или «Сохранить изменения», то это значит, что вам нужно поставить права доступа 666 на этот файл 404.php.

Как менять код? Ни чего сложного. У каждой темы свой код в файле 404.php, главное не удалять основные id, классы и т.д. Меняйте только текст. Заменяйте его на другой, вставляйте ссылки, картинки, форму поиска и т.д. Кстати для редактирования кода и предварительного просмотра его в браузере советую пользоваться удобной программой htmlpad, о ней я писал в своей предыдущей статье «5 полезных программ для любого web-мастера».

Вот вам мини шпаргалки если вы решите отредактировать 404 страницу (их нужно вставлять в файл 404.php):

Вставка ссылки: <a href="ссылка">заголовок ссылки</a>

Вставка картинки: <img src="ссылка на картинку"> (картинку закиньте на ваш хоcтинг)

Вставка категорий блога: <?php wp_list_cats ('sort_column=name'); ?>

Вывод последних пяти записей блога: <?php get_archives ('postbypost', 5); ?>

Вывод архивов: <?php wp_get_archives ('type=monthly'); ?>

Вывод ссылок: <?php get_links ('-1', '<li>', '</li>', '', FALSE, 'id', FALSE, FALSE, -1, FALSE); ?>

Вставка поиска по блогу: смотрите в файле sidebar.php или header.php и копируйте форму поиска от туда. У меня она выглядит так:

<form role="search" method="get" id="searchform" action="http://isif-life.ru/" > <div><label for="s">Найти:</label> <input type="text" value="« name=»s" id="s" /> <input type="submit" id="searchsubmit" value="Найти" /> </div></form>

Да, кстати, если вы хотите чтобы перед ссылкой стояла маленькая точка, как это сделано у меня, то ссылку нужно дополнительно заключить в теги <li><a href="ссылка">заголовок ссылки</a></li>


Думаю если вы знаете основы html, то сделать страницу 404 вам не составит особого труда, если html вы не знаете, то советую изучить хотя бы базовые теги.

 

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

Хорошо! Разобрались с оформлением страницы 404 для вашего wordpress блога. Теперь давайте расскажу вам о нескольких полезных плагинах.

1. Smart 404 — плагин замены 404 страницы.

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

2. 404 Notifier — плагин уведомлений об ошибках.

Данный плагин будет уведомлять вас каждый раз, когда на вашем блоге появляются страницы с 404 ошибкой. Уведомление можно получать как через RSS так и на e-mail. Хороший плагин, советую поставить. Из-за 404 ошибок вы можете потерять трафик на ваш блог. Плагин 404 Notifier как раз огородит вас от этого и при первых же ошибках будет уведомлять вас об этом. Скачать можно здесь.

3. Redirection — плагин отслеживающий ошибки 404 на блоге и перенаправляющий человека, который попал на эту страницу 404, на другую страницу, которую вы укажите в настройках плагина.

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

Ну и на последок дам вам несколько советов по оформлению вашей 404 страницы:

а) первое что должен увидеть человек, попавший на вашу 404 страницу, так это информацию о том, что страница, которую он ищет — отсутствует. Лучше это сделать в виде какой-нибудь интересной картинки.

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

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

г) как дополнение можно вывести список 5-и самых последних записей на вашем блоге.


 

Ну на этом у меня все на сегодня. Обязательно оформите свою страницу 404. Не теряйте трафик!

Желаю вам успехов!

Как дополнение почитайте еще 3 моих статьи по ведению блога на wordpress:

Как ускорить wordpress

Как защитить wordpress

Как оптимизировать wordpress

С уважением, Александр Борисов

Шутка дня: Советую вам посмотреть вот это видео. Я долго смеялся. =)