Анализ сайта: Проверка Траста

«404 Not found» для ВордПресс: создаем идеальную страницу ошибки 404 для сайта на WordPress

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

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

Что это такое – «Ошибка 404»?

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

Стандартный шаблон «Ошибка 404»  на движке ВордПресс

Традиционный шаблон «Ошибка 404» включён в некоторые темы WordPress, однако, не во все. При столкновении с ошибкой 404, WordPress автоматически начинает поиск файла 404.php. Если этот файл отсутствует, то пользователю выдаётся стандартное сообщение об ошибке, которое не очень-то привлекательно.

Если у вас еще нет такого файла, вы можете создать его. Создайте новый файл и назовите его 404.php.

Вот основной код, с которого мы начнём:

404.php File

<?php get_header(); ?>

<h2>Ошибка 404 - Страницы не существует.</h2>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

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

Мы хотим представить здесь пошаговую инструкцию, которая поможет вам достигнуть цели. Учтите, что я использую функцию get_header() вместе с get_sidebar() или footer для обращения к файлам шаблона темы. Ваш вариант может незначительно отличаться, и вам придется настроить файл 404.php в соответствии с этими различиями.

  • Приступаем к работе над страницей.

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

404.php File – Добавлена форма поиска

<?php get_header(); ?>

<h2>Ошибка 404 - Страницы не существует</h2>

<p>Поиск:</p>

<?php include(TEMPLATEPATH . "/searchform.php"); ?>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Как сделать её более динамичной.

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

Переходя к следующему примеру, мы можем начать с редактирования файла header.php вашего шаблона. Вместе с мета-тэгами в начале файла header.php можно добавить следующее:

Файл header.php

<?php
if (is_404()) {
$redirectHome = get_option('home'); ?>
<?php echo $redirectHome; ?>

После этого добавления, наш редактированный файл 404.php выглядит следующим образом:

Файл 404.php

<?php get_header(); ?>
<h1>Ошибка 404 - Страницы не существует.</h1>
<h3>Please <a href="<?php bloginfo('home'); ?>" Click here</a> to return to our home page, or you can wait to be redirected in 15 seconds.</h3>
<?php get_footer(); ?>

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

Убедитесь, что она работает.

Вы можете проверить работоспособность страницы «Ошибка 404», введя ваш основой адрес и после него адрес страницы, которой не существует. Это должно привести вас к странице с ошибкой 404 для её просмотра и тестирования.

Если страница не работает.

Если ваш сервер автоматически не перенаправляет вас на страницу, вы можете исправить это, изменив ваш файл .htaccess. Найдите его в директории WordPress и добавьте к нему следующую строку:

ErrorDocument 404 /index.php?error=404

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

ErrorDocument 404 /YOURSUBFOLDERNAME/index.php?error=404

Это заставит вашу страницу работать.

Пример кода для создания страницы 404

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

<?php get_header(); ?>

<h1>404 ошибка</h1>

<p>Вы попали на страницу которая отсутствует.</p>
<p>Не спешите уходить, может вы ещё найдете интересное для себя.</p>

<ul>
   <li>Попробуйте использовать форму поиска по сайту.</li>

   <li>You can visit <a href="<?php bloginfo?>"</a></li>
   <a href="<?php ('url'); ?>" the homepage.</a>
      <li>Или почитать свежие статьи</li>
</ul>
    <p>Поиск:</p>
    TEMPLATEPATH . "/searchform.php"); ?>

    <h3>Новые посты</h3>

<ul>
<?php
query_posts('posts_per_page=5');
if (have_posts()) : while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>" title="Permalink for : <?php the_title(); ?>"><?php the_title(); ?></a>
endwhile; endif; ?>
</ul>
<?php get_footer(); ?>

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

Сделать её более удобной

Чтобы сделать страницу более удобной и уникальной, можно рассмотреть возможность использования приведенных выше примеров с использованием различных фоновых изображений по вашему выбору. Для того чтобы сделать страницу с ошибкой самодостаточной и независимой от сторонних файлов, вы можете использовать html-код в вашем файле 404.php. Вот несколько примеров уникальных страниц «Ошибка 404», которые могут вдохновить вас:

креативный пример

 

17
Фев

Вверх