Как правильно настроить 404 ошибку

Как сделать редирект 404 ошибки

Посетители сайта видят 404 ошибку, если страница, на которую они пытаются перейти, не существует или по какой-то причине сервер не может её найти. В статье рассмотрим, что это за ошибка и какое влияние она оказывает на поведенческие факторы пользователей и SEO. А также разберем, как настроить редирект 404 ошибки через .htaccess.

Что такое ошибка 404

Ошибка 404 (File not found) возникает, когда сервер не может найти запрашиваемую пользователем страницу. От ее появления не застрахован ни один сайт. Достаточно ввести в адресной строке после домена рандомный набор символов. Например:

Сервер не сможет найти страницу, и отобразится ошибка:

Ошибка 404 на сайте reg.ru

Также с ошибкой 404 можно столкнуться в следующих случаях:

• Администратор сайта удалил или переместил страницу, но не сделал редирект на актуальный материал.
• Изменилась структура сайта, а у страниц остались старые URL.
• Посетитель опечатался в адресе, когда вводил его вручную.
• Посетитель перешел по «битой» ссылке, которая ведет на несуществующую (удаленную или перемещенную) страницу.

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

Код 404 не стоит путать с другими похожими ошибками. Например, 403-й, которая означает, что доступ к ресурсу ограничен или запрещен. Подробнее о том, как ее исправить в статье.

Иногда при загрузке несуществующей страницы браузер получает ответ 200 вместо 404. Такой случай называют Ложной ошибкой (Soft 404). Он означает, что со страницей всё в порядке, хотя пользователь видит ошибку. Также проблема заключается в том, что Яндекс и Google показывают эту страницу в результатах поиска. Чтобы проверить код ошибки, воспользуйтесь проверкой URL от Google.

Наличие ложных ошибок негативно сказывается на SEO-продвижении и затрудняет видимость основного контента сайта. Чтобы это исправить, нужно вручную настроить редирект на страницу с ошибкой 404 для всех несуществующих страниц.

Возможные последствия для сайта

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

Также важно следить за тем, чтобы на сайте было как можно меньше несуществующих страниц, битых ссылок и т. п. Чтобы отыскать их, можно воспользоваться веб-инструментами Яндекс и Google или другими сервисами. Найдите все, что нужно поправить, настройте 301-й редирект на актуальные материалы и замените некорректные ссылки.

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

Рекомендации по созданию страницы 404

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

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

Важно, чтобы страница была информативной и полезной:

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

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

Примеры страниц с ошибкой 404

СберМаркет предлагает познать мудрость котов и цены на сайте

404 ошибка в разделе «Помощь» на сайте REG.RU

Как создать страницу ошибки 404 и настроить редирект на нее в .htaccess

Создайте страницу одним из следующих способов:

Если вы знаете HTML и CSS, напишите код страницы самостоятельно и загрузите файл с названием 404.html в корневую папку сайта.

Если навыков верстки нет, в интернете можно найти бесплатные шаблоны со страницами ошибки. Скачайте файл и добавьте его в корневую папку.

Если вы используете WordPress, воспользуйтесь плагином 404page — your smart custom 404 error page по инструкции ниже. Обратите внимание! Если вы воспользовались плагином, вам не нужно прописывать путь к файлу в .htaccess.

1) Откройте админку вашего сайта в WordPress.

2) Перейдите в раздел «Плагины» и нажмите Добавить новый.

3) В строке поиска введите название 404page — your smart custom 404 error page.

4) Нажмите Установить → Активировать:

5) Перейдите в раздел Внешний вид → 404 Error Page.

6) Выберите в списке Sample Page, чтобы сменить стандартную страницу ошибки, и нажмите Edit Page:

7) Создайте страницу в открывшемся визуальном редакторе и нажмите Обновить:

Готово! После обновления страница будет использоваться автоматически.

Откройте конфигурационный файл .htaccess в корневой папке вашего сайта и добавьте в него строку:

Где вместо site.ru — домен вашего сайта.

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

Также рекомендуется закрыть служебную страницу 404 от индексации, чтобы она не возникала в поисковой выдаче вместе с остальными страницами сайта. Для этого откройте файл robots.txt в корневой папке сайта, добавьте соответствующую команду и сохраните изменения:

Редирект с 404 на главную (не рекомендуется)

Чтобы не создавать отдельную страницу ошибки 404, некоторые веб-разработчики прописывают в .htaccess редирект на главную страницу сайта. Это нежелательно делать с точки зрения SEO-оптимизации.

Также редирект на главную страницу может ввести пользователей в заблуждение. Представьте, что вместо искомой страницы у посетителя открывается главный экран сайта. Будет непонятно, почему это произошло, ведь пользователь искал какой-то конкретный контент и не узнает, что не сможет найти его.

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

Проверка редиректа 404

Проверить, корректно ли все настроено можно в Яндекс.Вебмастер и Google Search Console.

Яндекс.Вебмастер

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

В коде статуса HTTP должно отображаться 404 Not Found:

Google Search Console

Если вы используете этот инструмент впервые, укажите свой домен и пройдите валидацию, добавив TXT-запись/загрузив файл в корневую папку сайта или с помощью других способов.

На сайте небольшого объема можно самостоятельно следить за наличием ошибок и постараться не допускать того, чтобы на нём было много страниц, утративших актуальность. Своевременно настраивайте 301 редиректы, когда статья в справке, страница или товар теряют актуальность.

Источник

404 ошибка. Проверка, настройка, оформление страницы

