404 ошибка встречается в вебе достаточно часто. Пользователи, которые попадают на такую страницу чаще всего закрывают сайт потому что не знают что делать. Чтобы исключить потерю трафика и снижение поведенческих факторов, необходимо сделать страницу информативной и привлекательной. В статье разберемся, почему со временем на сайте появляются 404 ошибки, рассмотрим, какие элементы лучше разместить на странице и покажем как настроить 404 страницу WordPress.
Что значит 404 ошибка
Ошибка 404, или «Not Found», является стандартным кодом состояния HTTP, который указывает на отсутствие запрашиваемого ресурса на сервере. Эта ошибка возникает, когда пользователь пытается получить доступ к странице сайта, но сервер не может его найти.
Важно отметить, что 404 ошибка вовсе не означает, что сайт не работает или недоступен. Страница 404 сообщает, что доступ к сайту и серверу успешно выполнен, но документ по текущему URL не найден.
Ошибка 404. Почему появляется?
Чаще всего 404 ошибка возникает по одной из следующих причин:
Ошибка при вводе URL. При вводе URL в адресной строке, легко допустить опечатку или пропустить букву. Если вы ввели неверный url, сайт вернет 404 страницу.
Ссылка на вашем сайте ведет на несуществующие страницы. Если страницы вашего сайта содержат ссылки на несуществующие страницы, то появится 404 ошибка. В этом случае нужно заменить ссылку на верную.
Устаревшая ссылка на других сайтах. Если вы изменили URL страницы, а ссылка на нее была размещена на других сайтах, то будет открываться 404 страница. В данном случае, нужно будет настроить 301 редирект.
Неправильно настроен сервер. Неправильная настройка сервера или закрытый доступ к определённым файлам или директориям может вызвать ошибку 404.
Ошибки во внутренней структуре сайта. Неправильно указанные пути ссылок могут привести к тому, что сервер не сможет найти соответствующую страницу и вернёт ошибку.
Почему важно настроить на сайте 404 страницу
Отслеживать работоспособность всех ссылок на сайте крайне сложно. Специальные плагины облегчают эту задачу, но все равно не гарантируют 100%-ое отсутствие некорректных ссылок. А значит, ошибка 404 Not Found будет возникать на вашем ресурсе время от времени. Поэтому, сделать страницу 404 крайне важно.
Выделю несколько важных пунктов, почему страница 404 важна:
Поведенческие факторы. Когда пользователь попадает на страницу ошибки, есть большая вероятность, что он покинет сайт. Когда у вас хорошо оформленная страница 404, вы можете заинтересовать человека, подсказать где находятся полезные разделы сайта или предложить найти нужную страницу в поиске.
SEO. Наличие страницы ошибки 404 помогает поисковым роботам корректно индексировать ваш сайт. Если разместить ссылки на полезные разделы сайта или статьи, это поможет роботам быстрее обрабатывать информацию на вашем сайте.
Доверие. Отсутствие страницы 404 негативно влияет на репутацию вашего сайта и компании. Вряд ли вы оставите положительное впечатление у посетителя, если он увидит вместо красивой и информативной страницы – стандартное 404 Not Found.
Как сделать 404 страницу привлекательной
Когда пользователь видит страницу с ошибкой, он может решить, что ваш сайт не работает и закроет его. Чтобы этого не случилось, нужно правильно оформить страницу.
Рекомендации по оформлению:
Объясните, что произошло. Используйте простые и понятные термины. Укажите код ошибки, напишите, по какой причине возникла ошибка.
Предложите вернуться на сайт. Добавьте кнопку «Вернуться на главную» или меню для навигации, чтобы пользователь мог легко перейти в нужный раздел.
Помогите найти нужную страницу. Разместите строку поиска, чтобы человек мог сразу найти нужный раздел/страницу сайта.
Предложите сообщить об ошибке. Добавьте форму обратной связи, чтобы пользователи могли сообщить об ошибке.
Разместите привлекательную картинку. Добавьте на страницу интересную картинку или забавную анимацию.
Добавьте интерактив. Можно добавить квиз, игру или другие способы взаимодействия со страницей.
Предложите компенсацию. Если у вас интернет-магазин или сайт услуг, можете в качестве компенсации за посещение несуществующей страницы предоставить скидку или промокод.
Сохраните стилистику сайта. Оформление страницы 404 должно соответствовать общему дизайну сайта, чтобы пользователи не терялись.
Как создать и оформить страницу 404 ВордПресс
В ВордПресс есть несколько способов создать страницу 404. Основной – создание через файл 404.php. Этот файл по-умолчанию присутствует в большинстве шаблонов. Также можно сделать страницу ошибки через специальный плагин и визуальные редакторы (Gutenberg и Elementor). Ниже рассмотрим все методы.
Файл php
Через файл 404.php шаблона
Подключитесь к сайту через FTP и откройте корневую папку сайта. Далее пройдите по такому пути wp-content/themes/ВАША_АКТИВНАЯ_ТЕМА. Именно здесь находится файл 404.php.
В Редакторе тем этот файл называется Шаблон ошибки 404.
Если в вашей теме нет файла, то можете создать его самостоятельно.
После создания файла нужно обязательно добавить в него функции вызова шапки и подвала, чтобы подключились все стили и скрипты шаблона.
<?php get_header() ?>
<?php get_footer() ?>
Откройте файл в редакторе кода и приступайте к оформлению и добавлению элементов на страницу. Для этого понадобятся знания HTML, PHP и CSS.
Плагин
Настраиваем 404 страницу плагином
Рассмотрим популярный плагин Smart Custom 404 Error Page. Главное преимущество этогплагина в том, что страница ошибки будет возвращать правильный код 404 Not Found, без использования редиректов. Это крайне важно для SEO, потому что 404 сообщает роботу, что страницы нет и индексировать ее не нужно, а страница с редиректом может быть добавлена в индекс.
Активируйте плагин. В разделе Внешний вид появился новый подраздел Страница 404 ошибки.
Откройте Страницы > Добавить страницу. Оформите ее в стилистике вашего сайта, добавьте необходимые блоки и элементы.
Когда страница будет создана, вернитесь в настройки плагина и выберите эту страницу в выпадающем списке и сохраните изменения.
Готово! Страница ошибки готова. Можете вписать несуществующий адрес сайта в браузере и проверить, как она выглядит.
В настройках плагина вы также найдете дополнительные опции. Изучите их, в дальнейшем они вам могут пригодится.
Gutenberg
404 страница в Gutenberg
Данный способ доступен только для блочных тем WordPress.
У блочных тем в разделе Внешний вид есть подраздел Редактор (не Редактор тем⚠️). Это блочный редактор страниц.
Откройте Редактор > Шаблоны.
В списке шаблонов найдите Страница: 404.
Нажмите на шаблон – откроется визуальный редактор страницы. Добавьте необходимый текст, элементы, блоки и сохраните шаблон.
Готово! Страница создана. Можно проверять.
Elementor
Страница ошибки в Elementor
Если у вас установлена PRO-версия Elementor, то создать страницу 404 очень просто. Готовые шаблоны уже встроены в редактор.
Откройте Шаблоны > Конструктор тем.
Выберите шаблон страницы 404.
Откроется библиотека готовых шаблонов страниц 404 Not Found.
Выберите понравившийся шаблон и добавьте его на страницу.
Нажмите Опубликовать, чтобы сохранить страницу. Во всплывающем окне выберите 404 page. И нажмите Save & Close.
Готово! Чтобы проверить страницу, введите в браузере рандомный адрес страницы.
Если у вас нет PRO-версии плагина Elementor, то можно поступить следующим образом:
С помощью Elementor создайте обычную страницу и оформите ее как страницу 404.
Воспользуйтесь плагином Smart Custom 404 Error Page. Зайдите в его настройки и выберите страницу, созданную через Elementor.
Сохраните изменения.
htaccess
Страница 404 через .htaccess
В качестве дополнительного способа рассмотрим, как можно задать страницу 404 через конфигурационный файл .htaccess.
Файл .htaccess находится в корневой директории сайта.
Добавьте в файл строку, которая дает указания серверу, какую страницу показывать в случае возникновения 404.
ErrorDocument 404 https://site.ru/page-404/
Далее, нужно создать страницу со ссылкой page-404 и оформить ее как страница ошибки. Это мы уже делали в методе с помощью плагина.
Страницу page-404 необходимо скрыть от индексации в файле robots.txt или с помощью seo-плагинов.
Отслеживание ошибок 404 на сайте WordPress
Мы создали красивую страницу ошибки и теперь она появляется каждый раз, когда пользователь вводит неверный адрес в браузере. Однако, если ошибок возникает слишком много, это может негативно повлиять на продвижение сайта. Поэтому необходимо добавить в админку контроль за посещениями страниц 404.
Существует большое количество плагинов, которые отслеживают ошибки. Мы рассмотрим плагин Redirection.
После установки и первоначальной настройки появится новый подраздел Redirection в разделе Инструменты.
Откройте Redirection и переключитесь вверху страницы в режим просмотра ошибок 404.
Таблица содержит все ссылки, по которым проходят на ваш сайт и попадают на страницу «Not Found».
Если одна и та же ссылка повторяется много раз, то, возможно, где-то на сайте добавлен битый линк. Таким образом можно контролировать все переходы на 404 страницу.
