Страница ошибки 404 – как создать и настроить в WordPress
Ошибка 404 известна всем активным пользователям Интернета. Ее можно встретить на любом сайте, и она зачастую сопровождается сообщением, что желаемая страница не существует или не найдена.
Вебмастер при создании ресурса может не предпринимать никаких действий, и все равно страница 404 на WordPress будет настроена автоматически — так работает данная CMS. Но если произвести некоторые манипуляции, то переход пользователя на URL с ошибкой можно обернуть с дополнительной пользой для себя и своего проекта.
- Страница 404 — что это такое
- Почему ошибка возникает на сайте
- Почему важно настроить страницу с ошибкой 404 в WordPress
- Как и зачем отслеживать ошибки 404
- Как создать пользовательскую страницу 404 в ВордПресс
- В файлах WordPress темы
- Плагином Smart Custom 404 error page [404page]
- В конструкторе Elementor
- С помощью файла htaccess
- Разработка привлекательной и функциональной страницы 404
- Reboot – WordPress-тема с расширенными настройками для 404 страницы
- Выводы
Страница 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, чтобы минимизировать вероятность возникновения их у пользователей. С этим помогает справиться плагин Clearfy Pro.
Расширение по умолчанию логирует каждую ошибку 404, отображая информацию об их возникновении прямо в админке.
Если у вас установлен Clearfy Pro, в админке перейдите к нему и выберите вкладку «404».
При отсутствии отсутствии вкладки обновите плагин. Данную опцию добавили, начиная с версии 3.2.3.
Здесь можно увидеть последние 100 обращений к ошибке 404 на вашем сайте.
Не следует пугаться неизвестных адресов, к которым выполнены обращения и получен ответ 404. Боты злоумышленников при поиске уязвимостей автоматически обращаются на сайтах к различным URL. Если вы поддерживаете актуальную версию CMS, регулярно обновляете тему и плагины, то переживать не о чем.
Почему полезно отслеживать ошибки с кодом 404 в Clearfy Pro:
Если на сайте пропала картинка, стиль, скрипт или была выполнена неправильно перелинковка, это отобразится в логах при обращении к данным ресурсам.
При переезде сайта, обновлении темы и других масштабных изменениях зачастую некоторые адреса меняются, и это сложно отследить самостоятельно.
На ваш ресурс может быть проставлена мощная внешняя ссылка, которая ведет на страницу 404. От нее в таком случае мало проку. Но если обнаружить ее и настроить редирект на существующую страницу, это увеличит вес сайта в глазах поисковых систем.
Скидка на Clearfy Pro
Как создать пользовательскую страницу 404 в ВордПресс
Есть несколько основных способов создания страницы 404 в CMS WordPress. Рассмотрим наиболее популярные среди из них.
В файлах WordPress темы
В файлах темы WordPress имеется отдельный шаблон для 404. Чтобы его найти, перейдите в раздел «Внешний вид» — «Редактор тем». И отыщите 404.php.
Обратите внимание! Часто он находится в корневой папке темы, а иногда может располагаться в подразделе template или чем-то подобном.
Для редактирования потребуется знание PHP, HTML и CSS. Это позволит оформить полезную и красивую страничку “Not Found”. Можно использовать различные функции и хуки WordPress.
Плагином Smart Custom 404 error page [404page]
Данный плагин не единственный в репозитории WordPress для настройки страницы 404, но он один из самых удобных, к тому же — бесплатный.
Установите из библиотеки ВордПресс Smart Custom 404 error page plugin от автора Peter Raschendorfer.
Процесс установки стандартный для движка: перейдите в админке «Плагины» — «Добавить плагин» — найдите с помощью поиска нужное расширение и нажмите «Установить», а после установки активируйте его.
Далее создайте стандартную страницу WordPress и оформите ее так, как хотели бы, чтобы выглядела ваш шаблон для ошибки.
Перейдите в пункты «Страницы» — «Добавить страницу». Задайте любое название (лучше связанное с 404) и добавьте необходимый контент. После этого опубликуйте изменения.
Перейдите в раздел меню «Внешний вид» — «Страница 404 ошибки». Здесь задайте параметры установленного плагина. Укажите страницу, которую вы хотите, чтобы видел пользователь, когда попадает на Error 404. Соответственно, выбрать нужно разработанный в пункте выше вариант. Сохраните изменения, чтобы настройки применились.
В опциях Smart Custom 404 error page есть пункт «Расширенный», где содержатся различные полезные настройки. В том числе можно указать, чтобы сервер вместо 404 отдавал 410, что бывает полезно, когда необходимо снизить частоту сканирования поисковыми системами.
Рекомендую подробнее изучить распространенные ошибки (Errors: 401, 403, 408, 500, 501, 502 и другие), чтобы использовать их в своей работе.
В конструкторе Elementor
Популярный конструктор Elementor позволяет быстро создать 404 двумя способами.
Бесплатно. Сделайте при помощи стандартных бесплатных элементов Элементора любую страницу. Можно использовать различные блочные компоненты, которые предлагает конструктор: форма для подписки, кнопки, карты и многое другое. Например, можно расширить список блоков при помощи дополнительных плагинов. Далее остается с использованием рассмотренного выше плагина Smart Custom 404 error page назначить созданную страничку в качестве базовой для ошибки 404.
В Pro-версии Elementor. Платная профессиональная версия Elementor позволяет еще проще и быстрее провести необходимые работы. В админке достаточно перейти «Шаблоны» — «Конструктор тем». Здесь в списке частей сайта будет доступна нужная настройка.
Далее просто выберите нужный вариант и доработайте. В Pro-версии плагин Elementor предлагает десятки шаблонов для создания компонента «Не найдено». Есть различные анимированные варианты и даже заранее продуманные конверсионные лендинги.
При публикации укажите, что созданное решение относится к ошибке 404. На этом настройка будет завершена.
С помощью файла htaccess
Еще один способ задать то, что будет видеть пользователь при ошибке 404. — отредактировать файл htaccess. Порядок действий следующий:
- Создайте Post или Page в WordPress, наполнив тем, что пользователь должен видеть, когда попадает на ошибку «Не найдено».
- Откройте через любой редактор конфигурационный file .htaccess, расположенный в корневой папке сайта.
- Добавьте строку:
ErrorDocument 404 https://yoursite.ru/page/
Вместо https://yoursite.ru/page/ укажите страницу на вашем сайте, которую должен видеть пользователь, когда попадает на 404.
- Сохраните изменения.
Перед редактированием файла htaccess сделайте его резервную копию. Данный способ рекомендован для продвинутых вебмастеров. Если возникнут сложности, используйте нашу статью по правильной настройке htaccess в WordPress.
Не забудьте завершить создание страницы 404 ее закрытием от индексации в robots.txt, чтобы избежать попадания в индекс поисковых систем.
Разработка привлекательной и функциональной страницы 404
Страницу 404 нужно не просто создать, а сделать ее привлекательной, а может даже интерактивной. Как отмечалось выше, главная задача при настройке такой страницы — избежать ухудшения поведенческих факторов, когда на нее попадает пользователь. А в идеале, нужно конвертировать такого посетителя в клиента.
Несколько советов, как сделать привлекательную и эффективную страницу 404:
Дать на ней четкое объяснение того, почему пользователь здесь оказался.
Добавить важные ссылки: чтобы с нее было легко переходить на главную страницу, в раздел услуг, в каталог, в контакты и так далее.
Сделать заметной строку поиска, чтобы посетитель мог попробовать отыскать свой запрос на сайте, если целевой URL был перемещен.
Проработать дизайн: сделать его удобным и запоминающимся, чтобы он привлекал внимание, а не вызывал желание сразу покинуть сайт.
Если у вас имеется служба поддержки клиентов, обязательно укажите ее телефон. Можно также добавить форму обратной связи.
Не бойтесь использовать юмор или креативные элементы, чтобы снизить разочарование пользователя от невозможности найти нужную информацию.
Для магазинов хорошей идеей может быть размещение промокода со скидкой в качестве «извинения за неудобства».
Повысить поведенческие факторы можно при помощи мини-игры или другого интересного интерактива.
Грамотно проработанная и оптимизированная страница 404 не только помогает справиться с разочарованием пользователя, но и предоставляет ему инструменты для дальнейшего взаимодействия с сайтом.
Reboot – WordPress-тема с расширенными настройками для 404 страницы
Некоторые темы WordPress имеют встроенные инструменты для создания удобной 404 page. В том числе, они присутствуют в популярной российский теме Reboot от команды WPShop.
Данная функциональность была добавлена в тему в 2024 году. Если вы уже используете эту разработку, но не видите такую настройку в кастомайзере, просто обновите шаблон. В Reboot для обладателей лицензии все обновления бесплатные.
Как настроить страницу 404 в Reboot:
- Перейдите в параметры темплейта прямо с фронтенда WP.
- Откроется кастомайзер, здесь выберите пункт «Блоки».
- Далее откройте раздел «404».
- Настройки предельно простые и понятные. Тема позволяет создать в несколько кликов удобную и привлекательную страницу. Введите текст для нее, укажите выводимые интерактивные элементы и нажмите «Опубликовать».
Привлекательная посадочная страница для 404 ошибки будет тут же создана. Никаких дополнительных настроек производить не нужно.
Ниже можно увидеть примеры 404 error на Reboot.
Пример без сайдбара:
Пример с сайдбаром:
Сама тема Reboot отлично подходит для сайтов разной тематики и направленности. На ней можно развернуть блог, портфолио, портал с услугами компании и многие другие варианты online-ресурсов.
По кнопке ниже можно приобрести Reboot со скидкой в 15%, активировав промокод. Акция распространяется на любой вариант лицензии (как на один домен, так и на их неограниченное количество).
Промокод на Reboot
Выводы
Страница 404 должна не просто «существовать» на сайте, а работать на вебмастера. В Интернете можно найти массу маркетинговых идей, как использовать ее в своих интересах. Ознакомьтесь с ними, а после оформите свой уникальный вариант «Не найдено» и выведете его при помощи описанных мной выше способов на своем ВордПресс-сайте.
Пожалуйста, оцените материал:
