Сайт который выдает ошибку 404

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

Что означает ответ 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 ограничен, а ответ «Сервер не найден» свидетельствует, что браузер не смог обнаружить место размещения сайта.

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

Причины, по которым 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.

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

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

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

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

Screaming Frog

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

SiteAnalyzer

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

Как исправить ошибку 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

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

Domenart Studio

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

E-co

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

Дом со всем

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

Kualo

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

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

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

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

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

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

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

О данной ошибке браузер может сообщить несколькими способами:

• 404 error.
• 404 page not found.
• Error 404.
• HTTP 404.
• The requested URL was found on web server.
• 404 file and directory was not found.

Скачать
файл

Код этой ошибки складывается из двух составляющих:

• первая цифра «4» говорит о том, что это проблема в работе устройства клиента, а не сервера;
• цифры «04» определяют спецификацию ошибки.

Для ошибки подключения 404 характерен определенный интерфейс экрана, который разработчики создают при написании кода будущего сайта.

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

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

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

Ошибка 404 not found возникает по ряду причин.

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

  

  

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

• Неверно настроенная автоматическая переадресация с одного URL на другой. Например, в компании было принято решение о том, что нужно изменить адрес сайта. А в процессе редизайна веб-разработчики, заменив URL на новый, забыли про связанные ссылки.
• Технические проблемы на сервере (крайне редкий случай).

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

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

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

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

Часто данная ошибка ухудшает трафик и приводит к снижению продаж.

SEO

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

E-commerce

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

Мотивы потенциального покупателя в этом случае объясняются максимально просто.

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

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

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

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

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

Search Console Google

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

• Войти в учетную запись Google и перейти в Search Console.
• Сначала открыть раздел «Ошибки сканирования», а затем – «Диагностика».
• Кликнуть мышкой на «Not Found».

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

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

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

Найти проблемные страницы можно всего в несколько кликов.

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

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

Screaming Frog

Сначала требуется скачать программу и установить ее на компьютер. Затем можно приступать к поиску ошибок 404 по URL проверяемого сайта. Огромный плюс этой утилиты в том, что битые ссылки определяются даже в бесплатной версии.

Это бесплатное Desktop-приложение позволяет оперативно найти нерабочие и несуществующие ссылки.

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

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

• Ссылка ведет к несуществующей странице из-за ошибки в URL. Чтобы решить проблему, достаточно ввести правильный адрес, чтобы сервер отдавал код «200 ОК».
• Битая ссылка. Как уже упоминалось выше, часто подобные адреса появляются при внутренней перелинковке сайта (страницу удалили, а путь остался). В этом случае есть два варианта: удалить ссылку или заменить ее другой.

Как исправить ошибку 404? Вручную удалять и менять адреса удобно лишь в том случае, если сайт небольшой. Если же речь идет о крупном ресурсе, данный процесс стоит автоматизировать. Для этих целей подходят специальные плагины для внутренней перелинковки (например, Terms Description, Dagon Design Sitemap Generator и др.) и сервисы для автоматического формирования адресов страниц (в частности, Cyr-To-Lat).

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

• Не стоит присваивать основным разделам сайта сложные адреса. Это позволит снизить количество опечаток в URL.
• Не надо часто менять адреса страниц. Это не только создает неудобства пользователям, но и «путает» поисковые алгоритмы.
• Для размещения сайта важно выбрать надежный сервер. Это поможет избежать технических неисправностей, связанных с проблемами в его работе.

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

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

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

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

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

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

Шаг 1. Донести до посетителей сайта, что все под контролем.

Безликое стандартное «Not Found» – пустой звук для большинства пользователей. Поэтому, чтобы объяснить, что произошло, лучше выбрать простые и понятные формулировки. Например:

• «Нам не удалось найти страницу».
• «Похоже, такой страницы не существует» и т. п.

Хорошая идея – можно более детально объяснить посетителям сайта, почему они столкнулись с ошибкой 404. К примеру:

• «Возможно, вы допустили ошибку, когда вводили или копировали адрес».
• «Владелец сайта удалил или переместил эту страницу. Давайте вернемся на главную».

Шаг 2. Перенаправить пользователя в другой раздел.

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

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

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

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

Шаг 3. Сгладить негатив с помощью юмора.

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

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

Подборка красивых страниц ошибки 404.

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

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

Засада в том, что вы можете вложить все ресурсы в производство сайта, а пользователи всё равно могут оказаться на этой странице. И реакция посетителей, когда они попадают на несуществующую страницу, может варьироваться от спокойной «такое случается» до агрессивной «дурацкий сайт».

Почему мы пишем об этом?

У нас можно заказать разработку сайта с красивыми страницами ошибки 404, напишите нам, пожалуйста, в WhatsApp:

НАПИСАТЬ В WHATSAPP

Page Not Found: Креативные 404 Error Pages — красивые примеры страниц ошибки

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

1. Pipcorn

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

2. Spotify

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

3. Genially

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

4. Adobe

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

5. Clorox

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

6. Duma Collective

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

7. Chillhouse

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

8. Bitly

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

9. Ikea

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

10. Moxie Design Co.

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

11. McKissack & McKissack

Классический трюк: «мы потеряли страницу». Простой способ отработать 404-ю ошибку не отталкивая аудиторию.

12. CSS Tricks

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

13. Good Old Games

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

14. Canva

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

15. Innotech

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

16. Myriad

