Ошибка 404 что это имя

Ошибка 404 — страница не найдена (error 404 page not found)

Ошибка 404 (Error 404) – это кодовый заголовок ответа HTTP браузеру о статусе HTML-документа, который сообщает, что сервер не обнаружил запрошенную программой-клиентом веб-страницу. Цифровой код «404», как правило, сопровождается сообщением «Страница не найдена» («Not Found»), реже – подробным объяснением причины возникновения ошибки.

Код статуса обозначается тремя цифрами в определенной последовательности:

• первая указывает на класс состояния. В данном случае «4хх» говорит об ошибке браузера (Client Error) – неправильно вбитом урле сайта в поле адресной строки либо отсутствии страницы на сервере;
• вторая – «0» – подразумевает ошибку синтаксиса протокола, принадлежность к группе ошибок «40х»;
• третья цифра в статус-коде «404» конкретизирует ошибку клиента – документ по указанному адресу не найден.

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

Национальные домены России со скидкой — домен RU, домен РФ.

Почему возникает ошибка 404, что означает

Подоплеки появления ошибки 404 выделяют разные. Она возникает в тех случаях, когда:

• посетитель неверно ввел адрес веб-ресурса;
• URL страницы переписали, но битая ссылка осталась на сторонних ресурсах либо в закладках браузера;
• имя файла на сервере и в коде не совпадают;
• страницу переместили или вовсе удалили с сайта.

В редких случаях в качестве исключения сообщение «Ошибка 404» появляется, когда сервер работает некорректно, ресурс атакован вирусом.

Как исправить 404 ошибку на чужом сайте

Для пользователей, которые столкнулись с этим явлением на чужом сайте, руководство к действию следующее:

1. Проверить url в адресной строке на наличие опечаток, попробовать ввести адрес заново.
2. Перезагрузить не обнаруженную страницу.
3. Вернуться на предыдущую страницу и снова совершить попытку зайти на нужную.

Сервисы, помогающие найти и устранить 404 ошибки

На своем сайте вебмастер использует несколько методов, чтобы определить несуществующие страницы, битые ссылки.

Google Webmasters (консоль для вебмастеров гугл)

В диагностике применяют инструменты для вебмастеров от гугл. Для этого:

1. Переходят в панель инструментов.
2. Выбирают адрес сайта.
3. В левом поле находят строку «Сканирование» и раскрывают список.
4. В списке выбирают опцию «Ошибки сканирования».
5. В правом поле под заголовком «Ошибки URL» выбирают закладку «ПК».
6. Уровнем ниже в закладке «Не найдено» будет указано количество страниц с ошибкой 404.
7. Далее следует развернутый список тех страниц, на которых обнаружили ошибку.
8. Отредактировав ошибки, страницы отмечают чекером.
9. Жмут на кнопку «Отметить как исправленные».

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

Подобным образом пользуются сервисом Яндекс.Вебмастер. Для анализа выполняют такие действия:

1. На главной странице выбирают опцию «Добавить сайт».
2. В появившейся строке вводят URL ресурса.
3. После добавления в левом поле выбирают в меню строку «Индексирование сайта»(Индексация сайта Яндексом может длиться несколько недель, метод подходит, если сайт уже добавлен и нужно найти ошибки 404).
4. Из выпавшего списка выбирают опцию «Исключенные страницы».
5. Результаты анализа размещаются ниже в виде списка несуществующих страниц.

Xenu’s Link Sleuth

Кроме популярных онлайн-сервисов проверить сайт на наличие битых ссылок возможно с использованием программ. С этой целью применяют бесплатную программу Xenu’s Link Sleuth. Вместе с битыми ссылками Xenu находит страницы, на которых подобные линки сохранились. Порядок действий следующий:

1. На панели меню выбирают кнопку «File».
2. В открывшемся списке нажимают «Check URL».
3. В верхней строке появившегося окна вводят домен.
4. Когда сайт просканировался, в результатах красным цветом выделяются адреса страниц с ошибкой и статусом «not found».
5. Чтобы выяснить, где размещаются ссылки на ненайденные страницы, красные линки выделяют, щелкают по ним правой клавишей мыши и выбирают операцию «URL properties».

После того, как Вы нашли 404 ошибки — их нужно устранить. Для этого следует или поправить битые ссылки (в случае опечатки), или настроить перенаправления (в случае, если страница была перемещена по другому адресу).

На нашем хостинге страницы Вашего ресурса не потеряются! Стоимость виртуального хостинга сайтов.

Влияние ошибки 404 на SEO

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

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

Сглаживание негатива от ошибки 404 на посетителя — оформление страницы картинками, ссылками

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

• дизайну странице в стиле сайта;
• присутствию элементов навигации, которые помогут сориентироваться и перенаправить посетителя;
• наличию списка популярных страниц ресурса.

Такой подход – продуманно оформленная страница с подсказками – поможет задержать посетителя на сайте, а не уйти раз и навсегда в поисках нужной информации на другие ресурсы.

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

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

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

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

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

1. Кроме стандартного сообщения, что страница не найдена, составляют доброжелательно обращение к пользователям, что введенный адрес набрали с ошибкой, и посоветовать перепроверить URL. Кроме того, пользователь найдет необходимую информацию, воспользовавшись поиском или вернувшись на главную страницу сайта.
2. На странице с сообщением об ошибке оставляют нужные элементы навигации: главное меню, сайдбар, футер, поле для поиска.
3. Оставляют ссылки на популярные страницы или последние записи сайта с предложением ознакомиться с ними.
4. Полезно дать посетителю шанс сообщить об обнаруженной ошибке, битой ссылке нажатием одной кнопки. Это поможет веб-мастеру улучшить сайт, а пользователю даст почувствовать, что его мнение ценят, а действие – полезно для ресурса.
5. Помимо прочего, здесь размещают координаты для обратной связи.

CMS WordPress и Ошибка 404

Ошибка 404 – распространенная проблема, которая возникает у неопытных пользователей CMS WordPress. Чаще при этом не ограничивается доступ к админ-панели, загружается главная страница, но при переходе по ссылкам на вложенные страницы появляется сообщение об ошибке 404. Такое случается, когда удаляют Htaccess файл либо некорректна работа правил перезаписи. Чтобы исправить положение, обновляют параметры постоянных ссылок.

Причинами появления сообщения об ошибке 404 служат также:

• изменение структуры ссылок;
• переименование страниц;
• битые ссылки.

Они возникают, когда существовавшая прежде страница удаляется, но ссылка на нее остается на посторонних сайтах. Проверить наличие мертвых ссылок ресурса на движке WordPress можно при помощи плагина Broken Link Checker. Для этого плагин устанавливают на сайт. Программу требуется активировать. После этого в консоли под кнопкой «Инструменты» в списке появляется опция «Неправильные ссылки». Статус страницы указывается в столбце «Состояние».

CMS Joomla и Ошибка 404

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

1. Заходят в административную панель.
2. Создают новый материал с подходящим названием. Логичным выбором станет: «Ошибка 404. Страница не найдена».
3. В материале пишут сообщение для пользователя с разъяснением причин ошибки и рекомендациями что делать.
4. При желании оставляют ссылки на иные разделы или поисковую строку.

Версии Joomla отличаются тонкостями в настройках страницы:

• в Joomla 2.5, 3.0 в настройках материала из списка под кнопкой «Категория» выбирают опцию «Uncategorised»;
• в версии Joomla 1.5 в списке «Раздел» и «Категория» из раскрывшегося перечня выбирают «Не указанно».

iPipe – надёжный хостинг-провайдер с опытом работы более 15 лет.

Мы предлагаем:

• Виртуальные серверы с NVMe SSD дисками от 299 руб/мес
• Безлимитный хостинг на SSD дисках от 142 руб/мес
• Выделенные серверы в наличии и под заказ
• Регистрацию доменов в более 350 зонах

И профессионалы в веб-разработке, и обычные интернет-пользователи нередко сталкиваются с сообщениями, где показывается трёхзначное число и текст на английском языке рядом с ним. Это коды состояния сервера, которые приходят в ответ на запросы. Их часто называют кодами ошибок, но на самом деле они оповещают не только об ошибках. Об этом мы поговорим чуть позже, но сначала разберёмся, для чего необходимы такие коды.

С самого начала и по сей день интернет основывается на взаимодействии двух составляющих, клиентов и серверов. Каждый раз, когда вы выходите в Сеть, вы пользуетесь тем или иным клиентом, чаще всего — браузером. И когда вы переходите на какой-либо сайт, происходит отправка запроса к веб-серверу, после которого следует тот или иной ответ. В результате вы либо видите с помощью клиента нужный сайт, либо получаете сообщение о недоступности сайта по какой-то причине.

Коммуникация между серверами и клиентами происходит с помощью протокола HTTP. Один из базовых элементов HTTP — это общепринятые коды состояния сервера. С их помощью пользователи клиентов могут видеть, был ли их запрос успешным или же что-то пошло не так. Коды состоят из трёх цифр и сопровождаются поясняющей фразой на английском языке, которая помогает человеку понять реакцию сервера. Первая цифра кода сообщает общий смысл ответа, а две другие указывают на конкретное объяснение. В начале кода состояния используются цифры от 1 до 5. Соответственно, выделяют пять классов кодов.

1xx Informational («Информационные»)

Эта группа кодов служит для того, чтобы информировать о текущем состоянии обработки запроса. То есть сервер ведёт работу с запросом и ответ только подготавливается. Например:

• 100 Continue («Продолжай»);
• 101 Switching Protocol («Переключение протоколов»).

2xx Success («Успех»)

Такие коды показывают, что всё произошло так, как планировалось:

• 200 OK («Хорошо»);
• 202 Accepted («Принято»);
• 208 Already Reported («Уже сообщалось»).

3xx Redirection («Перенаправление»)

Здесь речь идёт о ситуациях, когда вы запрашиваете один адрес, а сервер перенаправляет запрос на другой адрес:

• 300 Multiple Choices («Множество выборов»);
• 302 Moved Temporarily («Временно перемещено»);
• 305 Use Proxy («Используйте прокси»);
• 308 Permanent Redirect («Постоянное перенаправление»).

4xx Client Error («Ошибка клиента»)

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

• 400 Bad Request («Неверный запрос»);
• 403 Forbidden («Не уполномочен»);
• 404 Not Found («Не найдено»);
• 429 Too Many Requests («Слишком много запросов»).

5xx Server Error («Ошибка сервера»)

Эти коды состояния также говорят о неуспешности обработки запросов, но уже из-за некорректной работы сервера:

• 500 Internal Server Error («Внутренняя ошибка сервера»);
• 502 Bad Gateway («Ошибочный шлюз»);
• 503 Service Unavailable («Сервис недоступен»);
• 504 Gateway Timeout («Шлюз не отвечает»).

Всего существует более 60 официальных кодов состояния, которые закреплены в общепринятой документации, и более 30 неофициальных кодов, которые были введены отдельными компаниями. При этом их список продолжает пополняться по мере развития интернет-технологий.

Знания о кодах состояния необходимы для того, чтобы более эффективно диагностировать и исправлять ошибки в конфигурации сайта. Особенно это важно для SEO-продвижения, так как чем больше ошибок на сайте обнаружат поисковые роботы, тем ниже могут быть его позиции в выдаче. Отслеживать корректное отображение кодов можно через Яндекс.Вебмастер и Google Search Console.

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

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

Ответ сервера в зависимости от сайта может быть разным. Пользователь может увидеть оповещения:

• Error 404 Not Found;
• «404 Страница не найдена»;
• «HTTP 404 не найден»;
• «Ошибка 404».

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

404 – стандартный код, который используется в протоколе HTTP. Если расшифровать подробно, он означает, что браузер смог связаться с сервером, но не нашел данных, соответствующих запросу пользователя. Для сравнения, если человек введет в адресную строку браузера набор несвязанных символов и нажмет Enter, то не получит ответа 404, вместо этого появится один из трех вариантов: сообщение о невозможности установить соединение с сервером, отчет о невозможности получить запрошенный URL или просто поисковая выдача.

