Ошибка 404 фото с компьютера
Создайте рассылку в конструкторе за 15 минут. Отправляйте до 1500 писем в месяц бесплатно.
Ошибка 404, либо Error 404 Not Found появляется, если браузеру не удалось обнаружить на сервере указанный URL.
Что означает ответ 404
Разберёмся в техническом формировании ответа Error 404 Not Found.
Что значит код «404». В ответе 404 первая четвёрка указывает на то, что запрос был чрезмерно длительным или в самом адресе была ошибка. Ноль предполагает синтаксическую неточность. Завершающая цифра кода отображает конкретную причину ошибки — «4» означает отсутствие данной ссылки.
Какие ещё ошибки бывают. Ошибку 404 не нужно путать с другими ответами, которые указывают на невозможность связи с сервером. Например, ошибка 403 сообщает, что доступ к URL ограничен, а ответ «Сервер не найден» свидетельствует, что браузер не смог обнаружить место размещения сайта.
Google на 404 странице сообщает о возможных причинах ошибки
Kualo
Начнем мы со страницы, от которой я не могла оторваться добрых 10 минут. Хостинговая компания Kualo вывела 404 на новые высоты, представив игру о космических захватчиках. Она и так очень классная, но еще прикольнее то, что вы можете получить скидку на услуги компании, если наберете больше 1000 очков.
Blizzard Entertainment
Битое стекло = битая ссылка, логично, правда? Обвинять пользователя — наверное, не лучший стиль для подписи, но Blizzard Entertainment может себе это позволить. Это хороший пример того, как простая картинка отлично работает в паре с простым текстом.
Blue Fountain Media
Еще одна игра, но на этот раз в форме числа 404. Конечно же, многие вспомнят Пакмена и обязательно сыграют в эту коротенькую игру — хотя бы ради прикола. Даже и гадать не надо, большинство из нас пройдет хоть один раунд, прежде чем идти дальше.
А это вообще блеск! Попадая на эту страницу 404, вы получаете выбор уволить кого-то из отдела разработки одним кликом мышки. Ясно, что это часть их шутки «для своих», но какой классный способ вовлечь пользователей! Интересно, что будет, если кого-то выбрать…
Примеры оформления страниц 404
Magnt
Ну раз уж на то пошло, посмотрите на Magnt — они подошли к своей странице 404 ошибки очень обдуманно. Пользователи не могут не оценить, насколько она классная и остроумная. Диаграмма Венна показывает две причины, по которым вы могли оказаться на этой странице: «мы что-то сломали» и «вы не умеете печатать». Более того, они еще и добавили текст с загадкой, над которой вы еще долго будете думать, не торопясь переходить на другие страницы.
Daily UI
Эта, казалось бы, совсем простенькая страница ошибки так и просилась в нашу коллекцию. Смешной гифки с Джои из сериала «Друзья» и простого текста достаточно, чтобы заставить зрителя улыбнуться. Замечательный сюрприз для всех поклонников сериала — они обязательно оценят шутку, а может, еще и вспомнят серию.
Kualo
На странице Kualo можно просто поиграть и заработать скидки
Крошечные люди, исследующие предупреждение об ошибке операционной системы на веб-странице, изолировали плоскую иллюстрацию.
Концепция ошибки 404 для целевой страницы
Концепция ошибки 404 для целевой страницы
Ошибка 404 с иллюстрацией концепции милого животного
Концепция ошибки 404 для целевой страницы
Не найдена страница с людьми, подключающими концепцию вилки
Нет иллюстрации концепции данных
Концепция ошибки 404 для целевой страницы
Ошибка 404 с иллюстрацией концепции милого животного
Концепция ошибки 404 для целевой страницы
Ошибка 404, потерянная в космической концепции иллюстрации
Ошибка 404 с людьми, держащими иллюстрации концепции чисел
Предупреждение сети интернет 404 страница ошибки или файл не найден для веб-страницы
Иллюстрация концепции 500 внутренних ошибок сервера
Концепция ошибки 404 для целевой страницы
Предупреждение сети интернет 404 ошибка страницы или файла для веб-страницы. страница ошибки в интернете или проблема не обнаружена в сети. ошибка 404 из-за того, что человек спит на дисплее.
Предупреждение сети интернет 404 страница ошибки или файл не найден для веб-страницы
Деловой человек подавлен и подчеркнул, наблюдая за графиком уменьшения. диаграмма фондового финансового рынка торговли.
Ошибка изометрическая посадка баннера потерянный интернет
Крошечные люди, стоящие возле запрещенного жеста, изолировали плоскую иллюстрацию.
Концепция ошибки 404 для целевой страницы
Предупреждение сети интернет 404 страница ошибки или файл не найден для веб-страницы
Крошечные люди, исследующие предупреждение об ошибке операционной системы на веб-странице, изолировали плоскую иллюстрацию.
Кадр изумленного мужчины-фрилансера, работающего в сети, смотрящего на дисплей ноутбука с широко открытым ртом, имеющего системную ошибку, опасающегося потерять выполненную работу.
В сети и близко нет ничего более раздражающего, чем страница ошибки 404. К счастью, к делу присоединились дизайнеры и постарались сделать досадную ситуацию не такой серьезной, и теперь многие сайты предпочитают вызвать у вас улыбку вместо того, чтобы давать вам повод для разочарования. А ведь это целое искусство — суметь зажечь интерес пользователей там, где они уже утратили всякую надежду.
Сегодняшняя статья стала своего рода коллекцией потрясающих, остроумных и забавных примеров страниц 404 ошибки — примеров настоящей креативности в сети. Перед тем как начнем, вот вам интересный факт, который я раскопала во время написания статьи: название страницы 404 ошибки пошло от номера комнаты 404, в которой размещались самые первые сервера в ЦЕРН. Давайте посмотрим, как дизайнеры и бренды обращаются с этим наследством, которое начиналось как-то так:
3. Безупречный дизайн
Если первые два пункта у вас уже готовы, пора переходить к дизайну. Самый главный дизайнерский совет — вносить хоть какой-то элемент неожиданности. Этого можно добиться, используя, например, необычный формат страницы 404, или добавив что-то более продвинутое, что поможет вовлечь пользователей — как в примерах с играми, встроенными в страницы ошибок. Цель: быть забавными и запоминающимися.
Вот и всё! Было очень весело смотреть на все это разнообразие страниц 404. А еще полезно было увидеть, как бренды вкладывают усилия во что-то настолько простое — в страницу, смысл которой лишь в том, чтобы рассказать вам, что кто-то просчитался и наделал ошибок. Расскажите нам, какая из страниц 404 нашего списка понравилась вам больше всего — оставляйте свои отзывы в поле для комментариев внизу.
Начну наверное с того, что ошибка 404 может появляться практически в любом браузере и на любом устройстве. Будь то компьютер, ноутбук, телефон, планшет, или какое-то другое устройство. Так же без разницы, установлена у вас Windows 10, 8, 7, или вообще XP. Это проблема не с вашим устройством и не с подключением к интернету (в большинстве случаев) .
Саму ошибку "Not Found", или "Нет такой страницы" можно наблюдать при посещении самых разных сайтов. В социальных сетях, в поисковых системах, и даже на вашем любимом сайте, где вы фильмы смотрите 🙂
Так же сама ошибка может выглядеть по-разному. В данном случае все зависит от того, как она настроена на сайте. Не редко, это обычная, можно сказать стандартная ошибка, которую выдает сервер. Выглядит она примерно вот так:
Distilled
И наконец, эта забавная страница 404 демонстрирует беседу двух «приятелей». Разговор и сам по себе очень смешной, но если читать его с британским акцентом, будет еще веселее.
Яндекс Вебмастер
Сервис для вебмастеров от Яндекса поможет быстро найти все ошибки 404:
Чтобы использовать Яндекс.Вебмастер, также нужно подтвердить право владения сайтом — добавить метатег в HTML-код главной страницы.
Для входа в Вебмастер авторизуйтесь в Яндексе
20 отличных примеров страниц 404 со всей сети
Перед вами одни из лучших страниц ошибки 404 от брендов, которые вы хорошо знаете, от брендов, которые вы можете знать, и от брендов, с которыми обязательно захотите познакомиться после того, как прочтете эту статью.
Domenart Studio
Веб-студия «Домен АРТ» использует красочную страницу 404, оформленную в единой стилистике ресурса. Заблудившимся пользователям предлагают попробовать ещё раз ввести адрес или перейти в нужный раздел.
Контакты, поиск, меню — и всё это на 404 странице Domenart Studio
«Эко Пауэр», дистрибьютор производителя источников питания, демонстрирует короткое замыкание как символ ошибки. Посетителям предлагают перейти на главную.
Ошибка 404 «Эко Пауэр» выглядит как страница входа
9gag
Когда движущей силой твоего бренда становится юмор, нужно удивлять пользователей еще большей порцией юмора. Раньше на странице ошибки 9gag была гифка из «Криминального чтива» с Джоном Траволтой, который в растерянности бродил вокруг, а под гифкой текст: «Здесь ничего нет». Теперь у них на странице какой-то новый мем, который я не могу расшифровать — может, получится у вас.
Designzillas
Мультяшная страница креативной студии привлекает внимание и её хочется досмотреть до конца. Если прокрутить страницу, можно увидеть, как из яйца вылупится дракон. При этом на странице есть ссылки на все основные разделы сайта.
Меню на сайте Designzillas есть и на 404 странице
Причины ошибки
- Неверный адрес. К примеру, при ручном наборе пользователь допустил опечатку в URL либо ссылка ведёт на несуществующую страницу.
- Битая ссылка. Это нерабочий URL, который никуда не ведёт. Данный вариант иногда возникает при внутренней перелинковке. К примеру, раньше страница существовала, а потом её удалили и забыли убрать ссылку.
- Удалённая страница. Когда пользователь попытается перейти на удалённую с сервера страницу, он также увидит ошибку 404. Ссылка для перехода может сохраниться в браузерных закладках или на сторонних ресурсах.
- Неправильный редирект на страницу с изменённым адресом. Допустим, в процессе редизайна URL изменили, но оставили без внимания связанные ссылки.
- Неполадки на сервере. Это самый редкий вариант.
В большинстве ситуаций ошибка 404 отображается, когда не удаётся обнаружить нужную страницу на доступном сервере.
Причины отсутствия страницы на сайте бывают разными
Search Console Google
Консоль поиска Google позволяет находить страницы с ошибкой 404 за несколько кликов:
- Войдите в учётную запись Google и перейдите в Search Console.
- Откройте раздел «Ошибки сканирования» → «Диагностика».
- Кликните на «Not Found».
Чтобы получить список страниц с ошибками, подтвердите права на ресурс — добавьте проверочную запись TXT в записи DNS регистратора домена. Такая запись не повлияет на работу сайта. Подробнее о процедуре подтверждения, читайте в справке Google.
Для использования Search Console Google нужно подтвердить свои права на сайт
Screaming Frog
Для начала загрузите и установите программу на компьютер. После запуска добавьте URL проверяемого сайта и начните поиск проблем. Неработающие ссылки можно искать даже в бесплатной версии.
Инструмент SEO-паук в Screaming Frog помогает найти технические неисправности сайта
Ошибка 404: что это и почему она появляется?
Как видите, у меня страница с ошибкой более информативная, чем на скриншоте в начале статьи. Можно перейти на главную, найти что-то через поиск по сайту, или посмотреть другие статьи.
В социальной сети Вконтакте, например, страница с ошибкой 404 выглядит вот так (Page Not Found) :
Как мы уже выяснили, эта ошибка появляется из-за проблем на самом сайте. В большинстве случаев, просто меняется адрес нужной вам страницы, или администратор сайта удаляет ее. Могут быть проблемы на стороне сервера, где находится сайт. Например, неправильная работа какой-то системы защиты и т. д. С поисковой системы вряд ли можно зайти на страницу, с ошибкой Not Found. Так как поисковые системы "выбрасывают" такие страницы из индекса. Я сам не редко сталкиваюсь с этой ошибкой при переходе на какую-то страницу из закладок, или по ссылке на сайте.
Подводя итоги: эта ошибка в большинстве случаев возникает из-за проблем на самом сайте. Нам нужно только смерится, и найти необходимую информацию на другом сайте. Это не большая проблема в наше время.
The Australian
Кому еще высмеивать политиков, как не газете! «The Australian» сделала редизайн своей страницы 404 — их каламбуры остроумно обыгрывают выступления, цитаты и промахи политических деятелей, метко и находчиво объясняя причину страницы ошибки.
2. Правильная графика, точно передающая идею
Текст конечно важен, но дополняющая его графика делает послание более запоминающимся. Некоторые бренды используют гифки, некоторые — интерактивные изображения. Воспользуйтесь шансом добавить не просто красивое фото, а какую-нибудь веселую картинку или забавный визуальный элемент, который оживит скучную страницу 404.
1. Остроумный, непринужденный текст
Увидев ошибку 404, все и так понимают, что «страница, которую вы ищете, не существует». Вместо того, чтобы писать очевидные всем вещи и давать пользователям повод лишний раз позевать, напишите что-то, что соответствует голосу вашего бренда. Это может быть что-то непринужденное, неожиданное, веселое и просто оригинальное. Смысл в том, чтобы внести в пользовательские опыт элемент неожиданности и юмора, и как видно из наших сегодняшних примеров, все начинается с текста.
Возможные последствия для сайта
Нужно ли считать 404 ошибку опасной для сайтов? Кажется, что нет ничего плохого в том, что пользователь не смог открыть одну веб-страницу. Однако если такая ситуация будет повторяться регулярно, это чревато оттоком аудитории. Одни пользователи решат, что сайт вовсе не существует. Другие подумают, что лучше не заходить на сайт, который работает с ошибками. Третьи будут игнорировать ресурс, на котором не смогли получить обещанную информацию.
Поисковые системы относятся к Not Found более лояльно. Например, Google отмечает, что 404 страницы не влияют на рейтинг. Но если при индексации роботы будут находить все больше ошибочных страниц, вряд ли это приведёт к более высокому ранжированию.
Amazon
А теперь переходим от остроумных к милым. Ну кто устоит против симпатичного песика? Amazon отлично это понимает, поэтому использует свою страницу 404, чтобы показать их офисных собак. Конечно, упор сделан на извинения, но если вы будете попадать на эту страницу в разное время, то получите возможность перезнакомиться со всеми собаками из Amazon.
Huffington Post
Интернет-издание «Huffington post» пошло по неформальному пути, по максимуму использовав всю силу милых пёсиков, против которой просто невозможно устоять. Ну разве можно не улыбнуться, глядя на картинку с этой милой мордахой и простой подписью? С таким комбо не прогадаешь.
Team Coco
Сайт Конана О’Браена не разочаровывает никогда. Сменяющие друг друга серии гифок показывают лучшие моменты с Энди, так что их страница 404 — настоящая удача. И конечно, вам стоит посмотреть на нее в действии
Как выявить ошибку
На небольшом ресурсе легко проверить работоспособность ссылок вручную. Но если на сайте сотни и тысячи страниц, без дополнительного софта не обойтись. Есть немало сервисов и программ, позволяющих находить битые ссылки. Рассмотрим некоторые из них.
SiteAnalyzer
Эта бесплатная десктопная программа позволяет обнаружить технические погрешности на сайте. SiteAnalyzer быстро отыщет нерабочие и несуществующие ссылки.
SiteAnalyzer бесплатно найдёт неработающие URL
Выбор конкретного решения зависит от причины ошибки:
- Ссылка ведёт в никуда из-за неверного URL. Для решения проблемы замените ошибочную ссылку на правильный адрес, чтобы сервер отдавал код 200 OK.
- Битая ссылка. Подобная ситуация не редкость при внутренней перелинковке страниц. К примеру, ссылка есть, а саму страницу давно удалили. Решений два: удалить ссылку или заменить её на другую.
Удалять и менять ссылки вручную удобно только на небольших сайтах. Исправление ошибок на крупных порталах лучше автоматизировать. Например, с помощью специальных плагинов для внутренней перелинковки (Terms Description, Dagon Design Sitemap Generator) и для автоматического формирования адресов страниц (Cyr-To-Lat).
Чтобы ошибки 404 появлялись как можно реже, достаточно соблюдать простые рекомендации:
- Не присваивайте сложные адреса основным разделам сайта. Это снизит число ошибок, связанных с опечатками в URL.
- Не меняйте адреса страниц слишком часто. Это неудобно для пользователей и вводит в заблуждение поисковых роботов.
- Размещайте сайт на надёжном сервере. Это предотвратит ошибки, возникающие из-за неработоспособности сервера.
Как сделать страницу 404 полезной
Грамотно оформленная страница с ошибкой Error 404 Not Found — действенный инструмент конвертации посетителей. Ограничений по использованию страницы с ошибкой 404 нет. При этом практически все CMS позволяют настраивать дизайн этой страницы.
Что публиковать на странице 404:
- меню с кликабельными ссылками;
- ссылку на главную страницу;
- анонс последних публикаций;
- контакты для обратной связи.
При оформлении страницы-ошибки желательно опираться на рекомендации поисковиков:
- Яндекс настоятельно рекомендует, чтобы страница контрастировала с основным содержанием сайта — иные цвета, другие графические приёмы либо их отсутствие. Необходимо чётко и понятно объяснить пользователю, что запрошенной страницы не существует и предложить другое решение.
- Google советует придерживаться единого стиля оформления. Но также рекомендует понятно рассказать об ошибке и предложить полезные материалы.
Главное — по возможности отказаться от стандартной страницы 404. Подумайте, как привлечь внимание пользователя. Расскажите ему об отсутствии искомой страницы и предложите взамен что-то полезное или интересное.
CSS- Tricks
Эта страница стала настоящим хитом среди пользователей — главным образом потому, что тут никакие слова не нужны. Увидев непонятный вам код, вы сразу понимаете, что ваша страница не найдена. Это как бы отсылка к тому, что дело за разработчиками — чтобы решить проблему, им нужно заглянуть в код вебстраниц.
Дом со всем
Компания «Дом со всем», занимающаяся бурением скважин, разместила на странице 404 свои контакты и перечень услуг. Со страницы можно перейти в любой раздел сайта или заказать обратный звонок. С таким наполнением посетителю не нужно искать дополнительную информацию где-то ещё.
Компания «Дом со всем» предлагает заказать обратный звонок
Bit.ly
Простота и хороший дизайн — тоже отличное сочетание. Bit.ly нарисовали очень милого морского ежа, с которым можно поиграть на странице. Такая простая идея помогает превратить нерабочую страницу во вполне функциональную, даже если она займет пользователя всего на пять секунд.
Kwarter
Это мобильное игровое приложение сделало рискованный шаг. Сначала гигантскими буквами они обвиняют вас в том, что вы сломали страницу, а потом быстро переходят к объяснению, что проблема на самом деле случилась по их вине. Такой подход тоже заслуживает существования — быть немного агрессивным, но при этом смешным. Пока это смешно, многие пользователи простят такую агрессию.
Подведем итоги: что нужно для классной страницы 404 ошибки?
Dan Woodger
Забавная страничка ошибки 404 на сайте художника-иллюстратора Дэна Вуджерса отлично иллюстрирует, что даже небольшая дизайнерская работа может творить чудеса. Картинка с чизбургером на роликах на самом деле играет здесь дополнительную роль: помимо развлечения посетителей она демонстрирует стиль художника и дает представление о его творческой манере. Умно.
DashThis
DashThis знает свою целевую аудиторию, и конечно же знает, что все поймут отсылку к «Властелину колец». От этой страницы 404 прямо холодок по спине… слава богу, что это все шутка — и, к слову, очень остроумная! Подробный график в виде горы Ородруин — удачный дизайн и отличный текст.
Bret Victor
Читайте также: