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

Содержание

что это значит и как исправить

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

Присоединяйтесь к нашему Telegram-каналу!

Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
Для этого вам необходимо подписаться на наш канал.

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

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

Допустим:

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

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

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

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

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

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

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

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

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

Для проверки ответа сервера (HTTP status code,или ответ сервера, который предусмотрен при использовании HTTP-запросов) также удобно использовать Checkmy.

Принцип такой же, как и в «Яндекс.Вебмастере». Открываем сервис и указываем URL страницы, которую нужно проверить. Нажимаем кнопку «Отправить запрос» внизу страницы:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Еще раз проверьте корректность URL.
Восстановите или добавьте новый контент на страницу с битым адресом.

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

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

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

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

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

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

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

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

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

Лучшие 404 страницы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ошибка 404. «Страница не найдена» (Not Found). Как исправить?

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

Начну наверное с того, что ошибка 404 может появляться практически в любом браузере и на любом устройстве. Будь то компьютер, ноутбук, телефон, планшет, или какое-то другое устройство. Так же без разницы, установлена у вас Windows 10, 8, 7, или вообще XP. Это проблема не с вашим устройством и не с подключением к интернету (в большинстве случаев).

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

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

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

Ошибка 404: что это и почему она появляется?

Данная ошибка означает, что вы пытаетесь перейти по адресу, которого не существует. Страница по этому адресу недоступна. Адрес страницы изменился, или она была удалена. Например, возьмем одну из страниц этого сайта. Пускай это будет https://help-wifi.com/poleznoe-i-interesnoe/chto-takoe-router-chem-wi-fi-router-otlichaetsya-ot-marshrutizatora. Если перейти по этому адресу, то загрузится необходимая нам страница. Но, если изменить адрес, например добавить в конце какую-то цифру, или букву, то мы увидим ошибку «Страница не найдена». Так как страницы с таким адресом просто не существует на сайте.

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

В социальной сети Вконтакте, например, страница с ошибкой 404 выглядит вот так (Page Not Found):

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

Как исправить ошибку 404 «Страница не найдена»?

Решений очень мало. Так как проблема не на вашей стороне, а на стороне сервера (сайта). И скорее всего, вряд ли вы уже сможете получить доступ к этой странице. Но несколько решений, которые могут исправить эту ошибку, все таки есть.

Первым делом обновите страничку в браузере. Нажмите на клавишу F5, или на соответствующую кнопку в самом браузере.
Проверьте адрес в адресной строке. Может вы туда случайно что-то дописали.
Не редко ошибка 404 появляется из-за того, что автор на сайте неправильно указал адрес ссылки. У меня такое было несколько раз.
Скопируйте ссылку из адресной строки браузера, и попытайтесь найти ее через поисковую систему Яндекс, или Google.
Возможно, в результатах поиска появится необходимый нам сайт и необходимая страница.
Вернитесь на главную страницу сайта, и попробуйте найти необходимую страницу через меню на сайте, или через поиск.
Попробуйте открыть данный URL (адрес) в другом браузере, или с другого устройства. Если в другом браузере все отлично откроется, вы не увидите ошибки «Страница не найдена», то очистите кэш своего браузера. Для примера: как это сделать в браузере Opera.
Если весь сайт недоступен (даже главная страница) и в браузере появляться ошибка Not Found (или другая с кодом 404), а с другого устройства (через другое подключение к интернету) все открывается, то скорее всего ваш IP-адрес по какой-то причине заблокирован на сервере. Можно сменить IP с помощью VPN плагина для браузера. Если очень нужно зайти на этот сайт.
Редко, но может быть проблема с DNS. В таком случае, можно попробовать прописать DNS от Google.
Если вам очень нужно получить доступ к странице с информацией, на которой появляется ошибка «Нет такой страницы» (или что-то в этом роде), то вы можете написать администрации сайта и объяснить проблему. Возможно, они подскажут вам новый адрес.

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

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

44 невероятных страницы с ошибкой 404

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

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

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

Что такое страница ошибки 404?

Страница ошибки 404 — это веб-страница, предназначенная для отображения, когда запрос вызывает код ответа HTTP 404. Этот код означает, что клиент (или «посетитель») смог найти сервер, но не конкретный пункт назначения. Другими словами, они нашли ваш сайт, но не конкретную страницу вашего сайта. Таким образом, сервер отправляет вашему браузеру код ответа 404, сообщая им, что произошло. Если дизайнер сайта указал один, загружается страница ошибки 404.