Как реализуется 404 с технической точки зрения

Опишем подробнее техническую сторону формирования страницы 404.

Когда браузер обращается к серверу по HTTP для запроса прописанного пользователем URL, он ждет конкретного цифрового ответа, кода. Например, когда удается найти интересующую страницу, браузер получает код 200 OK. В этом случае загружается и отображается содержимое введенного URL.

Расшифруем код «404»:

• первая 4 показывает, что в запросе содержалось слишком много символов или в нем имелась ошибка;
• цифра 0 указывает на то, что в запросе есть синтаксическая неточность;
• последняя 4 говорит о том, что запрошенной ссылки не существует.

Почему возникает ошибка 404

Перечислим самые распространенные ситуации, когда пользователь может получить ответ 404 Not Found.

• Адрес введен неправильно. Опечатки не редкость, когда пользователь печатает URL вручную. Также при копировании он может случайно не выделить часть адреса и вставить получившуюся ссылку в строку браузера не полностью. Важно отметить, что ошибка 404 невозможна, если человек неправильно написал имя домена. В этом случае никакая страница не загрузится, не будет даже номера ошибки.
• Страница удалена. Разработчики нередко удаляют страницы с устаревшей или ошибочной информацией. Например, когда компания отказывается от одной из своих услуг или больше не продает тот или иной товар. Пользователь может попробовать зайти на эту страницу по сохраненной ссылке, из истории браузера или со сторонних ресурсов и получить в ответ ошибку 404.
• Битый линк. Изначально нерабочая ссылка, которая никуда не ведет. Часто подобная проблема имеет место при организации внутренней перелинковки. Например, разработчик указал адрес страницы с услугой, которую он в будущем создаст, и разместил ее в одной из статей блога, но в итоге так никогда и не сделал этот URL.
• Неправильный редирект. Такое случается, когда в процессе редизайна изменили адрес страницы, но не поправили связанные ссылки. Например, сначала все URL с товарами были с порядковыми номерами, но в дальнейшем было решено перейти на ЧПУ (человекопонятный УРЛ).
• Проблемы на сервере. Редкий случай, когда происходят те или иные неполадки и страница пропадает.

Получается, когда сервер доступен, а страница – нет, пользователь получает 404.

Инструменты для поиска ошибок на сайте

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

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

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

1. Сначала нужно авторизоваться в Вебмастере с помощью аккаунта Яндекса.
2. Далее нужно перейти в «Индексирование», затем открыть вкладку «Доступные для поиска страницы», найти «Исключенные страницы».
3. Появится список, в котором нужно с помощью фильтра «Ошибка HTTP: 404» отделить все несуществующие страницы.

Обязательное условие для использования Вебмастера – метатег в HTML-коде главной страницы. Это позволяет идентифицировать пользователя как владельца сайта.

Google Search Console

С помощью консоли Google можно быстро обнаруживать несуществующие страницы, для этого понадобится выполнить всего 4 шага:

1. Авторизоваться в Google;
2. Зайти в Search Console;
3. Найти раздел «Ошибки сканирования», из него перейти в пункт  «Диагностика»;
4. Нажать на фильтр Not Found.

Пользователь сможет увидеть список страниц с 404, если предварительно выполнит несколько действий: получит проверочный код через Google Workspace, вставит его в записи DNS для своего домена и дождется, когда регистратор обновит данные. Этот шаг привяжет сайт к его электронной почте и позволит уберечь домен от злоумышленников.

SiteAnalyzer

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

Screaming Frog

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

Способы исправления ошибки 404

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

1. Неверный URL приводит к тому, что при переходе по линку появляется 404. Такое случается, например, когда в адресе есть опечатка и ее не нашли при выкладке контента. Нужно найти все такие ссылки и заменить их на правильные, которые будут давать браузеру ответ 200 OK.
2. Битый линк. Чаще всего подобная ситуация возникает из-за того, что страница ссылается на давно удаленный с сайта URL. Такие проблемы бывают на старых сайтах, которыми в течение их «жизни» занимается один и тот же небольшой подрядчик. Нередко в этом случае специалисты удаляют ненужные страницы и забывают при этом проверять, не вели ли на них линки из других разделов.

Удаление и корректировка ссылок вручную возможна только при управлении сайтом с небольшим количеством страниц. Вебмастеры, которые работают с большими порталами, автоматизируют этот процесс. Они могут использовать специализированные плагины, которые организуют и контролируют внутреннюю перелинковку. Среди них Dagon Design Sitemap Generator, Terms Description. Для автоматического прописывания URL новым страницам можно применять Cyr-To-Lat. Этот плагин транскрибирует названия в ЧПУ.

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

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

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

Какие последствия для сайта могут быть от ошибки 404

Следует ли опасаться ошибки 404 Not Found с точки зрения последствий для сайта? На первый взгляд, нет ничего страшного в том, что пользователь не сможет найти страницу. Тем не менее регулярное повторение этой ошибки может привести к оттоку аудитории и ухудшению поведенческих факторов. Одни люди решат, что сайт закрылся, другие просто не захотят разбираться с веб-ресурсом, который выдал им ошибку, и переходить на другие существующие страницы. А кто-то после 404 еще и перестанет кликать по ссылкам на сайт в поисковой выдаче, потому что будет помнить, что его уже здесь «обманули».

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

Можно ли извлечь пользу из страницы с ошибкой 404

Тренд последнего десятилетия – полезные страницы с ошибкой Error 404 Not Found. Что они из себя представляют? Мы выделили несколько общих рекомендаций, как их оформить.

Разместить полезный контент

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

• ссылку на главную страницу;
• меню, ведущее на основные разделы сайта;
• афишу мероприятий, анонсы, объявления (для специализированных ресурсов);
• контактные данные для отчета об ошибке или обратной связи.

Пользоваться подсказками поисковых машин

У Яндекса и Google есть собственные рекомендации по оформлению страницы с ошибкой 404.

• Совет Яндекса. Страница должна отличаться от остальных с точки зрения дизайна: цвета, размера шрифта, графики, наполненности. Пользователь сразу должен понять, что что-то пошло не так, и получить варианты выхода из ситуации.
• Совет Google. Поисковик рекомендует оформлять страницу 404 в таком же стиле, как и остальные разделы сайта. Но посыл о том, что произошла ошибка, должен быть прозрачным и понятным, его можно сопроводить ссылками на полезные материалы.

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

Примеры оформления страниц 404

Designzillas

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

Dogstudio

Привлекательный видеоряд и предложение перейти на главную страницу. Анимация не дает сразу уйти и заставляет умиляться, а кнопка позволяет продолжить навигацию по сайту.

Domenart Studio

Веб-студия «ДоменАРТ» создала красочную страницу для ошибки 404.  Важно, что она выполнена в стилистике остальных разделов и предлагает множество вариантов дальнейших действий: отправиться на главную, перейти к услугам, получить полезную информацию в блоге или связаться с представителями компании.

Hakim El Hattab

Анимация с поочередно открывающимися и моргающими глазами помогает дизайнеру из Швеции продемонстрировать свои способности и подсказать пользователю, что что-то пошло не так.

Hot Dot

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

E-co

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

Magnt

Компания, помогающая бизнесам вырасти за счет применения ИИ, вместе с отчетом об ошибке 404 предлагает шуточную диаграмму и кнопку для перехода на главную.

Госуслуги

Страница 404 на государственном портале предлагает два варианта: попросить помощи у робота или вернуться на главную.

Kualo

Веб-хостинг Kualo предлагает сыграть в аналог Space Invaders. В игре несколько уровней и всего 3 жизни. Прямо под текстом об ошибке расположена ссылка на главную.

Как ошибка 404 может приносить пользу сайту

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

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

Вместо скучных объяснений за отсутствие запрашиваемой страницы разработчики давно используют кастомный дизайн с юмором и забавным оформлением.

