Как создать простую страницу ошибки 404 для WordPress

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

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

Что такое страница 404?

Страница 404  («Не найдена»)  - это страница, которую генерирует сервер, чтобы сообщить вам, что контент,  доступ к которому вы пытались получить, не может быть найден. Обычно вы сталкиваетесь с ошибкой  404,  когда что-то было перенесено или удалено, или когда вы переходите по ссылке/набираете адрес сайта с опечаткой.

Я сталкиваюсь со страницей 404 в основном потому, что я часто вручную набираю адрес сайта  (не используя закладки), и  у меня неуклюжие пальцы. Это часто приводит меня к запросу www.google.com/mial  вместо необходимой мне страницы Gmail. Очень раздражает.

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

Как добавить свою страницу 404 в тему WordPress

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

Добавить свою 404 страницу просто: все, что вам необходимо - это наличие в папке темы файла под названием "404.php".

Конечно, если ваш файл "404.php" пуст, то страница «404», которая будет показываться вашим пользователям, будет пустой.

Быстрый метод создания своей страницы 404, которая будет хорошо подходить к вашей теме – это копирование всего содержимого файла "page.php" вашей темы в ваш новый файл "404.php".  Сделав это, удалите весь код, который относится к циклу, и замените его следующим кодом:

<h1>Page Not Found</h1>
<p>Sorry, but the page you requested has not been found</p>

Как сделать вашу страницу 404 отличной

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

Чтобы помочь пользователю получить контент, который он ищет, вам нужно добавить на свою страницу 404 элементы, перечисленные ниже. Эти вещи могут уже быть в вашей теме, и, следовательно, в вашей странице 404 (например, если вы скопировали код со своего файла "page.php"), в таком случае вам необходимо обратить на них внимание пользователя:

1. Показать сообщение с извинением, которое объяснит, что контент, который искал пользователь, не найден. Упоминание кода «404» не обязательно, но вы можете его написать, если хотите.
2. Предложить пользователю проверить адресную строку и убедиться, что в адресе сайта нет опечаток.
3. Показать / обратить внимание пользователя на блок поиска, который поможет ему найти нужный контент на вашем сайте.
4. Предложить материалы, которые, возможно, ищет посетитель, основываясь на странице, которую он запрашивал, или на популярных страницах сайта.
5. Дать пользователю список вариантов «что теперь делать», например, перейти на главную страницу или посмотреть ваши архивы.
6. Наконец, дать возможность пользователю сообщить об ошибке, добавив ссылку на пост / контактную форму / твиттер аккаунт, чтобы вы могли исправить ошибку, где это будет необходимо.

В моей воображаемой теме, я бы сделал это как-то так:

<?php get_header(); ?>
<div id="page">
    <h1>Page Not Found</h1>
    <p>We're very sorry, but the page you requested has not been found! It may have been moved or deleted.</p>
    <p>I'm not blaming you, but have you checked your address bar? There might be a typo in the URL.</p>
    <p>If there isn't, you could try searching my website for the content you were looking for:</p>
    <?php get_search_form(); ?>
    <p>Or maybe you were looking for one of my popular posts:</p>
    <ul>
        <li><a href="http://www.website.com/popular-post1">Popular Post 1</a></li>
        <li><a href="http://www.website.com/popular-post2">Popular Post 2</a></li>
        <li><a href="http://www.website.com/popular-post3">Popular Post 3</a></li>
        <li><a href="http://www.website.com/popular-post4">Popular Post 4</a></li>
    </ul>
    <p>Alternatively, you can go to <a href="http://www.website.com">my home page</a> or <a href="http://www.website.com/archives">browse my archives</a></p>
    <p>One last thing, if you're feeling so kind, please <a href="mailto:webmaster@website.com">tell me</a> about this error, so that I can fix it. Thanks!</p>
</div>
<?php get_sidebar(); get_footer(); ?>

Ключевые элементы

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

• Базовые: используем имя файла 404.php , чтобы WordPress использовал его как шаблон страницы ошибки
• Наш заголовок страницы (заключенный в тег H1) четко указывает, что страница не найдена.
• Даем короткое текстовое объяснение  и предлагаем некоторые альтернативные решения (проверить URL)
• Предоставляем поиск (используя стандартную функцию WP search form)
• В завершение предоставляем ссылку на архивы. Продвинутые пользователи могут добавить сюда также список страниц, категорий или тегов.
• Предоставляем контакты для сообщения об ошибке.

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

Невзирая на то, что существуют целые сайты, посвященные веселым 404 страницам, ваша основная задача – убедиться, что пользователь останется на вашем сайте и вернется к нему потом (разве что вы вознамерились попасть на один из таких сайтов, в таком случае – дерзайте!)

Другие факторы

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

Перенаправление старого контента

При переносе контента, всегда нужно перенаправлять старый URL на новый URL – это простой и эффективный способ убедиться, что все посетители, которые захотят увидеть этот контент, смогут это сделать. Перенаправление в WordPress можно легко сделать с помощью популярного плагина Redirection.

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

Идем еще дальше

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

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

Не удаляйте посты. Удаляйте контент

И наконец, удаляя контент, подумайте, может быть стоит просто удалить содержимое поста / страницы (а не удалять весь пост / страницу),  и сообщить пользователям, зачем вы удалили контент.

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

Источник: WPTuts

Алексей Шевченко

редактор wpcafe

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/