Креативная 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 страница для сайта и сможете создавать ее сами.
и получай самую свежую информацию на свой e-mail!
Свежая информация в сфере SEO:
Спасибо за полезный материал. У меня два вопроса, он по теме, а второй нет.
1. Нужно ли при отсутствии в теме шаблона 404 страницы делать еще какие то манипуляции кроме того, что создать ее, для вывода ее на экран при вводе неправильного адреса? То есть, нужно ли куда-нибудь добавлять дополнительный код?
2. Чем вы пользуетесь для показа картинки во весь экран в том же окне?
Здравствуйте,
1) Только создать такую страницу, на нее будет автоматический редирект.
2) Плагин — _http://wordpress.org/plugins/lightbox-plus/
Александр,спасибо за решение проблемы.
Статья как раз кстати.
Очень важно сделать 404 страницу привлекательной, имеющей какой-то смысл — даже порой юмористический.
Для сайтов это имеет большое значение.
Я это знал.А сейчас конкретно уже понял.
Хм, блогу несколько месяцев, а я даже об этом не задумывался. Придётся исправить. Спасибо.
Александр я вот позавчера тоже страницу 404 разукрасил, но сделал в ручную. Причиной было то, что у меня 5 страниц выдавали ошибку 404.Вспомнил потом, что некоторые страницы удалил, а страницы были проиндексированы поисковиками. Вот тебе и опеньки получилось.
а я тоже поменяла свою страничку с ошибкой, картинку вставила) получилось интересно и оригинально)
Надо поработать над этой страницей, спасибо за инструкцию. До сих пор она у меня стандартная.
Думаю, что плагины для этой цели использовать не уместно. Один раз создать страницу, отредактировать и всё. У меня еще поиск от Яндекса расположен на странице ошибки 404, а вот за совет по выводу рубрик спасибо.
Тоже считаю, что плагины лучше не использовать. Надо один раз поправить код и всё. Тем более всё не очень сложно.
Мне кажется на этой странице нужно вывести и рубрики и лучшие статьи
У меня на этой страничке и рубрика и поиск и карта блога.
Есть красивые цепляющие страницы с ошибкой 404. Приятно на такие смотреть.
Порой встречал такие оригинальные странички 404, что становилось весело. Или было просто приятно посмотреть.
Разозлённый читатель придёт на весёлую страницу 404 и перестанет сердится.
ну лично вот я ,никогда не злился.
Чего злиться то?
Согласен что не отталкивающая страничка 404,еще и привлекает.
Опять же нужно что бы человек попавший на эту страничку вернулся обратно
Если у человека нет времени, он забудет о любой страничке.
В создании сайта мелочей не бывает. Даже страничка 404 должна иметь такой вид, чтобы сайт не растерял читателей.
Вставьте в 404 анекдот, загадку, маленький тест, пользователь задержится.
Ну а смысл этой задержки?
Нужно както подцепить человека,что бы он вернулся обратно на блог.
Смысл задержки в задержке на сайте. Если меньше 20 секунд на сайте, это плохо для продвижения.
Вы не узнаете вернулся я на блог или это другой человек.
Не узнаю.Но буду надеяться на то что бы от вернулся.)))
А идея с анекдотом мне понравилась))))
Ну да,прикольно будет.
Еще и анекдот интересный нужен,да подлиньше.
А мне кажется что нужен короткий и в тему ))))
Длинный лень будет читать
Ну незнаю,каждому виднее.
Как говорится много людей,много мнений
Пока писал предыдущий комментарий придумал. Вставить шутливый вопрос вверху страницы, а ответ внизу, но чтобы пользователь страницу прокрутил вниз. 15 требуемых секунд пройдут.
Интересно придумано.
А что на остальной странице создать,что бы было что прокрутить?)))
А это уже проблема, что бы туда вставить.
Да не нужно сильно заморачиваться. Просто сделать 404-страничку более интересной, дать ссылки на рубрики и лучшие статьи — мне кажется этого достаточно
В принципе можно не торопиться и по фантазировать.
Что нибудь новенькое придумать оригинальное.