Иногда креатив оказывается на грани фола.

Код 404 и почему появляются страницы Not Found. Максимально коротко

Ошибка 404 — код ответа HTTP о том, что запрашиваемая страница не найдена. Он состоит из двух частей: 4 и 04. Цифра 4 означает, что проблема на стороне клиента. Комбинация 04 в протоколе HTTP конкретизирует саму ошибку: Not Found.

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

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

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

Вредят ли ошибки 404 вашему SEO?

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

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

Рекомендации по проектированию страниц ошибок

От технических аспектов вернемся к главной теме нашего разговора: как создать 404-ю страницу, которая способна улучшить пользовательский опыт (UX). Ее дизайн не должен ограничивается исключительно забавной картинкой. Кастомное оформление вызовет улыбку (что, конечно, хорошо), но в итоге пользователь все равно покинет сайт. Чтобы этого не произошло, предлагаем обратить внимание на следующие аспекты при проектировании 404-й страницы.

Сообщите, что произошло и почему. Без технических нюансов

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

Выбрав тон общения с пользователем, и определившись с нужными формулировками, можно переходить к нюансам визуального оформления.

Соблюдайте единство стиля

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

Предложите сообщить об ошибке

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

Сделайте ставку на интерактивность

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

Нетривиальный пример использования интерактивности можно найти у хостера Kualo. Он превратил свои 404-е страницы в культовую игру Space Invaders.

Накопив определенное количество очков в «Космических захватчиках», провайдер предоставит скидку на свои услуги

А вот пример совершенно другого, но не менее мотивирующего формата интерактивности.

Попали на несуществующую страницу? Выбирайте, кого уволить

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

ожидание — реальность

Выведите пользователя из UX-тупика

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

Предложите альтернативный контент. Пользователи оказываются на ненайденной странице, потому что они что-то искали. Помогите продолжить им их действия, разместив ссылки на потенциально интересный контент. Понять что нужно конкретному пользователю не так уж сложно. Он будет не далее чем в одном клике от того, что его заинтересовало. Интернет-магазины могут предлагать ссылки на товары из родительской категории или популярные продукты, информационные порталы — на топовые статьи в разделе.

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

Поисковая строка в качестве основного навигационного элемента Page Not Found

Тут тоже ставка сделана на поисковую строку, но с большей долей юмора.

Плохая новость — мы не смогли найти страницу, которую вы искали;Хорошая новость — мы нашли все ваши потерявшиеся носки.

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

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

Вот как это сделал отец русского веб-дизайна

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

О заглушках техобслуживания

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

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

Юмор, креатив и вежливость — все так же ваши верные помощники в коммуникации с пользователями.

Подведем итоги. Относитесь к Page Not Found, как к любой другой странице вашего веб-проекта. Правильный тон общения, кастомный дизайн и грамотная навигация — три кита, на которых строят концепцию 404-й страницы. Не забывайте о чувстве меры: минимум текста, два-три элемента навигации, креатив без избыточности. Убедитесь, что все хорошо работает не только с десктопа, но и оптимизировано для мобильных устройств. И последнее, несмотря на то, что нетривиальное оформление Page Not Found — повод выделиться и вызвать улыбку у пользователя, все же старайтесь делать так, чтобы эти страницы реже попадались на сайте.

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

Ошибка 404: что это значит?

Иногда при переходе по ссылке вместо страницы сайта на экране появляется надпись: «Страница не найдена. 404 not found. Ошибка 404». Это значит, что такой веб-страницы нет или у неё поменялся адрес.

Почему возникает ошибка 404:

• в URL ссылки была допущена ошибка;
• был изменён URL-адрес страницы;
• сайт временно не работал или вообще не существовал;
• неправильно сработал сервер;
• веб-страницу удалили.

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

Почему нужна отдельная страница для 404 ошибки

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

Грамотно настроенная страница 404 поможет:

1. Сохранить трафик сайта и позиции в выдаче результатов поиска. Сайт теряет трафик, если пользователи часто закрывают его из-за ошибки 404. Из-за этого поисковые системы могут понизить уровень ранжирования сайта.
2. Предложить посетителю что-то взамен неоткрывшейся страницы. Пользователь попал на неработающую страницу, когда искал конкретный контент, возможно, даже форму регистрации. Сделайте страницу 404 полезной для посетителя, предложите ему почитать о ваших ключевых продуктах, дайте ссылки на полезные статьи.
3. Вызвать доверие. Грамотно оформленная страница 404 — это возможность сохранить потенциального клиента на сайте. Извинитесь и помогите пользователю найти то, зачем он зашёл на сайт. Так посетитель с большей вероятностью останется на сайте и завершит оформление заявки или покупку.

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

Во многих CMS стандартная страница 404 создаётся автоматически для любых страниц, кроме одностраничных сайтов-визиток. Или можно создать дизайн этой страницы самостоятельно. Для создания страницы нужно продумать веб-дизайн и призыв к совершению целевого действия. Это может быть ссылка на каталог товаров или строка поиска, чтобы найти нужную страницу.

Чтобы добавить страницу на сайт:

1. Перенесите шаблон страницы ошибки 404 в корневую папку сайта.
2. Откройте файл .htaccess и пропишите код: ErrorDocument 404 http://АДРЕС_САЙТА/404.html
3. Впишите код в любую свободную строку, залейте на хостинг и проверьте: совершите ошибку в какой-нибудь ссылке, например, удалите букву. Вместо стандартного шаблона 404 должен отобразиться новый вариант. Если нет — проверьте правильность кода, возможно, была допущена ошибка.

Некоторые CMS автоматизируют процесс создания страницы об ошибке: например, в WordPress это можно сделать с помощью плагина 404page. Плагин может кастомизировать страницу на разных темах. Для его установки нужна версия WordPress от 4.0.

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

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

Советы по созданию страницы 404:

1. Будьте доброжелательны. Расскажите посетителю, что страница удалена или произошла ошибка, помогите вернуться на основные страницы сайта.
2. Предложите посетителю проверить точность адреса или дайте ссылки на разделы, которые были недавно перемещены.
3. Дайте ссылки на продукт или статьи, релевантные поиску. Для этого нужно знать, на какую страницу пользователь пытался перейти. Это можно сделать, когда в URL указан раздел или категория.
4. Сделайте страницу полезной: дайте возможность скачать книгу или перейти на статьи в блоге, которые рассказывают о ценности продукта.
5. Не ограничивайтесь забавной картинкой. Добавьте ссылку на главную страницу сайта, блог, каталог или афишу событий компании.
6. Предложите посетить страницу с акциями, спецпредложениями.
7. Разместите строку поиска, чтобы посетитель сайта мог найти то, что он искал. Например, модель телефона в интернет-магазине или статью на новостном портале.
8. Покажите посетителю квиз или мини-игру. Это отличный способ свести негативное впечатление пользователя к минимуму.
9. Выдержите единое оформление, чтобы страница 404 не отличалась от остальных страниц сайта.

Рассказали, как квиз-маркетинг помогает пользователям совершить покупку.

Примеры отличных 404 страниц для сайта

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

У McDonalds на странице 404 есть навигация по сайту и даже форма для подписки на рассылку:

На странице 404 блога Roistat пользователю предлагается вернуться на главную страницу блога, перейти в нужный раздел или воспользоваться кнопкой обратного звонка:

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

На сайте Спортмастера использована забавная тематическая картинка, есть ссылки на главную страницу, каталог товаров и поисковая строка:

Ещё одна страница известного интернет-магазина Lamoda. Кроме навигации и строки поиска, пользователям предлагают популярные товары:

Тинькофф предлагает простую страницу, на которой сообщается об ошибке и даются ссылки на основные услуги банка:

Страница об ошибке у ресторана KFC очень лаконичная страница. Пользователю предлагают всего 2 кнопки с простым CTA — «Заказать еду» и «Найти ресторан»:

Как избегать ошибок на сайте

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

Рассказали, как SEO-аудит помогает оптимизировать работу сайта.

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

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