Ошибаться красиво — рассказываем про ошибки 404

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

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

Когда можно увидеть ошибку 404

Вот несколько распространенных способов отображения ошибки HTTP 404:

Ошибка 404
404 не найдено
Error 404
Запрошенный URL не был найден на этом сервере
HTTP 404
Ошибка 404, не найдено
404 – файл или каталог не найден
404, Страница не найдена

Сообщения об ошибках 404 Not Found могут появляться в любом браузере или любой операционной системе. Большинство ошибок 404 Not Found отображаются в окне интернет-браузера так же, как и веб-страницы.

В Internet Explorer сообщение «Веб-страница не найдена» обычно указывает на ошибку HTTP 404, но возможна ошибка 400 Bad Request. Вы можете проверить, на какую ошибку ссылается IE, проверив наличие 404 или 400 в строке заголовка.

404 ошибки, полученные при открытии ссылок через приложения Microsoft Office, приводят к появлению на интернет-сайте сообщения о том, что запрошенный вами элемент не может быть найден (HTTP/1.0 404) в программе MS Office.

Когда Центр обновления Windows выдает ошибку 404, он отображается в виде кода 0x80244019 или в виде сообщения WU_E_PT_HTTP_STATUS_NOT_FOUND.

Причины ошибок HTTP 404

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

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

Веб-серверы Microsoft IIS иногда предоставляют более конкретную информацию о причине ошибок 404 Not Found, добавляя после 404 суффикс, как в HTTP Error 404.3 — Not Found, что указывает на ограничение типа MIME.

Как исправить ошибку 404 Not Found

Повторите загрузку веб-страницы, нажав клавишу , нажав/коснувшись кнопки обновления/перезагрузки, или снова попробовав ввести URL в адресной строке.

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

Например, если www.web.com/a/b/c.html выдал ошибку 404 Not Found, попробуйте перейдите на страницу www.web.com/a/b/. Если вы ничего не нашли здесь (или ошибка), перейдите на www.web.com/a/. Это должно привести вас к тому, что вы ищете, или, по крайней мере, подтвердить, что оно больше не доступно.

Если вы перешли на домашнюю страницу веб-сайта, попробуйте выполнить поиск нужной информации. Если на сайте нет функции поиска, попробуйте перейти на страницу, которую вы хотите, используя ссылки категории, чтобы углубиться в сайт.
Поиск страницы из популярной поисковой системы. Вполне возможно, вы используете неправильный URL-адрес, и в этом случае быстрый поиск в Google или Яндексе приведет вас туда, куда вы хотите.

Если вы нашли страницу, которую хотели посетить, обновите свою закладку или избранное, чтобы избежать ошибки HTTP 404 в будущем.
Очистите кеш браузера, если у вас есть признаки того, что сообщение 404 Not Found может быть только вашей ошибкой. Например, если вы можете получить доступ к URL-адресу со своего телефона, но не с планшета, очистка кэша в браузере планшета может помочь.

Вы также можете рассмотреть возможность очистки файлов cookie вашего браузера или, по крайней мере, файлов, связанных с данным веб-сайтом, если очистка кэша не работает.
Измените DNS-серверы, используемые вашим компьютером, но обычно это помогает только в том случае, если весь веб-сайт выдает ошибку 404, особенно если веб-сайт доступен тем, кто работает в других сетях (например, в вашей сети мобильной связи или у друга в другом городе).

404 на всём сайте не особенно распространены, если только ваш интернет-провайдер или правительство не фильтруют/цензируют веб-сайты. Независимо от причины, если это произойдет, попробуйте другой набор DNS-серверов.
Свяжитесь с сайтом напрямую. Если они удалили страницу, за которой вы следите, то ошибка 404 вполне законна, и они должны быть в состоянии сообщить вам об этом. Если они переместили страницу и генерируют 404 вместо того, чтобы перенаправлять посетителей на новую страницу, они будут рады услышать от вас, чтобы они могут исправить это.
Наконец, если ничего не помогает, подождите. Нет, это не весело, но это может быть единственным способом действий, особенно если вы уверены, что ошибка 404 не должна возникать (т.е. страница действительно должна отображаться по URL-адресу, который у вас есть, и другие сталкиваются с той же проблемой и находят это одинаково странным).

