Ошибка 404. Как создать страницу ошибки 404 на WordPress

Главная » Создание блога » Wordpress для новичков » Ошибка 404 not found. Как создать страницу ошибки 404 на WordPress и зачем она нужна

Ошибка 404 not found. Как создать страницу ошибки 404 на WordPress и зачем она нужна

2013-03-02 автор: Виталий Кириллов

Всем привет! Сегодня на SEO-Mayak.com мы продолжим заниматься настойкой блога на CMS WordPress и на очереди у нас тема — «Ошибка 404».

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

Если, уже набравшим популярность сайтам 1-2 посетителя погоду не делают, то молодые проекты должны пытаться всеми силами удержать каждого пользователя, причем это положительно скажется на поведенческих факторах, о которых я писал в статье «Релевантность страниц. Определение релевантности текста»

И так, в рамках рубрики «WordPress для новичков» начнем разбирать по полочкам ошибку 4о4. Предвижу, что не у всех начинающих веб-мастеров будет все получатся с первого раза.

oshibka-404

Для чего вообще нужна страница с ошибкой? Наверное я не правильно поставил вопрос. Ошибок на страницах блога быть в принципе не должно. Представим такую ситуацию: ваш знакомый поделился с Вами ссылкой на интригующую статью «Как стать богатым нечего не делая». Заинтересовавшись Вы переходите по этой ссылке, а там:

oshibka 404

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

seo-mayak.com/sozdanie-bloga/obxodimsya-bez-plaginov/postranichnaya-navigaciya-bez-plagina-na-wordpress.htm

Если Вы ее скопируете и вставите в адресную строку браузера, то на страницу со статьей вы не попадете. Почему? Потому, что в URL отсутствует один символ «l» в самом конце ссылки.

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

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

У всех страница оформлена по разному и я не призываю вас делать все как у меня. Проявляйте свою фантазию используйте уникальные изображения для оформления, вставляйте ссылки на другие свои интересные статьи. Также можно подсмотреть как оформлены страницы с ошибками на других блогах, введя в адресной строке после домена любой набор символов. Например:

http:// site.com/ля-ля-тополя

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

Что такое ответ сервера и какие они бывают

Все коды ответов состоят из трехзначных цифр, но их можно разделить на 5 групп:

Группа №1. Все ответы сервера (коды), которые начинаются с цифры 1 (например код 100) означают, что сервер удовлетворен запросом и приступил к его обработке.

Группа №2. Все ответы сервера начинающиеся с цифры 2 (например код 200), означают, что сервер обнаружил соответствующие запросу материалы и идет передача информации браузеру.

Группа №3. Все ответы сервера начинающиеся с цифры 3 (например код 301), о котором я подробно писал в статье «Как сделать 301 редирект«. Это своего рода сообщение о перенаправление пользователя на другие страницы или ресурсы, на которых находиться по новым URL адресам.

Группа №4. Все ответы сервера начинающиеся с цифры 4 (например код 404), о котором и идет речь в данной статье, означают ошибку, т.е сервер не смог обнаружить запрашиваемую информацию по данному URL.

Группа №5. Все ответы сервера начинающиеся с цифры 5 (например код 500), означают критическую ошибку сервера при обработке запроса.

Для чего я вообще привожу эти примеры? Просто я хочу, чтобы вы имели хотя бы начальное представление что такое ответ сервера. я думаю для общего развития это будет весьма полезно.

Создаем страницу ошибки 404 на WordPress

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

Но что же делать если такой страничке в шаблоне нет? Конечно надо создать ее и именно этим мы сейчас и займемся.

В редакторе Notepad++ создаем новую страницу:

oshibka 404

В самое начало файла вставляем код вывода шапки сайта:

<?php get_header(); ?>

А в самый конец код вывода подвала(Футера):

<?php get_footer(); ?>

Теперь открываем файл page.php и смотрим, где прописана функция вывода сайдбара.

<?php get_sidebar(); ?>

В некоторых шаблонах используется 2 сайдбара и функции вывода могут выглядеть так:

<?php include (TEMPLATEPATH . &#039;/sidebar1.php&#039;); ?>
<?php include (TEMPLATEPATH . &#039;/sidebar2.php&#039;); ?>

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

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

<!--Выводим шапку-->
<?php get_header(); ?>

<!--Индивидуальные стили шаблона. У Вас они скорее всего отличаются-->
<div id="content">
<div id="postarea">
<div class="homepage_post">
<div class="homepage_in">
<div class="post">

<!--Заголовок страницы-->
<h2>Ошибочка вышла. Такое иногда случается</h2>

<!--Здесь можно вставить изображение-->

<h3>Вы могли здесь оказаться по нескольким причинам</h3>

<p>1. Скорее всего URL был вписан с ошибкой</p>
<p>2. Страница, которую вы ищите, была перенесена или переименована</p>
<p>3. Такой страницы больше нет в природе</p>

<!--Предложения пользователю-->
<p>Вы не расстраивайтесь и попробуйте воспользоваться формой поиска расположенной справа</p>
<p>Или у вас есть возможность перейти на <a href="">главную страницу</a></p>
<p>Если есть вопросы к администратору,то вы можете задать их через <a href="/obratnaya-svyaz">форму обратной связи</a></p>

<!--Вывод категорий блога-->
<h3>Возможно необходимая Вам информация находится в материалах блога</h3>
<p><strong>Рубрики</strong></p>
<?php wp_list_cats('sort_column=name'); ?>

<!--Вывод архивов блога-->
<h3>Также Вы можете поискать в архивах</h3>

<p><strong>Архивы</strong></p>
<?php wp_get_archives('type=monthly'); ?>

</div>
</div>
</div>
</div>

<!--Код вывода сайдбара. У Вас все может быть по-другому, смотрите файл page.php-->
<?php get_sidebar(); ?>
</div>
<!--Конец индивидуальных стилей-->

<!--Код вывода подвала-->
<?php get_footer(); ?>

После того, как оформление страницы закончено, во вкладке «Файл» редактора Notepad++ выбираем пункт «Сохранить как»:

oshibka404-4