Задача любого сайта заключается в том, чтобы завоевать максимальный объем читательской аудитории в своей нише – это доходы от рекламы и прибыль от продаж. Но такая задача может быть реализована только таким ресурсом, которые полностью выполняет требования поисковых систем. Одно из требования поисковиков к сайтам – это корректная обработка сайтом всех поступающих запросов, включая ошибочные. Настройка страницы 404 ошибки является составляющей такой оптимизации ресурса.

404 ошибка — это код, который отдает ваш сайт на запрос любой несуществующей страницы. Неважно по какой причине страница не найдена – не было ее никогда или ее удалили – поисковик должен получить ошибку 404 и понять, что индексировать данный URL нельзя. Каждый “правильный” сайт должен иметь настроенную страницу для вывода этой ошибки.

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

Как проверить 404 ошибку

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

Внутренняя – появляется в следствии нарушения внутренней перелинковки или при допущении ошибок в навигации. Где-то на сайте вы поставили ссылку на несуществующую страничку. Часто бывает так, что страница была удалена по какой-то причине, а ссылки на нее где-то остались.

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

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

• Проверим настройку 404 ошибки для поисковиков. Для этого переходим по адресу webmaster.yandex.ru/addurl.xml . В строке “Сайт” вводим “Url” — адрес несуществующей страницы, например, http://DmitriyZhilin.ru/krakazyabra/, вводим “капчу” и жмем на кнопку “Отправить”. Правильно настроенная 404 страница выдаст вот такое сообщение.

• Берем адрес несуществующей страницы http://DmitriyZhilin.ru/krakazyabra/ и вставляем ее в адресную строку браузера, если в ответ откроется окно следующего вида, то ваш сайт правильно обрабатывает эту ошибку.

Настройка 404 ошибки

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

1) Обработка ошибки сервером

Стандартные средства WordPress

Если вы используете WordPress, то все запросы (правильные и неправильные) проходят через index.php и уже он перенаправляет их на нужные страницы, включая 404.php. Файл с таким названием находится в теме вашего блога. Если его нет, то при получении запроса на несуществующую страницу, сайт может перенаправлять пользователя на главную и не выдавать 404 ошибку – это неправильно.

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

404 ошибка через htaccess

Если ваша CMS автоматом не поддерживает 404 ошибку, как это сделано в Вордпресс или вы хотите просто использовать другой файл, который не будет связан с движком сайта, то нужно в файле .htaccess, который располагается в корневой папке на хостинге, внести следующую строчку, указывающую путь к странице ошибки:

Данный метод подходит для ресурсов, которые работают под Apache. Если же ресурс работает под ngnix (Unix), то откройте файл ngnix.conf и добавьте код:

2) Оформление страницы 404

В плане дизайна никаких особых требований к этой странице нет – она может выполнена по аналогии с другими страницами сайта, а может не иметь с ними ничего общего. Но, для того, чтобы страница не только уведомляла об отсутствующем документе, но и помогала сохранять пользователей на сайте, стоит снабдить ее ссылками на другие страницы ресурса (карту сайта, рубрики)/поиском по сайту с текстом рекомендаций. Так сказать, страница должна побуждать пользователей посетить другие документы вашего сайта – это улучшит поведенческие факторы и, возможно принесет вам дополнительных постоянных читателей.

Помимо этого, оформление 404 страницы должно быть понятным и приятным, чтобы удерживать посетителей на ресурсе. Допустим, на ваш блог пришел посетитель, предположим, с форума. Но ссылка, по которой он осуществлял переход оказалась битая и выдала 404 ошибку. Он, естественно, захочет ее покинуть и в будущем, вряд ли еще вернется. Так вот, если страница 404 будет оформлена красиво и зацепит, то ему захочется оценить другой материал, который вы опубликовали.

Изменить страницу 404 вручную

Что бы придать странице привлекательный вид на своем блоге (вставить картинки, разместить внутренние ссылки, поиск по сайту, рекламу), для этого следует отредактировать файл 404.php расположенный в корневой папке темы – я уже писал об этом выше. Доступ к нему можно получить прямо из админки (раздел “внешний вид”-“редактор”), либо через FTP.

Давайте посмотрим, как можно его отредактировать. Все ниже описанные действия я буду проводить в административной панели на примере файла одного из клиентских блогов. Открывайте код и смотрите на картинку ниже:

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

Выделенную часть можно спокойно удалить. Это ничего не нарушит. Чтобы вставить картинку, нужно разместить этот html код:

После добавления картинки, все будет выглядеть примерно так:

Таким образом, у нас получается готовая страница 404 ошибки, которую мы можем оставить в таком виде. Однако, помимо этого мы можем вставить в нее и другие элементы управления, например, список «Рубрики» или «Последние записи». Думаю, читателя это будет не только полезно и интересно, но и поможет нам задержать его как можно дольше.

Показать «Рубрики» блога:

Показать «Последние записи» блога:

После того, как вы вставите соответствующие строчки, то страница ошибки 404 приобретет вид:

Плагин для создания страницы 404

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

Плагин Custom 404 Error Page — это очень функциональный плагин для создания страницы, которая будет выдавать ошибку 404. Имеет ряд встроенных шаблонов, позволяет вставлять ссылки, настраивать цвет, размер и стиль шрифта, а так же вставлять изображение.

Плагин 404 Notifier — в отличие от предыдущего не предложит вам ничего редактировать. Этот плагин напрямую работает с посетителем и при попадании пользователя на несуществующую страницу, просто перенаправляет на более подходящую.

Для вдохновения, посмотрите как оформляют данную страницу другие вебмастера.

Примеры страниц ошибки 404

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

Источник