Вы можете найти 404 ошибки на своем собственном веб-сайте с помощью таких инструментов, как DeadLinkChecker.com и ATOMSEO.

Ошибки, похожие на ошибку 404

Некоторые другие сообщения об ошибках на стороне клиента, относящиеся к ошибке 404 Not Found, включают 400 Bad Request, 401 Unauthorized, 403 Forbidden и 408 Request Timeout.

Также существует несколько кодов состояния HTTP на стороне сервера, например популярная 500 Internal Server Error.

Когда мы вводим на сайте неверный адрес или щёлкаем по «мертвой» ссылке, он должен выдать стандартный код ответа HTTP — Not Found или «Ошибка 404». Но хорошо оформленная страница (с точки зрения дизайна и юзабилити) может не только поднять настроение пользователю, но и понять, что делать дальше.

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

Что значит ошибка 404?

У этой ошибки много имён:

404 Not Found
404 Error
HTTP 404 Not Found
The page cannot be found
The requested URL was not found on this server

Своё название страница 404 получила от кода ответа сервера 404 — он означает, что сервер ничего не нашёл по указанному адресу. Обычно такая ошибка возникает, когда человек вводит некорректный адрес сайта или переходит по несуществующей ссылке (например, когда вы удалили старую ссылку, а в поисковой индексации она осталась).

Страница 404 — та, которая открывается автоматически, если запрашиваемый сайт невозможно найти. Такая страница может возникнуть на любом сайте, потому что её невозможно проконтролировать полностью.

Зачем нужна страница 404?

Кажется, что можно и обойтись без собственного дизайна страницы ошибки? Но на самом деле страница 404 нужна всем по нескольким причинам:

Вы не можете предотвратить все случайные ошибки, опечатки. Например, ваш потенциальный клиент может пропустить букву, не найти того, что искал и просто уйти.
Если у вас многостраничный сайт, то достаточно сложно отследить все адреса. К примеру, какой-то раздел сайта удалили, а где-то могли заменить адрес для улучшения SEO-показателей.
Когда у вас много неоформленных страниц 404, с которых пользователи не могут перейти на главную или другие разделы, у вашего сайта снижаются позиции в органическом поиске. Так что продумать дизайн страницы 404 — полезно для SEO.

В каких случаях возникают ошибки 404

На самом деле причин не так много. Вот несколько наиболее распространённых примеров:

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

Неправильная переадресация тоже может быть причиной появления ошибки, поэтому при установке редиректа всегда необходимо проверять, всё ли работает корректно. Подробнее об этом можете прочитать в статье «Как поменять домен, чтобы сайт не просел в поисковой выдаче».

Памятка о создании страницы 404 — о чем стоит помнить

Хороший дизайн страницы 404 — способ по-человечески поговорить с вашим пользователем и удержать его на сайте. Поэтому при создании страницы с ошибкой держите в голове несколько правил.

Объясните пользователю, что вообще происходит

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

Развлекайте и веселите

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

Конечно тон сообщения на странице ошибки зависит от позиционирования вашего бренда, но если есть возможность пошутить — почему нет?

Верните пользователя на сайт

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

Сохраняйте свой стиль

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

Будьте на шаг впереди

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

Читать также: Код возврата при ошибке программы

Кстати, у Google и Яндекс есть бесплатные сервисы для веб-мастеров, которые помогают найти неработающие ссылки.

12 примеров страниц 404

Теперь давайте рассмотрим удачные на наш взгляд примеры четырестачетвёртых страниц.

Или, к примеру, сервис email-рассылок «MailChimp» не только порадует пользователя прикольной иллюстрацией, но и вернёт на главную страницу.

Сайт игровой компании «Blizzard» ломается в прямом смысле этого слова.

Некоторые компании делают страницы 404 интерактивными. Например, «Canva» предлагает пользователю собрать несложный пазл.

А сайт «Amphibian» — целую мини-игру с лягушками.

А как насчёт не менее известного «Docker», где расстроенный кит смотрит на утонувший корабль. Нравится ли вам такая анимация?

Ещё одну интересную реализацию ошибки 404 можно найти в блоге «Я люблю иконки». Попадая на такую страницу, посетитель увидит светящиеся число 404, по которому пробегает ящерица — очень креативно!

Если продолжать говорить о милых анимациях, то посмотрите на сайт «Airbnb» — при переходе на сломанную ссылку вы увидите не только девочку с упавшим мороженным, но и найдёте полезные ссылки.

А некоторые сайты предлагают целую блок-схему действий для тех, кто попал на страницу с ошибкой. Отличный пример — сайт «Orangecoat».

Страница «9GAG» обыгрывает ошибку 404, используя популярные мемы.

И ещё один пример — сайт «Discord». Здесь вы не только увидите анимацию с робото-хомяком, который старательно чинит страницу, но и полезные ссылки с очень креативным текстом для поднятия настроения!

Идеальной формулы для страницы 404, конечно, не существует. Всё индивидуально и зависит от конкретного бизнеса — будьте креативными, но и не забывайте о пользе для посетителя сайта.

В статье мы расскажем, что означает ошибка 404 на сайте. Также она может называться:

404 page not found,
http error 404,
error 404.

Ниже мы опишем, почему возникает ошибка 404, а также как её отследить и исправить.

404 ошибка (http error 404) — что это значит?

Ошибка 404 page not found — это код ответа сервера. Что это значит?

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

Почему такое может произойти? Есть несколько возможных причин:

Вы допустили ошибку при вводе адреса страницы или при открытии файла в браузере. Или браузеру не удалось найти IP-адрес сервера. Сервер не может найти и выдать данные потому, что вы дали ему неправильные «координаты». В таком случае вам достаточно просто исправить ошибку в URL-адресе, и вместо страницы с ошибкой 404 появятся искомые страница/файл.
Данные (страница или файл) не размещены на сервере, или CMS неверно отвечает на запрос пользователя. В этом случае дело обстоит сложнее и быстро справиться с проблемой не получится. Чтобы устранить ошибку 404, определите, как создавался сайт, на котором обнаружена ошибка (на CMS или без использования CMS). От этого будет зависеть способ решения проблемы.

Мы рассмотрим, что делать с ошибкой 404 и как исправить.

Как убрать ошибку 404 на сайте, созданном на CMS (WordPress, Joomla, 1С-Битрикс и т.д.)

На сайтах, созданных с использованием CMS, встречаются различные страницы с ошибкой 404 (http status 404). В зависимости от типа страницы с ошибкой различаются причины возникновения и пути решения проблемы:

Если вы видите на своём сайте стандартную ошибку 404 REG.RU:

В большинстве случаев проблема связана с отсутствием конфигурационного файла .htaccess. Как избавиться от ошибки 404? Создайте в корневой папке сайта пустой текстовый файл с расширением .htaccess и добавьте в него стандартные директивы для используемой CMS. Стандартные директивы приведены в статье: Файлы .htaccess для популярных CMS.

Важно: в панели управления cPanel файл .htaccess по умолчанию скрыт (т.е. он существует, но не виден). Следуйте инструкции, чтобы включить отображение файла. Затем сверьте его содержимое со стандартным.

Если файл .htaccess существует и его содержимое корректно, а ошибка 404 not found сохраняется, обратитесь в техническую поддержку.

Если вы видите иную страницу ошибки, которую отдает CMS сайта. Например:

Пользовательская ошибка 404 not found