Вот пример:

Посетите страницу состояния, и ваш браузер загрузит нашу главную домашнюю страницу. Вы нашли наш сервер. Добавьте правильное место назначения в конец этого URL-адреса, например, /pricing или /login, и ваш браузер загрузит это конкретное место назначения. Но попробуйте несуществующий пункт назначения, например /gibberish, и вы получите страницу 404. По сути, наш сервер говорит следующее: вы нашли меня, я вижу там свой URL-адрес, но конкретное место назначения, которое вы ищете после косой черты, — это страница, для которой у меня нет соответствия. Итак, вот эта страница с ошибкой, чтобы вы знали, что я не вижу в своем каталоге страницы, которая соответствует тому, что вы просите.

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

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

Они нажимают на ссылку, которая указывает на URL-адрес страницы, которой больше не существует
Они нажимают или вводят ссылку с ошибкой

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

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

А как насчет других страниц ошибок?

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

Любой трехзначный код ошибки, который начинается с 4, например 404, называется ошибкой уровня 400 и означает, что что-то пошло не так на стороне клиента. Клиент в этих отношениях — ваш веб-посетитель. Точнее, это их браузер. Поэтому имеет смысл, что неправильно написанный URL-адрес считается ошибкой клиента. Сервер (компьютер, на котором размещен сайт) работает нормально.

Другие распространенные ошибки уровня 400 включают в себя:

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

Другим распространенным набором кодов ошибок являются 500-уровневые коды. Там, где коды уровня 400 указывают на проблему с чем-то, что делает клиент, коды уровня 500 указывают на что-то неожиданное, происходящее на стороне сервера.

Некоторые из распространенных кодов уровня 500:

503 Служба недоступна: это стандартная ошибка «сервер недоступен». Обычно сервер не может ответить, потому что он перегружен или отключен для обслуживания.
504 Время ожидания шлюза: сервер действовал как шлюз для вышестоящего сервера, но вовремя не получил ответ от вышестоящего сервера.

Совет: Даже если на сайте нет страницы с ошибкой, вы можете увидеть коды ошибок в своем браузере. Например, в Chrome щелкните правой кнопкой мыши страницу и нажмите «Проверить». Вы увидите набор панелей инструментов разработчика. На вкладке «Консоль» вы увидите список любых кодов ответов HTTP, которые могут быть сгенерированы, а также кучу другой «внутренней» информации, которую сервер сообщает вашему браузеру.

Интересный факт: Существует и иногда используется малоизвестный код ошибки 451. Код предназначен для использования, когда доступ запрещен из-за юридического запроса, и является отсылкой к роману-антиутопии «451 градус по Фаренгейту».

44 невероятных примера страниц с ошибкой 404

1. 20th Century Fox

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

2. Amazon

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

3. Astuteo

Фирма веб-дизайна и цифрового маркетинга Astuteo привлекла большое внимание своей страницей ошибок на тему «Касабланки». Приземлитесь на их страницу с ошибкой сейчас, и копия делает умную ссылку на всех, кто ищет забавную страницу с ошибкой. Все еще смешно.

4. Batman 3-D

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

5. Benjamin Reid

Британская фирма веб-дизайнера Бенджамина Рида Nouveller создала невероятную страницу ошибок, вдохновившись фильмом «Парк Юрского периода». Страница позволяет посетителям попробовать взломать компьютерную систему парка, основываясь на сцене, где персонаж Сэмюэля Л. Джексона пытается обойти систему безопасности, установленную коварным программистом парка.

6. Кампания Берни Сандерса

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

7. Bitly

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

8. Blizzard Entertainment

Blizzard Entertainment использует дизайн разбитого стекла на своей странице с ошибкой с дерзким текстом о том, что пользователь «сломал» страницу. Умная концепция, особенно для миллионов поклонников Blizzard, стреляющих цифровыми боеприпасами на своих экранах.

9. Bloomberg

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

10. Bluegg

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

11. Codecademy

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

12. Daniel Karcher

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

13. Дилберт

Комикс о Дилберте — отличный пример использования собственного контента в качестве материала для страницы 404.

14. Dogstudio

Dogstudio использует потрясающую библиотеку Giphy с изображениями животных, чтобы заполнить свою страницу ошибок постоянно меняющимися изображениями собак.

15. Восточный рынок

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

16. Emailcenter UK

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

17 . Google

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

Страница с ошибкой представляет собой простую иллюстрацию сломанного робота и копии. Но пасхальное яйцо находится в заголовке страницы, который вы видите на вкладке браузера. Сначала это выглядит как опечатка, но «!!1» — это отсылка к интернет-шутке о том, как быстро энтузиазм (!!!) может стать неряшливым (!!1). Обратите внимание на эту клавишу Shift, дети.

18. HeyZap

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

19. Hot Dot Production

Hot Dot Production создала привлекательную интерактивную страницу ошибки 404 с гигантской плавающей анимацией «404». Щелкайте по частям чисел, и точки взрываются в пространстве и возрождаются.

20 Хьюго Боначчи

Страница ошибки разработчика и дизайнера Хьюго Боначчи при первом посещении выглядит как стандартная страница ошибки 404. Затем фиолетовая вращающаяся черная дыра начинает засасывать все элементы страницы.

21. IGN

IGN заимствует некоторую ностальгию у любителей видеоигр по их странице ошибок, вдохновленной Марио. Копия ссылается на моменты из игр «Принцесса в другом замке».

22. IMDb

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

23. Iconfinder

Эффект полета в космосе из «Звездных войн» завораживает зрителей с 1970-х годов. Это в полной мере влияет на страницу ошибки 404 Iconfinder. Еще один отличный пример тонкой анимации, производящей большое впечатление.

24. Imgur

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

25. Jackrabbit Design

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

26. Куало

Space Invaders — еще одна классическая аркадная игра. Британская команда, стоящая за Kualo, сделала забавный ход, назвав название своей компании Invaders. Захватчики, которых вы полюбите уничтожать космическим лазером.

27. Lego

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

28. Lonely Planet

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

29. Lush

Эта страница с ошибкой косметического бренда Lush — отличный пример привязки вашей страницы к рекламной акции. К Пасхе 2014 бренд анонсировал «Охоту за пасхальными яйцами». Найдите пасхалку на их сайте и выиграйте бесплатный приз. Оказывается, пасхалка была спрятана на странице с ошибкой 404, а призом стала специальная версия «Ошибка 404» их популярного продукта с бомбой для ванны.

30. Magnt

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

31. MailChimp

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

32. NPR

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

33. Национальный музей истории похорон

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

34. Житель Нью-Йорка

Житель Нью-Йорка известен своими превосходными мультфильмами. Так что, конечно, у них есть тот, который идеально подходит для страницы с ошибкой.

35. Правительство Новой Зеландии

У людей есть плохая привычка оставлять Новую Зеландию вне карты. Правительство страны немного позабавилось этим на своем собственном веб-сайте со ссылкой «чего-то не хватает» и картой мира без Новой Зеландии.

36. Nuvango

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

37. Оранжевое пальто

Под интерактивом не обязательно подразумеваются игры и виджеты Javascript. Страница ошибок Orange Coat дает посетителям блок-схему в стиле «выбери свое приключение».

38. Romain Brasier

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

39. Spotify

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

40. Стив Ламберт

Страница художника Стива Ламберта, получившая название «Самая неловкая страница ошибок в Интернете», заслуживает внимания. Попробуйте дойти до конца. Как пишет Стив на странице: «Такая идея приходит к вам только в 12:30. И ты должен сделать это тогда, иначе ты никогда этого не сделаешь».

41. Sygic Travel

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

42. Австралийские

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

43. Музей творения

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

44. The Irish Times

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

Дополнительный совет:

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

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

Вот почему так важно иметь страницу состояния в дополнение к странице ошибок:

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

Попробуйте бесплатно.

40 Умные страницы ошибок 404 с реальных веб-сайтов

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

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

Неудобно, но факт. И реакция посетителей, когда они попадают на несуществующую страницу, может варьироваться от «не воспринимать это спокойно» до «полностью сходить с ума».

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

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

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

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

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

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

Лучшие примеры веб-страниц с ошибкой 404

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

Страница не найдена: креативные страницы ошибок 404

1. Pipcorn

Хотя страница 404 может легко выделяться на веб-сайте, страница ошибки Pipcorn идеально сочетается с остальным брендом сайта. Есть приятный анимированный фон, дружественная текстовая подсказка, направляющая посетителей на поиск на веб-сайте (в комплекте с умной игрой слов), и кусочек попкорна, используемый как «0» в «404».

2. Spotify

Гигант потоковой передачи музыки Spotify прикрыл свои базы умной страницей 404. Используя остроумный каламбур из альбома Канье Уэста «808s and Heartbreak» и анимацию записи, веб-сайт ненадолго развлекает посетителей, а затем отправляет их обратно на страницу, с которой они пришли.

3. Гениально

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

4. Adobe

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

5. Clorox

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

6. Коллективная Дума

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

7. Chillhouse

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

8. Bitly

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

9. Ikea

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

10. Moxie Design Co.

Конечно, фраза «взорвал Интернет» может быть несколько преувеличенной, но это говорит посетителям о том, что Moxie Design Co. не воспринимает себя слишком серьезно с такими небольшими оплошностями, как этот. . Кроме того, панель поиска удобно расположена внизу, чтобы отправить вас в путь.

11. McKissack & McKissack

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

12. Хитрости CSS

Вы когда-нибудь отрывали оболочку веб-сайта, чтобы посмотреть, что находится под ней? Это концепция, к которой CSS Tricks стремились на своей странице с ошибкой 404. Это и остроумно, и напоминает о том, что такое веб-сайт: разумное использование стилей страницы.

13. Старые добрые игры

Для других веб-сайтов вы разворачиваете переднюю часть и видите… просто огромную пустоту. Эта страница является отсылкой к GOG Galaxy, собственному клиенту для видеоигр от Good Old Games. К счастью, здесь есть маленький персонаж из видеоигры, чтобы посетители могли сообщить об ошибке, если захотят.

14. Canva

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

15.

Innotech

Подобно подходу Canva, Innotech предлагает игру в стиле Pong на своей странице 404, чтобы немного развлечься. Скорее всего, вы помните такой веб-сайт. Кроме того, забавный обходной путь дополняет действительно впечатляющий веб-сайт — серьезно, когда вы закончите играть, перейдите на домашнюю страницу и ознакомьтесь со всем этим. -фирменный дизайн страницы 404, который имитирует классические цветные полосы SMPTE, которые появляются на старых лентах и телевизорах. Это забавный возврат к старым технологиям, представляющий более современную проблему несуществующей веб-страницы.

17. KonMari

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

18. BrandCrowd

Мало того, что иллюстрация на этой странице с ошибкой подробная и привлекательная, текст еще и умный. Нам нравится отсылка к песне Semisonic «Closing Time»: «Вы можете щелкнуть где угодно, но не здесь».

19. Hot Dot Productions

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

20. OrangeCoat

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

21. Ervin & Smith

Эта страница 404 не просто перенаправляет пользователей обратно на активные страницы. Вместо этого страница 404 Ervin & Smith приглашает вас прокрутить вниз и узнать, почему вам нужно агентство цифрового маркетинга и почему выбрать именно Ervin & Smith, а также контактную форму. Верное своей миссии, это агентство показывает, что любая страница может быть возможностью конверсии.

22. DayCloud Studios

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

23. Headspace

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

24. Пекарня Wildwood

Некоторые веб-сайты до сих пор размещали на своих страницах умные фирменные тексты, в то время как другие размещали на своих страницах полноценные онлайн-игры. Но нет ничего плохого в коротком толчке в правильном направлении. Изысканный сайт Wildwood Bakery делает вещи короткими и приятными (буквально).

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

25. Astuteo

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

26. LEGO

На странице ошибки 404 LEGO нужно несколько слов — по выражению лица персонажа все становится ясно. Кроме того, поклонникам кинофраншизы LEGO понравится забавная отсылка в копии.

27. Magnt

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

28. IconFinder

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

29. Sweet Dreams

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

30. GitHub

Строка «Это не те дроиды, которых вы ищете» относится к джедайскому трюку Оби-Вана Кеноби со штурмовиками в «Звездных войнах. Эпизод IV 9».0281 , и это стало широко известной фразой, используемой для того, чтобы сказать кому-то, что они придерживаются неправильного курса действий. GitHub воспроизводит эту известную строку в своем сообщении об ошибке 404.

