Страница ошибки 404 – как создать и настроить в WordPress

страница 404 wordpress

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

Вебмастер при создании ресурса может не предпринимать никаких действий, и все равно страница 404 на WordPress будет настроена автоматически — так работает данная CMS. Но если произвести некоторые манипуляции, то переход пользователя на URL с ошибкой можно обернуть с дополнительной пользой для себя и своего проекта.

Страница 404 — что это такое

Ошибка 404 (Error 404) — это успешный ответ сервера на запрос пользователя к сайту, но без возможности связать этот запрос с одной из страниц. Сервер отдает ответ Page Not Found («Страница не найдена»).

Если сказать проще, такая ошибка указывает, что конкретный URL на сайте обнаружить не удалось, но сам ресурс отдает корректный ответ, то есть он работает.

Важно: Не путайте ошибки 404 Page Not Found и 404.1 Site Not Found.

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

Страница не найдена в ВордПресс

Практика показывает, что незначительное количество посетителей готовы пользоваться поиском в такой ситуации.

Почему ошибка возникает на сайте

Можно выделить несколько причин, которые приводят к тому, что пользователь увидел Page Not Found:

  • Ранее запрашиваемый URL существовал, но контент на нем был удален или перемещен на другой УРЛ. Например, часто на сайтах магазинов можно столкнуться с ошибкой 404 при попытке перейти к акции, которая уже закончилась, но вебмастер забыл убрать баннер, направляющий на нее.
  • Введен неверный URL. С такой проблемой можно столкнуться при копировании адреса из мессенджера или с другого сайта. Достаточно забыть одну букву в конце линка.
  • Неправильно настроенные редиректы. При перемещении целевой страницы на сайте вебмастеры используют 301 редирект, когда она перемещена навсегда. Если он настроен неверно, то по старому адресу выдает 404.

Грамотные вебмастеры всегда проверяют свой сайт на линки, которые ведут на Error.

Наличие ссылок на 404 страницы негативно сказывается с точки зрения:

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

Пользовательского взаимодействия. Если посетители часто попадают на ошибку 404, это точно отразится на поведенческих факторах и приведет к увеличению количества отказов.

Почему важно настроить страницу с ошибкой 404 в WordPress

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

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

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

Преимущества грамотно настроенной страницы 404:
Возможность направить пользователя в нужное русло, даже если изначально он не смог обнаружить искомое.
Реальный способ снизить количество отказов. Привлекательная и грамотно оформленная страница для ошибки 404 не вызывает отторжение или желание сразу закрыть сайт.
Шанс преобразовать простого посетителя в клиента, если использовать верные маркетинговые инструменты.

Как создать пользовательскую страницу 404 в ВордПресс

Есть несколько основных способов создания страницы 404 в CMS WordPress. Рассмотрим наиболее популярные среди из них.

В файлах WordPress темы

В файлах темы WordPress имеется отдельный шаблон для 404. Чтобы его найти, перейдите в раздел «Внешний вид» — «Редактор тем». И отыщите 404.php.

Настройка страницы 404 в теме

Обратите внимание! Часто он находится в корневой папке темы, а иногда может располагаться в подразделе template или чем-то подобном.

Для редактирования потребуется знание PHP, HTML и CSS. Это позволит оформить полезную и красивую страничку «Not Found». Можно использовать различные функции и хуки WordPress.

Плагином Smart Custom 404 error page [404page]

Плагин для настройки 404

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

Установите из библиотеки ВордПресс Smart Custom 404 error page plugin от автора Peter Raschendorfer.

Процесс установки стандартный для движка: перейдите в админке «Плагины» — «Добавить плагин» — найдите с помощью поиска нужное расширение и нажмите «Установить», а после установки активируйте его.

Установка расширения 404 в WP

Далее создайте стандартную страницу WordPress и оформите ее так, как хотели бы, чтобы выглядела ваш шаблон для ошибки.

Перейдите в пункты «Страницы» — «Добавить страницу». Задайте любое название (лучше связанное с 404) и добавьте необходимый контент. После этого опубликуйте изменения.

Создание страницы под 404

Перейдите в раздел меню «Внешний вид» — «Страница 404 ошибки». Здесь задайте параметры установленного плагина. Укажите страницу, которую вы хотите, чтобы видел пользователь, когда попадает на Error 404. Соответственно, выбрать нужно разработанный в пункте выше вариант. Сохраните изменения, чтобы настройки применились.

Установка страницы 404 в расширении

В опциях Smart Custom 404 error page есть пункт «Расширенный», где содержатся различные полезные настройки. В том числе можно указать, чтобы сервер вместо 404 отдавал 410, что бывает полезно, когда необходимо снизить частоту сканирования поисковыми системами. 

Рекомендую подробнее изучить распространенные ошибки (Errors: 401, 403, 408, 500, 501, 502 и другие), чтобы использовать их в своей работе. 

В конструкторе Elementor

Популярный конструктор Elementor позволяет быстро создать 404 двумя способами.

