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