Ошибка 404 скрин

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

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

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

На этом сайте можно найти интерфейс Commodore 64.


Похоже, вам не стоило сюда заходить.


Попробуйте поймать кота 🙂


Студия дизайна делится забавными гифками про собак.


А эта страничка ушла в поход… и не вернулась.


Очень атмосферная интерактивная 404-ая страница.


Веб-страница ищет HTML своей жизни. Желательно без ошибок и вредных привычек.


Спасите несчастных леммингов!


Классический мем на сайте 9GAG.


Красивая иллюстрация броуновского движения от Hot Dot.

Красивая иллюстрация броуновского движения от hot dot


А этой страницы на сайте Mikandi нет, как и одежды у этой прекрасной леди.


Вам попалась страница 404? Решайте, кого уволить за такое свинство.

pic0


Синий экран смерти от Willismonds.

pic0


А эту страницу съели пациенты клиники. Очень сожалеем 🙁


Диаграмма Венна на сайте magnt.com.

pic0


Дыра в интернете на сайте CSS Tricks.

pic0


Поздравляем. Вы сломали наш сайт.

20160404175015145_d21fe5a


Некоторые сайты предлагают целую блок-схему действий для тех, кто попал на 404.

20160404193604644_a548ddd


Здесь можно поиграть в пакмана.

20160404194115352_41f3b84


Airbnb при переходе на сломанную ссылку порадует вас анимацией девочки с упавшим мороженным, а также предложит некоторые полезные ссылки.


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


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


Всё минималистично и главное — ссылка на релевантный материал.


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


Вот про экран с ошибкой от GitHub вы точно знаете, а как насчёт не менее известного Docker? Расстроенный кит смотрит на утонувший корабль, параллельно размышляя о ваших проектах.


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


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


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


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


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


На странице 404 сайта Музея Сотворения Мира (там всё по Библии) отчётливо видно, что junior и senior не могут найти менеджера проекта. А вообще классно сделали: силуэт с отсутствующей стадией эволюции в центре отражает отношение создателей сайта к этой теории возникновения жизни. Кроме того, «that link is missing» можно перевести так: «связывающее звено отсутствует». Тут как в русском с фразой «я плачу» — либо платишь (за софт), либо плачешь (из-за багов).


Если вы думали, что новозеландцы не в восторге только от шуток про «Властелина Колец», то теперь вы знаете, что каждый раз, когда вы видите карту без Новой Зеландии, где-то в Шире плачет один хоббит. Собственно, на этом и решили акцентировать внимание новозеландцы на сайте правительства.


Самоиронией может похвастаться не только правительство Новой Зеландии. В Делавэре решили поиграть и с картой, и с названием. Хотя карта просто для красоты.


Мы тоже не исключение 🙂 Возможно, вы уже замечали, что мы, как и сайты выше, имеем собственную страницу 404.

Ошибка 404, либо Error 404 Not Found — ошибка, которая появляется, если браузеру не удалось обнаружить на сервере указанный URL.

Страница 404.

Сообщение об ошибке 404

Что означает ответ 404

Error 404 Not Found отображается по-разному: «HTTP 404 не найден», «Ошибка 404 Not Found», «404 Страница не найдена». Смысл надписи всегда остаётся тем же: страница отсутствует либо просто не работает. Not Found в переводе означает «не найдено».

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

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

Разберёмся в техническом формировании ответа Error 404 Not Found.

Техническая сторона вопроса. При связи по HTTP браузер запрашивает указанный URL и ждёт цифрового ответа. То есть любой запрос пользователя направляется на сервер размещения искомого сайта. Когда браузеру удаётся связаться с сервером, он получает кодированный ответ. Если запрос корректный и страница найдена, отправляется ответ с кодом 200 OK, что соответствует благополучной загрузке. При отсутствии страницы отправляется ответ об ошибке.

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

Какие ещё ошибки бывают. Ошибку 404 не нужно путать с другими ответами, которые указывают на невозможность связи с сервером. Например, ошибка 403 сообщает, что доступ к URL ограничен, а ответ «Сервер не найден» свидетельствует, что браузер не смог обнаружить место размещения сайта.

Страница 404 от Google.

Google на 404 странице сообщает о возможных причинах ошибки

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

Причины, по которым HTTP возвращает ответ 404 Not Found:

  • Неверный адрес. К примеру, при ручном наборе пользователь допустил опечатку в адресе либо ссылка ведёт на несуществующую страницу. При этом домен должен быть написан верно. Если пользователь ошибется в названии домена, страница вообще не загрузится (без показа ошибки).
  • Битая ссылка. Это нерабочий URL, который никуда не ведёт. Данный вариант иногда возникает при внутренней перелинковке. К примеру, раньше страница существовала, а потом её удалили и забыли убрать ссылку.
  • Удалённая страница. Когда пользователь попытается перейти на удалённую с сервера страницу, он также увидит ошибку 404. Ссылка для перехода может сохраниться в браузерных закладках или на сторонних ресурсах.
  • Неправильный редирект на страницу с изменённым адресом. Допустим, в процессе редизайна URL изменили, но оставили без внимания связанные ссылки.
  • Неполадки на сервере. Это самый редкий вариант.

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

Несуществующая страница на сайте.

Причины отсутствия страницы на сайте бывают разными

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

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

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

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

Как выявить ошибку

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

Search Console Google

Консоль поиска Google позволяет находить страницы с ошибкой 404 за несколько кликов:

  1. Войдите в учётную запись Google и перейдите в Search Console.
  2. Откройте раздел «Ошибки сканирования» → «Диагностика».
  3. Кликните на «Not Found».

Чтобы получить список страниц с ошибками, подтвердите права на ресурс — добавьте проверочную запись TXT в записи DNS регистратора домена. Такая запись не повлияет на работу сайта. Подробнее о процедуре подтверждения, читайте в справке Google.

Интерфейс Search Console Google.

Для использования Search Console Google нужно подтвердить свои права на сайт

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

Сервис для вебмастеров от Яндекса поможет быстро найти все ошибки 404:

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

Чтобы использовать Яндекс.Вебмастер, также нужно подтвердить право владения сайтом — добавить метатег в HTML-код главной страницы.

Главная страница Яндекс.Вебмастер.

Для входа в Вебмастер авторизуйтесь в Яндексе

Screaming Frog

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

Сервис Screaming Frog.

Инструмент SEO-паук в Screaming Frog помогает найти технические неисправности сайта

SiteAnalyzer

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

Страница загрузки SiteAnalyzer.

SiteAnalyzer бесплатно найдёт неработающие URL

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

Выбор конкретного решения зависит от причины ошибки:

  1. Ссылка ведёт в никуда из-за неверного URL. Для решения проблемы замените ошибочную ссылку на правильный адрес, чтобы сервер отдавал код 200 OK.
  2. Битая ссылка. Подобная ситуация не редкость при внутренней перелинковке страниц. К примеру, ссылка есть, а саму страницу давно удалили. Решений два: удалить ссылку или заменить её на другую.

Удалять и менять ссылки вручную удобно только на небольших сайтах. Исправление ошибок на крупных порталах лучше автоматизировать. Например, с помощью специальных плагинов для внутренней перелинковки (Terms Description, Dagon Design Sitemap Generator) и для автоматического формирования адресов страниц (Cyr-To-Lat).

Чтобы ошибки 404 появлялись как можно реже, достаточно соблюдать простые рекомендации:

  • Не присваивайте сложные адреса основным разделам сайта. Это снизит число ошибок, связанных с опечатками в URL.
  • Не меняйте адреса страниц слишком часто. Это неудобно для пользователей и вводит в заблуждение поисковых роботов.
  • Размещайте сайт на надёжном сервере. Это предотвратит ошибки, возникающие из-за неработоспособности сервера.

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

Как сделать страницу 404 полезной

Грамотно оформленная страница с ошибкой Error 404 Not Found — действенный инструмент конвертации посетителей. Ограничений по использованию страницы с ошибкой 404 нет. При этом практически все CMS позволяют настраивать дизайн этой страницы.

Что публиковать на странице 404:

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

При оформлении страницы-ошибки желательно опираться на рекомендации поисковиков:

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

Главное — по возможности отказаться от стандартной страницы 404. Подумайте, как привлечь внимание пользователя. Расскажите ему об отсутствии искомой страницы и предложите взамен что-то полезное или интересное.

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

Designzillas

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

404 страница на сайте Designzillas

Меню на сайте Designzillas есть и на 404 странице

Domenart Studio

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

Страница 404 Domenart Studio.

Контакты, поиск, меню — и всё это на 404 странице Domenart Studio

E-co

«Эко Пауэр», дистрибьютор производителя источников питания, демонстрирует короткое замыкание как символ ошибки. Посетителям предлагают перейти на главную.

Ошибка 404 «Эко Пауэр»

Ошибка 404 «Эко Пауэр» выглядит как страница входа

Дом со всем

Компания «Дом со всем», занимающаяся бурением скважин, разместила на странице 404 свои контакты и перечень услуг. Со страницы можно перейти в любой раздел сайта или заказать обратный звонок. С таким наполнением посетителю не нужно искать дополнительную информацию где-то ещё.

Страница 404 «Дом со всем».

Компания «Дом со всем» предлагает заказать обратный звонок

Kualo

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

Cтраница 404 Kualo

На странице Kualo можно просто поиграть и заработать скидки

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

Главные мысли

Ошибка 404 это

  • Изображения
  • Фотографии
  • Иллюстрации
  • Векторные файлы
  • Видео

Посмотреть видео про error 404

Просмотрите 8 925 доступных стоковых фотографий и изображений на тему «error 404» или начните поиск других стоковых фотографий и изображений.

Сортировать по:

Наиболее популярные

404 страница не найден шаблон баннера - error 404 stock illustrations

404 страница не найден шаблон баннера — error 404 stock illustrations

404 Страница не найден шаблон баннера

печатать - error 404 stock illustrations

печатать — error 404 stock illustrations

печатать

электрический plug и socket отключить контур дизайна вектора. 404 ошибка фон веб-баннер, электрический провод шок, отключение, потеря подключения. - error 404 stock illustrations

электрический plug и socket отключить контур дизайна вектора. 404 ошибка фон веб-баннер, электрический провод шок, отключение, потеря подключения. — error 404 stock illustrations

Электрический Plug и Socket отключить контур дизайна вектора….

страница не найдена - error 404 stock illustrations

страница не найдена — error 404 stock illustrations

Страница не найдена

404 страница ошибки или файл не найден значок - error 404 stock illustrations

404 страница ошибки или файл не найден значок — error 404 stock illustrations

404 Страница ошибки или файл не найден значок

страница ошибок шаблона 404. иллюстрация вектора концепции - error 404 stock illustrations

страница ошибок шаблона 404. иллюстрация вектора концепции — error 404 stock illustrations

Страница ошибок шаблона 404. Иллюстрация вектора концепции

ошибка 404 страница с иллюстрацией вектора художника - error 404 stock illustrations

ошибка 404 страница с иллюстрацией вектора художника — error 404 stock illustrations

Ошибка 404 страница с иллюстрацией вектора художника

404 ошибка, как ноутбук с мертвыми эмодзи. мультфильм плоский минимальный тренд современный простой логотип графического дизайна изолирова� - error 404 stock illustrations

404 ошибка, как ноутбук с мертвыми эмодзи. мультфильм плоский минимальный тренд современный простой логотип графического дизайна изолирова� — error 404 stock illustrations

404 ошибка, как ноутбук с мертвыми эмодзи. мультфильм плоский мини

404 шаблон страницы ошибок для веб-сайта. 404 оповещение плоский дизайн - error 404 stock illustrations

404 шаблон страницы ошибок для веб-сайта. 404 оповещение плоский дизайн — error 404 stock illustrations

404 шаблон страницы ошибок для веб-сайта. 404 оповещение плоский д

концепция сбоя ошибки компьютера 404. бизнес ноутбук или офисный ноутбук пк - error 404 стоковые фото и изображения

концепция сбоя ошибки компьютера 404. бизнес ноутбук или офисный ноутбук пк — error 404 стоковые фото и изображения

Концепция сбоя ошибки Компьютера 404. Бизнес ноутбук или офисный н

плоская концепция дизайна для страницы не найдена ошибка 404 - error 404 stock illustrations

плоская концепция дизайна для страницы не найдена ошибка 404 — error 404 stock illustrations

Плоская концепция дизайна для страницы не найдена ошибка 404

робот установить 404 ошибка страница не нашел вектор аварии аварии смешно космонавт работает ремонт - error 404 stock illustrations

робот установить 404 ошибка страница не нашел вектор аварии аварии смешно космонавт работает ремонт — error 404 stock illustrations

Робот Установить 404 ошибка страница не нашел вектор аварии аварии

маленькие люди компьютерной ошибки - error 404 stock illustrations

маленькие люди компьютерной ошибки — error 404 stock illustrations

маленькие люди компьютерной ошибки

404 страница не найден шаблон - error 404 stock illustrations

404 страница не найден шаблон — error 404 stock illustrations

404 Страница не найден шаблон

страница ошибок, мертвая иллюстрация смайликов - error 404 stock illustrations

страница ошибок, мертвая иллюстрация смайликов — error 404 stock illustrations

Страница ошибок, мертвая иллюстрация смайликов

плоский мультипликационный персонаж - error 404 stock illustrations

плоский мультипликационный персонаж — error 404 stock illustrations

плоский мультипликационный персонаж

компьютерные техники, восстанавливая ошибку 404 - error 404 stock illustrations

компьютерные техники, восстанавливая ошибку 404 — error 404 stock illustrations

Компьютерные техники, восстанавливая ошибку 404

ошибка экрана страницы на смартфоне - error 404 стоковые фото и изображения

ошибка экрана страницы на смартфоне — error 404 стоковые фото и изображения

Ошибка экрана страницы на смартфоне

концепция 404 страница ошибок. плоский мультипликационный стиль. иллюстрация вектора - error 404 stock illustrations

концепция 404 страница ошибок. плоский мультипликационный стиль. иллюстрация вектора — error 404 stock illustrations

Концепция 404 Страница ошибок. Плоский мультипликационный стиль. И

404 страница ошибки не найден баннер - error 404 stock illustrations

404 страница ошибки не найден баннер — error 404 stock illustrations

404 страница ошибки не найден баннер

3d слово oops - error 404 стоковые фото и изображения

3d слово oops — error 404 стоковые фото и изображения

3d слово oops

падение, спад, сломать, не концепции. - error 404 stock illustrations

падение, спад, сломать, не концепции. — error 404 stock illustrations

Падение, спад, сломать, не концепции.

мопс собака с желтым конструктором безопасности шлем и конус и 404 ошибка и тупик знак на деревянном полюсе - error 404 стоковые фото и изображения

мопс собака с желтым конструктором безопасности шлем и конус и 404 ошибка и тупик знак на деревянном полюсе — error 404 стоковые фото и изображения

мопс собака с желтым конструктором безопасности шлем и конус и…

концепция веб-страницы error 404. яма лестницы, дорожные конусы и предупреждающий знак. - error 404 stock illustrations

концепция веб-страницы error 404. яма лестницы, дорожные конусы и предупреждающий знак. — error 404 stock illustrations

Концепция веб-страницы Error 404. Яма лестницы, дорожные конусы и

черный значок тонкой линии oops - error 404 stock illustrations

черный значок тонкой линии oops — error 404 stock illustrations

черный значок тонкой линии oops

молодая девушка отключила электрическую розетку и розетку от сети. иллюстрация творчества 404 страница не нашла ошибки. - error 404 stock illustrations

молодая девушка отключила электрическую розетку и розетку от сети. иллюстрация творчества 404 страница не нашла ошибки. — error 404 stock illustrations

Молодая девушка отключила электрическую розетку и розетку от сети.

404 страница ошибки не найден баннер - error 404 stock illustrations

404 страница ошибки не найден баннер — error 404 stock illustrations

404 страница ошибки не найден баннер

интерфейс страницы сайта абс�трактные иллюстрации вектора концепции. - error 404 stock illustrations

интерфейс страницы сайта абстрактные иллюстрации вектора концепции. — error 404 stock illustrations

Интерфейс страницы сайта абстрактные иллюстрации вектора концепции

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

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

Системная ошибка, веб-сайт в стадии строительства. 404 Обслуживани

ракета разбилась страница не нашли ошибки 404. робот побежал талисман характер. ремонт сервисно-сервисного центра. векторная иллюстрация. бе - error 404 stock illustrations

ракета разбилась страница не нашли ошибки 404. робот побежал талисман характер. ремонт сервисно-сервисного центра. векторная иллюстрация. бе — error 404 stock illustrations

Ракета разбилась Страница не нашли ошибки 404. Робот побежал талис

404 ошибка электрический plug и розетка отключена. творческий минимальный дизайн веб-баннер. электрический веб-баннер темы, отключение, потеря - error 404 stock illustrations

404 ошибка электрический plug и розетка отключена. творческий минимальный дизайн веб-баннер. электрический веб-баннер темы, отключение, потеря — error 404 stock illustrations

404 ошибка Электрический Plug и розетка отключена. творческий мини

сообщение об ошибке на экране ноутбука. сбой, ошибка, сбой системы. значок плоского цвета - error 404 stock illustrations

сообщение об ошибке на экране ноутбука. сбой, ошибка, сбой системы. значок плоского цвета — error 404 stock illustrations

Сообщение об ошибке на экране ноутбука. Сбой, ошибка, сбой системы

404 ошибка страница не нашла концепции с людьми, пытаются исправить ошибку на странице сайта вблизи большой символ 404. можно использовать для - error 404 stock illustrations

404 ошибка страница не нашла концепции с людьми, пытаются исправить ошибку на странице сайта вблизи большой символ 404. можно использовать для — error 404 stock illustrations

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

увеличительное стекло лежит на белой клавиатуре на - error 404 стоковые фото и изображения

увеличительное стекло лежит на белой клавиатуре на — error 404 стоковые фото и изображения

Увеличительное стекло лежит на белой клавиатуре на

ошибка 404 - error 404 stock illustrations

ошибка 404 — error 404 stock illustrations

ошибка 404

404 веб-страница с сообщением об ошибке. фон вектора глюкового стиля. футуристическая векторная иллюстрация. баннер с глюхим текстом. - error 404 stock illustrations

404 веб-страница с сообщением об ошибке. фон вектора глюкового стиля. футуристическая векторная иллюстрация. баннер с глюхим текстом. — error 404 stock illustrations

404 веб-страница с сообщением об ошибке. Фон вектора глюкового сти

404 концепция дизайна страницы ошибки. поврежденный электрический кабель. векторная иллюстрация. - error 404 stock illustrations

404 концепция дизайна страницы ошибки. поврежденный электрический кабель. векторная иллюстрация. — error 404 stock illustrations

404 концепция дизайна страницы ошибки. Поврежденный электрический

ошибка 404, не найдено сообщение страницы - error 404 stock illustrations

ошибка 404, не найдено сообщение страницы — error 404 stock illustrations

Ошибка 404, не найдено сообщение страницы

404 значок страницы ошибки с редактируемым ходом - error 404 stock illustrations

404 значок страницы ошибки с редактируемым ходом — error 404 stock illustrations

404 значок страницы ошибки с редактируемым ходом

расстройство увеличительного стекла - вектор иллюстрация - error 404 stock illustrations

расстройство увеличительного стекла — вектор иллюстрация — error 404 stock illustrations

Расстройство увеличительного стекла — Вектор Иллюстрация

оповещение диалоговых окон. система отказа диалоговое окно всплывающее окно, ретро сообщение об ошибке, уведомление о предупреждении инфо� - error 404 stock illustrations

оповещение диалоговых окон. система отказа диалоговое окно всплывающее окно, ретро сообщение об ошибке, уведомление о предупреждении инфо� — error 404 stock illustrations

Оповещение диалоговых окон. Система отказа диалоговое окно всплыва

сайт в стадии строительства. 404 обслуживание страниц с персонажами работников в единообразной ремонт сети проблемы. веб-страница не найден� - error 404 stock illustrations

сайт в стадии строительства. 404 обслуживание страниц с персонажами работников в единообразной ремонт сети проблемы. веб-страница не найден� — error 404 stock illustrations

Сайт в стадии строительства. 404 Обслуживание страниц с персонажам

404 ошибка с ошибкой веб-сайта вкладки значка - error 404 stock illustrations

404 ошибка с ошибкой веб-сайта вкладки значка — error 404 stock illustrations

404 ошибка с ошибкой веб-сайта вкладки значка

ошибка 404, страница не найдена шаблон целевой страницы. рабочий держит гаечный ключ и ремонтирует шестерни. нет соединения, ошибка. - error 404 stock illustrations

ошибка 404, страница не найдена шаблон целевой страницы. рабочий держит гаечный ключ и ремонтирует шестерни. нет соединения, ошибка. — error 404 stock illustrations

Ошибка 404, страница не найдена шаблон целевой страницы. Рабочий д

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

страница не найдена концепция, 404 ошибка веб-страницы с милой мультяшным лицом. плоская концепция иллюстрации линии для веб — error 404 stock illustrations

Страница не найдена концепция, 404 ошибка веб-страницы с милой мул

электрический разъем и розетка отключаются. концепция соединения ошибок 404. электрическая розетка и розетка отключали плоский значок для с - error 404 stock illustrations

электрический разъем и розетка отключаются. концепция соединения ошибок 404. электрическая розетка и розетка отключали плоский значок для с — error 404 stock illustrations

Электрический разъем и розетка отключаются. Концепция соединения о

иллюстрация страницы ошибки. люди, держащие отключенный кабель. страница не найдена. - error 404 stock illustrations

иллюстрация страницы ошибки. люди, держащие отключенный кабель. страница не найдена. — error 404 stock illustrations

Иллюстрация страницы ошибки. Люди, держащие отключенный кабель. Ст

концепция сбоя ошибки компьютера 404. бизнес ноутбук или офисный ноутбук пк - error 404 стоковые фото и изображения

концепция сбоя ошибки компьютера 404. бизнес ноутбук или офисный ноутбук пк — error 404 стоковые фото и изображения

Концепция сбоя ошибки Компьютера 404. Бизнес ноутбук или офисный н

недовольные распространения руки, 404 страница не найдена на экране ноутбука - error 404 стоковые фото и изображения

недовольные распространения руки, 404 страница не найдена на экране ноутбука — error 404 стоковые фото и изображения

Недовольные распространения руки, 404 страница не найдена на экран

emoji мертвых 404 ошибка - error 404 stock illustrations

emoji мертвых 404 ошибка — error 404 stock illustrations

Emoji мертвых 404 ошибка

ошибка 404 страница не найден шаблон с краном крюк. иллюстрация вектора - error 404 stock illustrations

ошибка 404 страница не найден шаблон с краном крюк. иллюстрация вектора — error 404 stock illustrations

Ошибка 404 Страница не найден шаблон с краном Крюк. Иллюстрация ве

ошибка 404 страница не найдена. веб-сайт 404 сбой в работе веб-сайта. к сожалению проблемы интернет-предупреждение дизайн. - error 404 stock illustrations

ошибка 404 страница не найдена. веб-сайт 404 сбой в работе веб-сайта. к сожалению проблемы интернет-предупреждение дизайн. — error 404 stock illustrations

Ошибка 404 страница не найдена. Веб-сайт 404 сбой в работе Веб-сай

электрическая розетка отключена, страница не найдена - вектор - error 404 stock illustrations

электрическая розетка отключена, страница не найдена — вектор — error 404 stock illustrations

Электрическая розетка отключена, Страница не найдена — Вектор

сломанная лампочка, симпатичная сломанная грустная лампочка лежит на полу. неудача, разочарование, 404 вектор концепция - error 404 stock illustrations

сломанная лампочка, симпатичная сломанная грустная лампочка лежит на полу. неудача, разочарование, 404 вектор концепция — error 404 stock illustrations

Сломанная лампочка, симпатичная сломанная грустная лампочка лежит

абстрактные иллюстрации вектора веб-разработки. - error 404 stock illustrations

абстрактные иллюстрации вектора веб-разработки. — error 404 stock illustrations

Абстрактные иллюстрации вектора веб-разработки.

электрическая розетка и розетка отключены. - error 404 stock illustrations

электрическая розетка и розетка отключены. — error 404 stock illustrations

Электрическая розетка и розетка отключены.

ошибка http 404 не найдена страница - error 404 стоковые фото и изображения

ошибка http 404 не найдена страница — error 404 стоковые фото и изображения

Ошибка Http 404 не найдена страница

векторная линия иллюстрация концепция для 404 не найдено. редактируемый инсульт и pixel perfect. - error 404 stock illustrations

векторная линия иллюстрация концепция для 404 не найдено. редактируемый инсульт и pixel perfect. — error 404 stock illustrations

Векторная линия Иллюстрация Концепция для 404 Не найдено. Редактир

электрическая розетка с вилкой. концепция подключения и отключения. линии, треугольники и дизайн стиля частиц. вектор иллюстрации - error 404 stock illustrations

электрическая розетка с вилкой. концепция подключения и отключения. линии, треугольники и дизайн стиля частиц. вектор иллюстрации — error 404 stock illustrations

Электрическая розетка с вилкой. Концепция подключения и отключения

концепция сопровождения сайта - error 404 stock illustrations

концепция сопровождения сайта — error 404 stock illustrations

Концепция сопровождения сайта

из 100

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

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

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

Purée Maison

Purée Maison – французское креативное агентство, специализирующееся на коммуникационных стратегиях. Персонаж со страницы ошибки 404 нарисован в фирменном стиле сайта и также встречается на страницах загрузки.

Pixar

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

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

Marvel

Страница не найдена. Даже глаз Уату не видит ваш запрос.

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

Matteo Vandelli

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

20th Century Fox

То, на что вы смотрите, могло уже быть перемещено. Если вы, конечно, не ищете «Офисное пространство».

Киностудия 20th Century Fox вместо страницы с ошибкой 404 выдает кадры из своих фильмов, среди которых «Эдвард Руки-ножницы», «Офисное пространство», «Месть полудурков», «Наполеон Динамит» и другие. Забавно, что на момент написания статьи при попытке кликнуть по тексту пользователя перебрасывало на другую, менее креативную страницу ошибки 404.