Возможно, страница не создана или не опубликована на этапе размещения сайта в админке CMS. Также ошибка может быть связана с формированием «человекопонятных» ЧПУ-ссылок с помощью SEO-плагинов. Чтобы избавиться от проблемы, необходимо обратиться к веб-разработчикам сайта или на тематические форумы, на которых представлена необходимая техническая информация (ошибка http 404).

Как быстро устранить ошибку 404 на сайте, созданном без использования CMS

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

Что означает это сообщение? Запрашиваемые страница/файл отсутствуют или размещены в неправильной папке (не в корневой папке сайта).

Что делать? Откройте корневую папку сайта в панели управления хостингом и проверьте, находятся ли в ней файлы вашего сайта.

Как находить и мониторить код ошибки 404?

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

Яндекс.Вебмастер,
Google Search Console,
Screaming Frog.

Ниже мы описали, как работать с каждым из них.

Перейдите в раздел Индексирование — Страницы в поиске:

HTTP status 404 — что это

Выберите Исключенные страницы:

Добавьте фильтр, при котором отобразятся результаты с ошибкой «404 page not found»:

Google Search Console

Авторизуйтесь в Google Search Console.
Разверните блок Индекс и выберите Покрытие:

404 ошибка: что это

Используйте фильтр, который покажет код ошибки 404. Для этого перейдите в раздел Сведения и кликните Отправленный URL не найден (ошибка 404):

Ошибка 404: что значит и как исправить

Загрузите программу с официального сайта.
Установите её на компьютер.
Откройте программу, введите ссылку на сайт и нажмите Start:

Перейдите во вкладку Response Code. Из выпадающего списка выберите фильтр Client Error (4xx):

Открывается только главная страница сайта, на внутренних страницах ошибка 404 или 500

Рассмотрим, что значит и как исправить ошибку отображения внутренних страниц сайта (error 404 или 500). Причиной проблемы является отсутствие файла .htaccess (либо он пустой, либо в нем не хватает необходимых директив для работы CMS). Решить проблему может замена текущего файла .htaccess стандартным для данной CMS.

На хостинге Linux

Если у вас ISPmanager, проверьте, не включены ли Автоподдомены. Если они включены, отключите их, проверьте актуальность проблемы.

В остальных случаях для устранения внутренней ошибки 404 или 500, перейдите в корневую папку сайта: Как узнать корневую папку сайта
Создайте файл .htaccess (или замените его) со следующим содержимым:

Файл .htaccess для Joomla

##

# @version $Id: htaccess.txt 14401 2010-01-26 14:10:00Z louis $
# @package Joomla
# @copyright Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
# @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
# Joomla! is Free Software
##
#####################################################
#  READ THIS COMPLETELY IF YOU CHOOSE TO USE THIS FILE
#
# The line just below this section: 'Options +FollowSymLinks' may cause problems
# with some server configurations.  It is required for use of mod_rewrite, but may already
# be set by your server administrator in a way that dissallows changing it in
# your .htaccess file.  If using it causes your server to error out, comment it out (add # to
# beginning of line), reload your site in your browser and test your sef url's.  If they work,
# it has been set by your server administrator and you do not need it set here.
#
#####################################################

##  Can be commented out if causes errors, see notes above.
Options +FollowSymLinks

#
#  mod_rewrite in use

RewriteEngine On

########## Begin - Rewrite rules to block out some common exploits
## If you experience problems on your site block out the operations listed below
## This attempts to block the most common type of exploit `attempts` to Joomla!
#
## Deny access to extension xml files (uncomment out to activate)
#
#Order allow,deny
#Deny from all
#Satisfy all
#
## End of deny access to extension xml files
RewriteCond %{QUERY_STRING} mosConfig_[a-zA-Z_]{1,21}(=|\%3D) [OR]
# Block out any script trying to base64_encode crap to send via URL
RewriteCond %{QUERY_STRING} base64_encode.*\(.*\) [OR]
# Block out any script that includes a