Создание страницы 404 + мини-конкурс!

Здравствуйте, уважаемые читатели моего блога!

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

Советую Вам прочитать данный пост до конца, я приготовил мини-конкурс!
Для тех кто не знает, что такое «страница 404» скажу: это такая страница, которая появляется в том случае, если Вы вводите адрес блога, например http://asbseo.ru, и после этого ссылку на страницу, например, http://asbseo.ru/oshibka.html, если такой страницы (в данном случае «oshibka.html») на блоге нет, то выдается страница ошибки 404.

Страница также появляется в случае перехода по ссылке (например, с другого блога), которая ведет на несуществующую страницу блога.

Такое иногда может случаться при удалении страницы (поста) или изменении его ссылки.

Читатель, попадая на такую страницу, обычно покидает блог. Вот так выглядела моя страница 404 до написания этого поста:

Вот еще пример:

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

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

Чтобы посмотреть эту странчку на моем блоге, достаточно ввести в адресной строке браузера адрес любой несуществующей страницы, например, http://asbseo.ru/oshibka.html (такой на моем блоге нет).

Выглядит она у меня так:

Вот еще парочка примеров оформления:

Создать страницу 404 очень просто! У меня на это ушло примерно 20 минут, зато теперь она будет служить мне долгие годы!

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

Для этого нужно его открыть в текстовом редакторе, поддерживающем кодировку utf-8 (без boom), например, notepad+, и внести изменения, о которых я расскажу ниже.

Я для правки файла 404.php никакими программами не пользовался, а делал все в административной панели WordPress.

Переходим в админку, пункт «Внешний вид», подпункт «Редактор».

В правой части экрана будет список файлов темы. Там нужно найти шаблон ошибки 404 (файл 404.php) и нажать на него.

Появится следующий код:

Теперь внесем в этот код необходимые изменения.Я разобью их на три шага:

— правка текста;

— вставка графики;

— правка кода.

И так, приступим:

Правка текста страницы 404.

Для правки текста нужно открыть эту страничку (как это сделать я писал выше) и посмотреть, какие надписи на ней выводятся. В моем случае были надписи:

«No posts were found»
«Sorry! the page you are looking for does not exist.»
«Blog search»

Последнюю надпись и код поиска по блогу я убрал (просто удалил из кода эти строки), а первые две подправил, вставив следующий код:

<div align="center"><h3>К сожалению такой страницы с нами больше нет!</h3>
<div align="center"><h3>Однако на блоге еще много интересных и полезных статей!
Не уходите, посмотрите рубрики, последние статьи и другие страницы блога блога!</h3></div>

Вставляем картинки.

Между строками с текстом я вставил, скачанную в интернете и отредактированную, картинку. Для вставки картинки нужно использовать следующий код:

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

В результате получилось следующее:

<div align="center"><h3>К сожалению, такой страницы с нами больше нет!</h3>
<img src="http://asbseo.ru/images/404.png"></div>
<div align="center"><h3>Однако на блоге еще много интересных и полезных статей! Не уходите, посмотрите рубрики, последние статьи и другие страницы блога блога!</h3></div>

Правка кода.

Можно также добавить в код страницы ошибки 404 другие различные функции:

— поиск по блогу. Чтобы вставить код формы поиска по блогу, необходимо скопировать код, который находится в файле sidebar.php, либо header.php Вашей темы, и вставить его в код 404.php;

— вставка ссылки:

<a href="ссылка">анкор (текст)сылки</a>

— код вставки категорий блога:

<?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); ?>

Вот так выглядит полный код моей страницы ошибки 404:

Страницу 404 можно оформить при помощи плагинов:

— Smart 404. Этот плагин автоматически заменяет страницу 404 на список страниц, наиболее подходящих по запросу. Здесь автоматически используется функция «поиск по блогу». Скачать плагин можно здесь;

— 404 Notifier — плагин уведомляет об ошибках 404, когда они возникают. Скачать плагин можно здесь;

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

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

Надеюсь, мой пост был полезен, и у Вас не возникнет трудностей с созданием страницы 404.

Предлагаю Вам мини-конкурс «На лучшую страницу 404».

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

Результаты конкурса опубликованы на этой странице 15 декабря 2011 года.

Итоги конкурса здесь.

Победители мини-конкурса получат призы:
1 место – 150 рублей;
2 место – 100 рублей;
3 место – 50 рублей.

Я сам выберу понравившиеся мне страницы, о результатах сообщу в новом посте.

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

Поделись с друзьями: