Как сделать 404 страницу на WordPress

Привет посетители seoslim.ru! Пытаясь решить одну проблему по технической части данного проекта, а суть ее в том, что при переходе на один из разделов блога по неизвестным причинам срабатывает редирект и посетителя перекидывает на 404 страницу (404 not found).

Не это сейчас не самое главное... Этот случай позволил мне вспомнить, что на у себя блоге я когда-то создал 404 страницу (404.php), на которую перебрасывает посетителя автоматически, если он захочет перейти по несуществующей ссылке.

Проще говоря, если кто-то из вас при посещении страниц случайно допустит ошибку в URL адресе или перейдет по нерабочей внутренней ссылке (например, статья была удалена, а ссылка на нее осталась), то он не увидит стандартного сообщения в браузере об ошибке "404 not found".

Вместо этого произойдет перенаправление на специально подготовленную страницу, где может быть размещена любая полезная информация (прикольная картинка, ссылки на статьи, рубрики, поиск и др.).

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

Как улучшить поведенческие факторы

Накрутка поведенческих факторов — эксперимент в Мовебо

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

Страница 404 для WordPress сайтов

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

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

Здесь стоит добавить, что с данным сообщением выводились: шапка, сайдбар и футер сайта. Таким образом, посетитель понимал, что он находится на той же площадке, но видимо перешел по нерабочей ссылке.

Но совсем другое дело, если на площадке не будет подобного 404 файла и пользователя будет перенаправлять на страшную страницу «Not found» ее стандартно показывает сервер в том случае, если не может обработать запрос.

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

Кстати вам будет интересно для общего развития узнать, какие виды кодов ответа сервера вообще существуют:

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

2хх — success. Такие коды классифицируют случаи успешной обработки запросов сервером.

3хх — перенаправление. Один из популярных классов кодов, означающих, что запрос пользователя будет перенаправлен на другую страницу или ресурс.

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

5хх — ошибка сервера. В данной группе собраны коды, относящиеся к ошибкам на стороне сервера при обработке запроса.

Более подробно обо всех кодах ответа сервера и ошибках вы прочитаете из стати «Все коды ответа/ошибок сервера». Статья получилась полезной и объемной.

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

Для этого открываем любой текстовый редактор, лично я настоятельно рекомендую использовать Notepad++ и выбираем «Файл» далее «Новый».

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

Поэтому вначале файла прописываем код вывода шапки:

<?php get_header (); ?>

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

<div id="content">

ТЕКСТ

</div>

Далее подключаем код вывода сайдбара:

<?php get_sidebar (); ?>

И не забываем про код вывода футера:

<?php get_footer (); ?>

В общем, у вас должна получиться примерно такая картина.

После этого жмете «Сохранить как...» и самое главное выбираете тип «PHP», а имя присваиваете файлу 404.

На последнем этапе останется только закачать созданный файл к себе на хостинг в папку с файлами шаблона: wp-content/themes/ваша-тема/404.php

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

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

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

Поэтому в моем примере вся работа будет состоять в том, чтобы вписать нужный контент, изображения, рубрики и ссылки в блок <div id="content"> ... </ div>, так как все что вписано внутри его будет появляться на странице ошибки 404.

В этот блок можно вписать:

• картинки: <img src="адрес картинки"/>
• ссылки: <a target="_blank" href="URL"> анкор </a>
• заголовки: <h1 — h5> текст </h1 — /h5>
• категории: <?php wp_list_cats ('sort_column=name'); ?>
• архивы: <?php wp_get_archives ('type=monthly'); ?>
• пять последних статей: <?php get_archives ('postbypost', 5); ?>
• поиск: <?php include (TEMPLATEPATH . '/searchform.php'); ?>

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

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

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