Статьи

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

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


Классическая страница по умолчанию 404

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

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

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


Теперь давайте посмотрим, как на самом деле добавить страницу 404, настроенную для вашей темы. Добавить пользовательскую страницу 404 просто; Все, что вам нужно сделать, это иметь файл с именем «404.php» в каталоге вашей темы. Конечно, если ваш файл 404.php пуст, то страница 404 Not Found, которая отображается для пользователей, будет пустой.

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

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

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

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

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

В моей воображаемой теме я бы реализовал что-то вроде этого:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
<?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!
    <p>I’m not blaming you, but have you checked your address bar?
    <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:[email protected]»>tell me</a> about this error, so that I can fix it.
</div>
<?php get_sidebar();
Tutsplus 404 стр.

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

Теперь давайте разберем ключевые элементы, которые мы использовали:

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

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


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

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

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

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