Видеоагентство Myriad выбрало причудливый фирменный дизайн страницы 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 Bakery

Нет ничего плохого в лаконичном толчке в правильном направлении. Изысканный сайт пекарни Wildwood делает это очень мило (в буквальном смысле).

25. Astuteo

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

26. LEGO

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

27. Magnt

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

28. IconFinder

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

29. Sweet Dreams

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

30. GitHub

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

31. Patagonia

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

32. Cloud Sigma

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

33. AMC Theatres

Возможно, вы уже были в кинотеатре 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 должна быть небольшим лежачим полицейским, а не кирпичной стеной. Правильный дизайн может превратить раздражённого посетителя в покупателя!

Графический редактор Vista Create

Бесплатный сервис для обработки и создания яркого, запоминающихся контента Vista Create — это не просто графический редактор, но и источник вдохновения для любых задач.

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

Узнайте, как реализовать свои дизайн-идеи с помощью инструментов таких как:

• Редактировать фото
• Дизайн-объекты
• Анимация
• Аудио

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

Мы профессионально разрабатываем интернет-магазины и запоминающиеся сайты компаний. Напишите нам в WhatsApp, когда вам это понадобится:

НАПИСАТЬ В WHATSAPP

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

Причины появления ошибки с кодом 404

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

1. Неверный адрес. Чаще всего появляется, когда юзер вручную вводит адрес страницы или пытается перейти в несуществующий раздел сайта.
2. Удаленная страница. Иногда страницы удаляются с сайта его владельцем, однако из поисковика они не пропадают еще некоторое время. Кроме того, прямые ссылки могут храниться в закладках у некоторых пользователей. Соответственно, при переходе и появится соответствующее уведомление об ошибке сервера.
3. Битая ссылка. Такая страница когда-то действительно существовала, однако сбой произошел при перелинковке, и теперь ссылка ведет в никуда, что и влияет на возникновение проблемы.
4. Проблемы функционирования сервера. Последняя причина появляется крайне редко и связана со сбоями на сервере, где размещен сайт.

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

Поиск битых ссылок на сайте

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

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

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

1. Через левое меню откройте раздел «Индексирование».
2. Там вас интересует категория «Страницы в поиске».
3. Снизу перейдите на вкладку «Исключительные страницы».
4. Задайте фильтрацию, чтобы сначала отображались результаты, где присутствует «ошибка 404: страница не найдена».

Google Search Console

Онлайн-сервис от известной компании Google Search Console функционирует примерно по такому же принципу, а для поиска проблемных страниц пользователю потребуется выполнить следующие действия:

1. Выполните вход и добавьте свой сайт. 
2. Откройте раздел «Сканирование».
3. Перейдите к категории «Ошибки сканирования».
4. Используйте фильтр или самостоятельно ознакомьтесь с присутствующими ошибками.

Screaming Frog

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

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

Исправление ошибки 404

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

При использовании CMS

Сейчас многие сайты создаются при помощи CMS. Это может быть WordPress, Joomla, 1С-Битрикс или какие-либо другие системы управления содержимым. Если проблема возникает на таком сайте, а на экране при переходе к сайту вы видите следующее изображение, значит, потребуется выполнить ряд действий для исправления неполадки.
В первую очередь перейдите в корневую папку сайта и создайте там документ с расширением .htaccess. Он должен быть текстовым. Его содержимое зависит от конкретной используемой CMS. То есть необходимо прописать стандартные директивы, которые вы можете найти на официальном сайте reg.ru. Другие полезные материалы по настройке htaccess вы найдете тут и тут. 

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

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

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

Без использования CMS

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

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

Время на прочтение
1 мин

Количество просмотров 36K

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

Первая «4» — означает, что ошибка на стороне клиента, «04» — означает конкретную ошибку «Not Found».

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

Коротко рассказываем о гибкой методологии разработки программного обеспечения (Agile), которую мы используем на проектах в EDISON Software Development Centre.

Начнем с самых животрепещущих сайтов, а потом перейдем к «попсовым».

Роскомнадзор

PornHub

Старая версия 404 Хабра

Новая версия 404 Хабра

Virgin.com

Google

YouTube

Facebook

Reddit.com

Amazon.com

Vk.com

Linkedin.com

Imgur.com

Aliexpress.com

Bing.com

Stackoverflow.com

Github.com

Dropbox.com

Craigslist.org

Dribbble.com

Awwwards.com

Csswinner.com

Coolhunting.com

Codyhouse.co

Mailchimp.com

Slack.com

Mashable.com

Bloomberg.com

Airbnb.com

Bitly.com

МГУ, психфак

Разговаривающая страница 404.

Еще подборки

404 pages from popular sites — Design Inspiration, Muzli, 2017

Anatomy of a 404 Error Page, Envato, 2016

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

404 – страницы, ради которых стоит заблудиться на сайте, cossa, 2015

Идеальная страница 404 ошибки, или как удержать пользователя на сайте?, Habrahabr, 2014

Лучшие примеры 404 страницы, seo-design, 2013

Лучшие 404 страницы Рунета, oakhill, 2012

Лучшие примеры ошибки 404, netpeak, 2012

50 прикольных страниц ошибки 404 , Дежурка, 2009

Интерактивные

Играем в Pacman

Рушим сайт

Суслик

Спасаем леммингов

Поймай кота

P.S.

Ну и напоследок

А какая ваша любимая 404 страница?
Какая 404 страница на вашем сайте?