Cloud Sigma

О, вы нашли домашнюю страницу нашего junior-разработчика. Даже спя на диване целыми днями, он иногда находит время немного покодить…

Cloud Sigma – облачное хранилище. На странице – немного юмора и кнопка, ведущая на Главную.

BluePath

Раз вы попали на эту страницу, наслаждайтесь картой, которую мы для вас составили. На ней показаны все преступления, совершенные в Атланте за пару лет. Зачем? Да потому что то, что вы нас еще не наняли, – преступление!

Другой сайт, страница которого сделана с юмором, – сайт компании BluePath, работающей с Big Data. На странице 404 – карта Атланты с точками, обозначающими преступления, совершенные в городе за 2 года. А все потому, что вовремя не начать сотрудничать с BluePath – преступление.

The Useless Web Index

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

Kualo

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

Веб-хостинг Kualo на рынке уже 15 лет, бесконечность по меркам интернета. Их страница ошибки 404 – отсылка в прошлое. Те, кто наткнулся на нее, могут поиграть в Space Invaders, лучшую аркадную игру по версии Книги рекордов Гиннесса и основоположницу всех современных аркад.

Waaark

Упс, что-то пошло не так.

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

Steve Lambert

Самая неловкая страница ошибки 404 в интернете. Страницы здесь нет. Она перемещена. Или никогда не существовала. Извините. Так иногда случается. Может, воспользуетесь поиском?

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

Figma

Надпись «404» можно растягивать за опорные точки. Расслабляет.

Airbnb

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

Hot Dot Production

Слоган веб-разработчик Hot Dot Production «Где дизайн встречается с технологией» хорошо отражен на его странице ошибки 404. Три цифры составлены из сотен маленьких точек, которые меняют направление или расходятся в разные стороны в зависимости от движений мышки.

GitHub

Страница Github нацелена на гиков-фанатов серии «Звездные войны».

Помимо 404 у GitHub еще есть креативная страница с 500 ошибкой.

CSS Ninja

Ниндзя, символ компании CSS Ninja, обосновался на странице 404 ошибки. Он предлагает пользователю перейти на предыдущую или домашнюю страницу.

MailChimp

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

В сервисе для рассылок MailChimp недавно произошел ребрендинг, страница ошибки 404 соответствует новому фирменному стилю. Судя по всему, осел со страницы тоже не понимает, куда попал.

Emirates

Страница ошибки 404 от Emirates выполнена в фирменном стиле компании. Один из менеджеров компании Томас Панек утверждает, что упор на ней сделан на UX-дизайн: компания провела исследование и вычислила, на какие страницы пользователи обычно переходят после 404. Так на странице появились 4 кнопки для перехода на поиск рейсов, управление бронью, вход в аккаунт и главную страницу.

Audiko

Audiko – сервис для создания рингтонов. На странице ошибки 404 – иллюстрация Лондона с его традиционными красным автобусом, телефонной будкой, Биг Беном, Шерлоком Холмсом и Тауэрским мостом. А чтобы не потеряться, по центру расположен поиск рингтонов и ссылка на домашнюю страницу.

IMDb

На 404 странице главного западного сайта о кинематографе можно найти измененные цитаты из кинофильмов, в которые вставлено слово «страница». Например, «Я отсутствующая страница Джека» из Бойцовского клуба или «Что на странице?!» из фильма «Семь».

Зайдите и проверьте, цитата из какого фильма попадется вам.

NPR

Организация National Public Radio, распространяющая новости радиостанций США, на своей странице 404 ошибки предлагает ознакомиться с материалами о других пропавших: Атлантиде, летчице Амелии Эрхарт и изображении Валдо на крыше одного из зданий Ванкувера.

Blizzard Entertainment

Компания-создатель игр World of Warcraft и Diablo обвиняет пользователя в том, что страница «сломалась». Ущерб действительно налицо: хедер навигации «упал», а экран разбит.

TProger

На странице 404 портала о разработке TProger есть все: объявление об ошибке, забавные видео (каждый раз новые) и ссылки на другие страницы.

Crello

Страницу сервиса для создания дизайнов Crello украли голуби. Действительно, теперь остается только вернуться на предыдущую страницу или сразу перейти к созданию дизайна.

Hakim.se

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

Android

Android предлагает пользователю вернуться на сайт либо поиграть в игру: помочь сладостям попасть в нужную трубу.

Sumatosoft

Авторы страницы Sumatosoft намекают на то, что страницу украли инопланетяне. Но не стоит расстраиваться: вы все еще можете перейти на домашнюю страницу, просмотреть кейсы или написать компании.

Ma meilleur cuite

Этой страницы не существует… Вы пьяны или просто потерялись? В любом случае вы нашли Pacman’а, который тоже потерялся. Помогите ему найти выход, по пути собирая кружки с пивом!

Французский блог об алкоголе Ma meilleur cuite предлагает сыграть в игру Pacman, выполненную в стилистике сайта.

Romainbraser

На странице сайта разработчика Romainbraser можно сыграть в аналог популярной игры Lemmings.

Fox

На 404 странице студии Fox пользователей ждет Стьюи из Гриффинов. Кнопка «Get Together» ведет на главную страницу.

Discord

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

Slack

На странице 404 ошибки корпоративного мессенджера Slack – отсылка к небольшой MMO-игре Glitch (от англ. глюк), созданной одним из основателей программы.

