Креативная 404 страница для сайта

Привет друзья. Сегодня я хочу вам рассказать вам об одной очень важной детали для успешной работы вашего блога. Разговор наш пойдет о том, что такое 404 страница для сайта, и для чего она вообще нужна. Скорее всего, каждый из вас сталкивался с ситуацией, когда переходишь по ссылке, а попадаешь на несуществующий адрес, где отображается надпись – «Извините, но такой страницы нет на сайте». Как правило, такая надпись вводит многих пользователей в заблуждение и они тут же уходят с сайта, что не очень хорошо сказывается на нем. А если блог или сайт молодой и только начинает набирать свою аудиторию, то такое допустить мы не можем.

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

Как она вам выглядит? Да никак, скажете вы и сразу закроете ее.

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

Этапы создания 404 страницы

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

Перейдите, к примеру, по адресу https://www.seofive.ru/takoj-stranicy-net и вот, что вы увидите:

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

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

Для начала вам нужно в админке своего блога перейти по адресу: Внешний вид – Редактор и выбрать файл Шаблон ошибки 404 (404.php). Именно этот файл и отвечает за вывод содержимого. Если такого файла в шаблоне вашей темы нет, тогда просто создайте его, задав имя 404.php.

При создании, лучше всего воспользоваться программой notepad + с выставленной кодировкой utf-8 (без boom).

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

У меня она такая.

Такой страницы к сожалению на блоге нет!

— возможно ее и не было, просто ошибка в адресе

— страница была переименована или перемещена (крайне редко)

— страница удалена

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

Найдите какую-то прикольную картинку и поместите ее вверху.

Код для вставки изображения:

<img src="ссылка на саму картинку"> (предварительно скопируйте картинку на хостинг)

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

Для вывода рубрик воспользуемся функцией:

<?php wp_list_cats('sort_column=name'); ?>

Для вывода блока с последними записями функция:

<?php get_archives ('postbypost', 5); ?> (где цифра 5 обозначает количество записей)

Если вы хотите на страницу 404 поместить еще какие-то отдельные ссылки, то воспользуйтесь вставкой стандартного тэга <a href=»адрес»>анкор</a>.

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

Как создать 404 страницу с помощью плагинов

Плагин Redirection. Делает перенаправление, прописанное вами с 404-страницы на страницу заданную в настройках.

Плагин Smart 404. Автоматически делает замену 404-страницы на список страниц наиболее подходящих по запросу.

Плагин 404 Notifier. Делает уведомление о возникших ошибках.

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

Теперь вы знаете, что такое 404 страница для сайта и сможете создавать ее сами.