Бесплатно. Сделайте при помощи стандартных бесплатных элементов Элементора любую страницу. Можно использовать различные блочные компоненты, которые предлагает конструктор: форма для подписки, кнопки, карты и многое другое. Например, можно расширить список блоков при помощи дополнительных плагинов. Далее остается с использованием рассмотренного выше плагина Smart Custom 404 error page назначить созданную страничку в качестве базовой для ошибки 404.

Создание 404 в Elementor

В Pro-версии Elementor. Платная профессиональная версия Elementor позволяет еще проще и быстрее провести необходимые работы. В админке достаточно перейти «Шаблоны» — «Конструктор тем». Здесь в списке частей сайта будет доступна нужная настройка.

Pro Elementor настройка 404

Далее просто выберите нужный вариант и доработайте. В Pro-версии плагин Elementor предлагает десятки шаблонов для создания компонента «Не найдено». Есть различные анимированные варианты и даже заранее продуманные конверсионные лендинги.

Варианты шаблонов 404

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

Установка для отработки error

С помощью файла htaccess

Еще один способ задать то, что будет видеть пользователь при ошибке 404. — отредактировать файл htaccess. Порядок действий следующий:

  1. Создайте Post или Page в WordPress, наполнив тем, что пользователь должен видеть, когда попадает на ошибку «Не найдено».
  2. Откройте через любой редактор конфигурационный file .htaccess, расположенный в корневой папке сайта.
  3. Добавьте строку:

ErrorDocument 404 https://yoursite.ru/page/

Вместо https://yoursite.ru/page/ укажите страницу на вашем сайте, которую должен видеть пользователь, когда попадает на 404.

  1. Сохраните изменения.

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

Не забудьте завершить создание страницы 404 ее закрытием от индексации в robots.txt, чтобы избежать попадания в индекс поисковых систем.

Разработка привлекательной и функциональной страницы 404

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

Несколько советов, как сделать привлекательную и эффективную страницу 404:

Дать на ней четкое объяснение того, почему пользователь здесь оказался.

Добавить важные ссылки: чтобы с нее было легко переходить на главную страницу, в раздел услуг, в каталог, в контакты и так далее.

Сделать заметной строку поиска, чтобы посетитель мог попробовать отыскать свой запрос на сайте, если целевой URL был перемещен.

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

Если у вас имеется служба поддержки клиентов, обязательно укажите ее телефон. Можно также добавить форму обратной связи.

Не бойтесь использовать юмор или креативные элементы, чтобы снизить разочарование пользователя от невозможности найти нужную информацию.

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

Повысить поведенческие факторы можно при помощи мини-игры или другого интересного интерактива.

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

Reboot – WordPress-тема с расширенными настройками для 404 страницы


Reboot для 404

Некоторые темы WordPress имеют встроенные инструменты для создания удобной 404 page. В том числе, они присутствуют в популярной российский теме Reboot от команды WPShop.

Данная функциональность была добавлена в тему в 2024 году. Если вы уже используете эту разработку, но не видите такую настройку в кастомайзере, просто обновите шаблон. В Reboot для обладателей лицензии все обновления бесплатные.

Как настроить страницу 404 в Reboot:

  1. Перейдите в параметры темплейта прямо с фронтенда WP.

Настройка Reboot 404

  1. Откроется кастомайзер, здесь выберите пункт «Блоки».

Кастомайзер в template

  1. Далее откройте раздел «404».

Нужный блок для настройки

  1. Настройки предельно простые и понятные. Тема позволяет создать в несколько кликов удобную и привлекательную страницу. Введите текст для нее, укажите выводимые интерактивные элементы и нажмите «Опубликовать».

Простые настройки

Привлекательная посадочная страница для 404 ошибки будет тут же создана. Никаких дополнительных настроек производить не нужно.

Ниже можно увидеть примеры 404 error на Reboot.

Пример без сайдбара:

Пример Reboot не найдена

Пример с сайдбаром:

Пример на Ребут

Сама тема Reboot отлично подходит для сайтов разной тематики и направленности. На ней можно развернуть блог, портфолио, портал с услугами компании и многие другие варианты online-ресурсов.

Она обладает неоспоримыми преимуществами:
Максимально быстрая скорость загрузки.
Очень простые и удобные настройки.
Продуманность с точки зрения SEO, в том числе под Яндекс.
Множество встроенных полезных модулей.
Привлекательный внешний вид «из коробки» с мощной типографикой.
Полная адаптивность под любые устройства.
Низкая стоимость и постоянные обновления при единоразовой покупке.

По кнопке ниже можно приобрести Reboot со скидкой в 15%, активировав промокод. Акция распространяется на любой вариант лицензии (как на один домен, так и на их неограниченное количество).

Промокод на Reboot

Выводы

Страница 404 должна не просто «существовать» на сайте, а работать на вебмастера. В Интернете можно найти массу маркетинговых идей, как использовать ее в своих интересах. Ознакомьтесь с ними, а после оформите свой уникальный вариант «Не найдено» и выведете его при помощи описанных мной выше способов на своем  ВордПресс-сайте.

Пожалуйста, оцените материал:

Специализируюсь на разработке и оптимизации уникальных веб-решений для клиентов различных отраслей. Имею широкий опыт работы с WordPress, которым активно делюсь с читателями.
Получай полезные материалы удобным способом!
Добавить комментарий