Canva

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

Amphibian

На портале с комиксами Amphibian можно сыграть в лягушачий футбол.

Советы от экспертов

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

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

Задачи кастомной страницы 404:

  • уведомить об ошибке в дружелюбной форме. Не забывайте про тональность коммуникации (ToV, Tone of Voice): ошибка произошла не по вине пользователя, успокойте его, просто скажите, что контент не найден;
  • объяснить причину. Например, что страница была удалена либо что вы недавно обновили структуру сайта;
  • предложить решение, чтобы оставить посетителя на сайте.

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

Если причина возникновения ошибки неизвестна, можно предложить типовые решения: предоставить возможность перейти на работающие страницы, показать основную навигацию, дать ссылки на популярные разделы. Например, для ecommerce-сайтов имеет смысл предложить перейти в каталог товаров или дать ссылки на самые популярные. Главное – не оставить посетителя наедине с проблемой. Хорошие примеры реализации этих идей – Squarespace и IFTTT.

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

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

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

  • CreativePeople – сюрреалистичная фирменная иллюстрация поддерживает наш стиль, а отсылка к уровню в игре предлагает в неформальном стиле решение проблемы.
  • Andrea Areni – хорошая визуализация ошибки, напоминающая помехи на телеэкране. Круто, технологично, непонятно.
  • Gymbox – а тут просто удивляют посетителя, смешат его. Все-таки 404-я ошибка – не какая-то трагедия.

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

Однако стоит помнить, что все-таки лучше, чтобы пользователь вообще не попадал на страницу 404 ошибки.

Ошибка 404Константин Кислейко, руководитель отдела дизайна AGIMA

Я уже давно не встречал 404 страницу в реальной жизни.

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

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

Источник: Creative Bloq

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

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

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

Допустим:

  • На сайте существовала страница с адресом tooth.com/new-born.
  • Через некоторое время она была удалена вебмастером.
  • Теперь при попытке открыть страницу tooth.com/new-born пользователь увидит сообщение «Страница не найдена». Или другие, более интересные варианты.

Cтраница может быть красивой и функциональной

Cтраница может быть красивой и функциональной

Это самый частый случай появления 404 ошибки на сайте. Но не единственный. Вот некоторые другие сценарии:

  • Ошибка при ручном вводе URL. Если пользователь вручную набирает адрес страницы, вероятность допустить ошибку очень велика. Например: facebok.com, вместо facebook.com
  • Некорректное перенаправление. Для ускорения оптимизации сайта часто проводятся однотипные операции сразу с большим количеством страниц. В процессе таких изменений могут меняться названия и адреса веб-страниц, настраиваться некорректные перенаправления. Если автоматически измененных страниц очень много, то и уследить за корректностью всех редиректов может быть сложно. Например: настраивается глобальный редирект всего домена с HTTP на HTTPS.
  • Сбой сервера. Этот вариант разумно проверять в последнюю очередь, так как он встречается нечасто. Самые распространенные причины сбоя сервера: физическое отключение, потеря сети, конфигурационный сбой.

Как проверить ответ страницы

Откройте инструмент «Проверка ответа сервера» в «Яндекс.Вебмастере», укажите опрашиваемый URL и тип робота (для которого будет проверяться на ответ сервера):

При необходимости укажите дату для проверки заголовка HTTP запроса If-Modified-Since

При необходимости укажите дату для проверки заголовка HTTP запроса If-Modified-Since

После нажмите кнопку «Проверить». Вы сразу увидите ответ, который отдает сервер по выбранному URL.

Для проверки ответа сервера (HTTP status code,или ответ сервера, который предусмотрен при использовании HTTP-запросов) также удобно использовать Checkmy. Принцип такой же, как и в «Яндекс.Вебмастере». Открываем сервис и указываем URL страницы, которую нужно проверить. Нажимаем кнопку «Отправить запрос» внизу страницы:

Опционально выбираем User Agent и устанавливаем дату для проверки заголовка HTTP запроса If-Modified-Since

Опционально выбираем User Agent и устанавливаем дату для проверки заголовка HTTP запроса If-Modified-Since

Страница отдает 200-й код, что говорит о том, что она доступна пользователю:

Результат проверки ответа сервера

Результат проверки ответа сервера

Что будет, если на сайте много ошибок 404 not found

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

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

Гораздо неприятнее ошибка 404 для вебмастера. Вот ее основные опасности:

  • Технические ошибки. Большое количество битых ссылок может привести к техническим проблемам на сайте и затруднению индексации ПС.
  • Исключение из индекса. Ненайденная страница очень быстро покидает индекс. Если у такой страницы были хорошие позиции, по личному опыту скажу, что набрать их повторно может быть очень сложно. Доступны рекомендации по работе с 404 страницей от «Яндекса» и Google.

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

Посетитель не может повлиять на 404-ю ошибку прямым образом. Но может сделать это косвенно:

  1. Связаться с вебмастером сайта. Необходимо сообщить вебмастеру о найденной битой ссылке.

    Пример страницы ошибки, которая позволяет связаться с поддержкой сайта

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

    Подождите 1-2 дня и нажмите F5, чтобы обновить страницу

    Подождите 1-2 дня и нажмите F5, чтобы обновить страницу
  3. Проверить интернет и подключение на своей стороне. В некоторых случаях ошибка 404 появляется из-за проблем с подключением на стороне пользователя. Чтобы подтвердить этот сценарий, откройте любую другую страницу в интернете. Если она не открылась — это как раз ваш случай. Убедитесь, что сетевое оборудование настроено корректно и выход в интернет имеется на вашем устройстве:

    Выход в интернет активен

    Выход в интернет активен

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

Теперь дадим рекомендации для вебмастеров.

Во-первых, необходимо регулярно мониторить битые ссылки на своем сайте. Для выполнения этой задачи вы можете использовать Google Search Conslie и «Яндекс.Вебмастер».

Чтобы найти все удаленные 404 страницы из поиска Google, откройте GSC и перейдите в отчет «Покрытие»:

Находим 404-е страницы на своем сайте при помощи Google Search Conslie

Находим ошибку 404 на своем сайте при помощи Google Search Conslie

В «Яндекс.Вебмастере» есть аналогичный отчет. Чтобы получить к нему доступ, откройте пункт «Индексирование»:

Открываем отчет по страницам в поиске в «Яндекс.Вебмастере»

Открываем отчет по страницам в поиске в «Яндекс.Вебмастере»

Теперь кликаем по кнопке «Исключенные» в верхней части экрана и чуть ниже отмечаем одноименный фильтр

Находим исключенные страницы на своем сайте

Находим исключенные страницы на своем сайте

Во-вторых: что делать дальше? После того как битая страница найдена — можно приступать к ее «ремонту». Алгоритм действий такой:

  1. Еще раз проверьте корректность URL.
  2. Восстановите или добавьте новый контент на страницу с битым адресом.
  3. Опубликуйте страницу.
  4. Альтернативное решение — удалить страницу с битой ссылкой и дождаться, пока ПС ее исключат из поискового индекса.

Можно также изменить адрес страницы, чтобы он стал работающим и приводил к открытию существующей страницы. Или еще проще: вместо удаленной страницы good.ru/blog/google-said создать новую страницу с адресом good.ru/blog/google-said-new, например.

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

Как улучшить страницу ошибки 404

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

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

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

Но 404-я страница совсем не обязательно должна быть серой и безвкусной. И вот тому доказательство:

Piratecode подошел к созданию с долей иронии

Piratecode подошел к созданию с долей иронии

Что можно сделать с этим? Попробуйте настроить внешнее и функциональное воплощение несуществующей страницы сайта.

Вот еще примеры, как можно улучшить страницу 404 ошибки функционально:

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

    C двумя ссылками

    C двумя ссылками
  2. Опубликуйте форму поиска по сайту.

    C поисковой строкой

    C поисковой строкой
  3. Разместите e-mail технического специалиста/вебмастера или техслужбы сайта, чтобы пользователь мог написать туда при нахождении битых ссылок:

    C кнопкой «Сообщить об ошибке

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

    C URL на главную

    C URL на главную
  5. Разместите виджет с популярными вопросами или популярными страницами:

    C несколькими ссылками

    C несколькими ссылками

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

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

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

После анализа сотни веб-сайтов разной направленности на предмет наличия проработанной, интересной и нестандартной страницы 404 были выявлены 27 достойных примеров, которые представлены ниже. Также в конце этого материала вы найдёте несколько рекомендаций по теме.

Доска бесплатных объявлений «OLX»

Графический редактор «Figma»

Станция технического обслуживания «Ремонтов»

Интернет-магазин автозвука «ZvukDV»

Сервис для дизайнеров «Marvel»

Платформа для создания посадочных страниц «LPgenerator»

Клининговая компания «Qlean»

Официальный сайт «KFC» в России

Сайт для поиска работы и сотрудников «Superjob»

Издательство «МИФ»

Интернет-магазин креативных подарков «Enjoyme»

Доска объявлений по продаже автомобилей «Колёса»

Девелоперская компания «Инград»

Магазин строительных материалов «Петрович»

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

В целом страница 404 должна решать следующие задачи:

  • Объяснять посетителю, что произошло.

  • Указывать причины, по которым пользователь попал на эту страницу.
  • Подсказывать, что делать дальше.

Общие рекомендации по теме

  1. При разработке или редизайне страницы 404 проявляйте творчество и креатив, отталкиваясь от сферы бизнеса. Здесь можно разместить ограниченные по времени купоны на скидку, форму подписки на выгодные акции, тематическую иллюстрацию, строку поиска по сайту, интерактивные элементы, генератор случайных советов и так далее.
  2. Обязательно проверьте, чтобы страница ошибки 404 на вашем сайте была правильно настроена, а сервер возвращал код статуса HTTP 404 Not Found. Иначе в результатах выдачи поисковых систем могут начать появляться ссылки на несуществующие страницы вашего сайта, что негативно повлияет на SEO.
  3. Регулярно проверяйте ссылки, размещённые на сайте, на предмет актуальности. Заменяйте или удаляйте битые ссылки при обнаружении.

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

Понравилась статья? Поделить с друзьями:

Читайте также:

  • Ошибка 404 синий экран
  • Ошибка 404 санс
  • Ошибка 404 сайт не найден
  • Ошибка 404 примеры
  • Ошибка 404 ростелеком

  • 0 0 голоса
    Рейтинг статьи
    Подписаться
    Уведомить о
    guest

    0 комментариев
    Старые
    Новые Популярные
    Межтекстовые Отзывы
    Посмотреть все комментарии