31. Patagonia

Настраиваемая страница 404 Patagonia идеально отражает атмосферу бренда, дополнена видео-бумерангом фрисби-вертушки, умным каламбуром, сочетающим «404» и «aloha», и ссылками на страницы продуктов. Это дружелюбный и забавный способ приветствовать посетителей, которые оказались не в том месте.

32. Cloud Sigma

Проверьте это: Cloud Sigma позволяет нам заглянуть за кулисы. Их страница с ошибкой 404 претендует на роль «домашней страницы младшего разработчика» — этот младший разработчик, ну, в общем, кот.

33. Кинотеатры AMC

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

34. Bruno

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

35. NPR

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

36. Medium

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

37. HomeStarRunner

На сайте HomeStarRunner.com, на котором размещается мультипликационный сериал в формате Flash, за многие годы появилось несколько забавных страниц с ошибкой 404. Самые последние персонажи из мультсериала представлены в сцене, которая могла появиться прямо из одного из их эпизодов. Если вы включите звук при загрузке страницы, вы услышите, как их персонаж Strong Bad, известный тем, что громко выкрикивает фразы, говорит: «404’d!»

38.

Blizzard Entertainment
Вот простая идея, которая в конечном итоге выглядит привлекательно: на странице 404 Blizzard Entertainment изображен анимированный персонаж, потерявшийся в настоящей метели, и немного юмора, который оценят поклонники World of Warcraft.
39. Hello Big Idea
Краткий обзор экспертов по маркетингу и социальным сетям Веб-сайт Hello Big Idea расскажет вам все, что вам нужно знать о смелом и прямолинейном стиле рекламы. И, конечно же, его страница с ошибкой 404 не является исключением.
40. HubSpot
У нас тоже такое бывает! Это сообщение, которое мы размещаем, чтобы сообщить посетителям нашего сайта о некоторых проблемах с сайтом. Нашей целью было оставаться верным голосу бренда HubSpot, оставаясь как можно более привлекательными, чуткими и полезными.
Превратите страницу с ошибкой 404 в момент удовольствия
Никто не хочет попасть на страницу 404 — они раздражают и неожиданны. Тем не менее, вы не можете избежать их, поэтому всегда полезно иметь страницу 404, чтобы вернуться на свой сайт.
И, с точки зрения пользовательского опыта, ваша страница 404 должна быть небольшим лежачим полицейским, а не кирпичной стеной. Правильный дизайн может быть разницей между неудачным отказом и возможной конверсией, так почему бы не сделать это забавным?
Примечание редактора: этот пост был первоначально опубликован в декабре 2015 года и обновлен для полноты.
Первоначально опубликовано 18 апреля 2022 г., 7:00:00, обновлено 17 октября 2022 г.
Темы:
Примеры дизайна веб-сайта
Не забудьте поделиться этим постом!
Что такое ошибка 404? Как бороться с веб-ошибкой
Значок «Сохранить статью» Значок «Закладка» Значок «Поделиться» Изогнутая стрелка, указывающая вправо.
Скачать приложение
Скорее всего, вы уже сталкивались с ошибкой 404. Маскот / Getty Images
Ошибка 404 означает, что веб-страница, которую вы пытаетесь открыть, не может быть найдена.
Вы можете увидеть ошибку 404 из-за проблемы с веб-сайтом, из-за того, что страница была перемещена или удалена, или из-за неправильного ввода URL-адреса.
Ошибки
404 сегодня встречаются реже, чем раньше, поскольку веб-сайты теперь стремятся автоматически перенаправлять посетителей с удаленных страниц.
Существует несколько способов устранения ошибки 404 на вашем собственном сайте или на других сайтах.
Одной из самых распространенных ошибок в Интернете — настолько распространенной, что она перешла на неинтернет-сленг — является ошибка 404.
Также известная под более длинным названием «404 Страница не найдена». Это ошибка, указывающая на то, что страница или ресурс, которые вы ищете, не могут быть найдены. Обычно это означает, что он был удален или перемещен.
Что вам нужно знать об ошибках 404
Ошибки 404 распространены, и если вы читаете это, есть большая вероятность, что вы сталкивались с такой раньше. Большинство людей находят их, когда пытаются перейти на конкретную веб-страницу, которой больше не существует.
Просто ваш браузер запрашивает у веб-сайта что-то отобразить, веб-сайт не может найти нужную страницу для отображения, поэтому вместо этого выдает ошибку.
Почти каждый веб-сайт может выдать ошибку 404. Это самый простой способ сказать пользователю, что он находится не в том месте. Даже у Business Insider есть свои страницы 404, которые отображаются, когда вы пытаетесь посетить несуществующую страницу.
Тем не менее, по сравнению с ранними днями существования Интернета, найти ошибку 404 не так просто, как раньше. На это есть две причины:
Большинство крупных веб-сайтов теперь автоматически перенаправляют пользователей со страниц 404. Если веб-сайт планирует удалить или отменить публикацию веб-страницы, эта страница теперь обычно перенаправляется на другую страницу. Как посетитель, вы можете оказаться не на той странице, которую запрашивали, но и не застрять на странице с ошибкой 404. В результате «битых» страниц стало меньше, чем было раньше.
Многие веб-сайты теперь имеют свои собственные страницы 404, которые помогают пользователям легче находить то, что они ищут. В некоторых случаях эти страницы настолько удобны для пользовательского интерфейса, что трудно даже сказать, что вы столкнулись с ошибкой 404.
Большинство веб-сайтов теперь создают настраиваемые страницы ошибок, которые смягчают удар при обнаружении отсутствующей страницы. Дэйв Джонсон/Business Insider
Что делать с ошибкой 404
Если вы получаете ошибку 404 при попытке открыть определенную веб-страницу, не всегда понятно, что пошло не так. Вот несколько способов исправить ошибку 404:
Дважды проверьте введенный вами URL-адрес , особенно если вы ввели его вручную. Возможно, вы сделали простую опечатку.
Обновить веб-страницу. Ошибки 404 могут быть мгновенными сбоями, которые можно устранить, обновив веб-браузер на странице.
Используйте Google (или аналогичную поисковую систему), чтобы снова попытаться найти страницу . Возможно, он был перемещен на другой URL.
Попробуйте попасть туда на другом устройстве . Если у вас есть другой доступный компьютер, телефон или планшет, попробуйте страницу там. Если вы видите веб-страницу с другого устройства, возможно, это проблема с кешем вашего компьютера. Очистите кэш и повторите попытку.
Используйте Wayback Machine Интернет-архива . Wayback Machine — это бесплатная утилита, которая позволяет вам увидеть, как конкретные URL-адреса будут выглядеть в разные моменты времени в прошлом. Если вы знаете, что страница, которую вы ищете, существовала какое-то время, есть большая вероятность, что она сохранена в Wayback Machine.
Свяжитесь с веб-мастером или владельцем сайта . Если вы пытаетесь открыть страницу на небольшом веб-сайте, менеджер сайта, вероятно, захочет узнать, есть ли на сайте неработающие ссылки, потому что значительное количество ошибок 404 может повредить репутации веб-сайта и рейтингу в поисковых системах.
Если вы получаете сообщения об ошибках 404 на управляемом вами сайте, убедитесь, что ни одна страница не была удалена случайно, и что все ваши ссылки и кнопки ведут на правильные URL-адреса. Вы можете использовать бесплатные инструменты, такие как Проверка мертвых ссылок, чтобы найти неработающие ссылки и отсутствующие страницы.
Такие инструменты, как Dead Link Checker, могут помочь найти потерянные и неработающие ссылки на веб-сайтах. Дэйв Джонсон/Business Insider
Что такое компьютерный червь? Вот как защитить себя от копирующегося вредоносного ПО
Программа-вымогатель может зашифровать ваши файлы и заставить вас платить деньги — вот как избежать программы-вымогателя или бороться с инфекцией
Что такое рекламное ПО? Как защитить компьютер от надоедливой или потенциально вредной рекламы
Что такое шпионское ПО? 5 способов защитить свой компьютер от заражения
Что такое блокировщик всплывающих окон? Как включить блокировщик всплывающих окон в веб-браузере или отключить его для доступа к необходимым всплывающим окнам
Дэйв Джонсон
Внештатный писатель
Дэйв Джонсон — журналист, пишущий о потребительских технологиях и о том, как индустрия трансформирует спекулятивный мир научной фантастики в современную реальную жизнь.
No related posts.