Страница ошибки 404: Страница не найдена | REG.RU

Что значит ошибка 404 на веб-странице и как её исправить

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Search Console Google

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

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

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

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

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

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

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

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

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

Screaming Frog

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

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

SiteAnalyzer

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Designzillas

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

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

Domenart Studio

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

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

E-co

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

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

Дом со всем

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

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

Kualo

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

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

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

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

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

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

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

IP-адрес: что это такое и как его узнать

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Страница 404: 18+ примеров как оформить страницу ошибки

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

1. Разместите одну или несколько быстрых ссылок на популярные страницы. C двумя ссылками
2. Опубликуйте форму поиска по сайту. C поисковой строкой
3. Разместите e-mail технического специалиста/вебмастера или техслужбы сайта, чтобы пользователь мог написать туда при нахождении битых ссылок: C кнопкой «Сообщить об ошибке
4. Опубликуйте кнопку главной страницы. Возможность вернуться на главную страницу снизит процент отказов. C URL на главную
5. Разместите виджет с популярными вопросами или популярными страницами: C несколькими ссылками

Продвижение сайтов

• Любой формат сотрудничества: позиции, лиды, трафик.
• Подбираем запросы, которые приводят реальных покупателей!

Чему мы научились на великих страницах ошибок 404

Эта запись в блоге была обновлена ​​6 июля 2020 г. Эти страницы с ошибками возникают по разным причинам, и большинство из них находятся вне вашего контроля.

Существует два типа страниц ошибок 404: стандартная 404 и пользовательская 404.

Пользовательская страница 404 помогает тремя способами:

• Уменьшает разочарование клиентов
• Помогает брендировать и создавать ссылки на другие части вашего веб-сайта
• В некоторых случаях это может даже привести к конверсиям

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

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

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

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

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

• 404 Не найдено
• Запрошенный URL-адрес не найден на этом сервере.
• HTTP 404 Не найдено
• 404 Ошибка
• Страница не может быть найдена

Ниже показаны два распространенных примера общих сообщений об ошибке 404.

Ошибки 404 могут быть вызваны различными причинами, такими как:

• Запрошенная страница не существует
• Сервер не работает
• Интернет-соединение отключено
• Неработающие ссылки
• Неверный URL-адрес
• Страница была перемещена на другой адрес

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

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

Пользовательские страницы ошибок 404 по сравнению с. Общие страницы ошибок 404

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

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

Следовательно, наличие пользовательской страницы 404 ОБЯЗАТЕЛЬНО.

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

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

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

Ниже приведен список ссылок на документы, демонстрирующие, как создать пользовательскую страницу 404 в соответствующих CMS:

• Создание страницы ошибки 404 в WordPress
• Укажите страницы 403 и 404 в Drupal

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

Чтобы узнать больше, прочитайте эту статью о том, как настроить пользовательскую страницу ошибки 404 на сайте thesitewizard.com.

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

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

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

Давайте кратко суммируем некоторые из этих рекомендаций. Они перечислены ниже:

• Добавить нотку юмора
• Ссылки на популярные страницы
• Панель поиска
• Текст, который сопереживает посетителям и направляет их
• Дайте контактную информацию
• Ссылки в шапке и футере с основного сайта 900 16
• Сохранение темы бренда на пользовательской странице 404
• Разрешить сообщение о проблеме (необязательно)
• Добавить игру (необязательно)
• Добавить видео (необязательно)
• Добавить кнопки призыва к действию (необязательно)

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

Давайте взглянем на несколько вдохновляющих примеров пользовательского кода 404.

Пример #1 AirBnb

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

Выводы пользовательской страницы 404 Airbnb:

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

Пример № 2 — Agens

Выводы из пользовательской страницы 404 Agens:

• Ссылки в верхнем и нижнем колонтитуле: Страница бренда должна соответствовать основному веб-сайту со ссылками в верхнем и нижнем колонтитуле
• Контактная информация: Контактная информация может быть включенным например, номер телефона, адрес электронной почты, ссылки на страницы в социальных сетях и ссылку на страницу о нас.
• Креативность: Креативное изображение 404 на флаге и грустного и потерянного астронавта добавляет намек на юмор, как показано в этом примере.
• Проявить сочувствие и направить пользователя: сопереживайте искателю и помогите ему в дальнейшем, предоставив ссылку на ваши старые проекты (если есть) или недавние проекты, как в этом случае, где написано «Может быть, вы искали один из наших недавних проектов ( ссылка) или, может быть, старая (ссылка)?

Пример №3 — iFolderLinks

Выводы пользовательской страницы 404 iFolderLinks:

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

Пример № 4 — GitHub

Выводы пользовательской страницы 404 GitHub:

• Привлечь внимание популярным фоном: даже если пользовательская тема страницы 404 не соответствует основной теме сайта, она может захватить тему или сцена из популярного фильма для привлечения внимания. В данном случае используется тема «Звездных войн», которая перемещается при наведении на нее курсора мыши.
• Используйте талисман бренда: талисман бренда можно использовать, чтобы подчеркнуть брендинг вашей пользовательской страницы 404. Интересно, что в данном случае талисман (осьмикот) нигде на основном сайте не используется, кроме фавиконов и пользовательской страницы 404.
• Параметр входа: укажите параметр входа на странице ошибок, чтобы устранить ошибки, которые произошли из-за того, что пользователи не вошли в систему.
• Панель поиска: создайте заметную панель поиска и опишите, что в ней можно найти, как здесь если там написано «Найти код, проекты и людей на GitHub».
• Ссылки на социальные сети: дайте ссылки на поддержку, страницу бренда в социальной сети (в данном случае дескриптор Twitter) и страницу со свежими обновлениями на сайте, в данном случае статус GitHub.

Пример № 5 — Heinz

Выводы из пользовательской страницы 404 Heinz:

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

В этом примере пользовательская страница 404 Heinz говорит Вы пробовали искать? Введите ключевое слово (ключевые слова) в поле поиска выше или воспользуйтесь одной из ссылок ниже.

Пример № 6 — iplanwebsites.com

выводы из iplanwebsites Custom 404 Страница:

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

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

Пример № 7 — VisitSteve

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

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

Пример № 8 – BlueFountainMedia

Выводы пользовательской страницы 404 BlueFountainMedia:

• Добавить игру: добавьте игру и поднимите настроение своим потерянным посетителям сайта.

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

Пример № 9 — Imgur.com

Выводы со страницы Imgur Custom 404:

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

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

Пример №10 – HootSuite

Выводы из пользовательского 404 HootSuite Страница:

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

Пример №11 – iContact

Выводы из пользовательской страницы 404 iContact:

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

Пример №12 – PetFinder

Выводы из пользовательской страницы 404 PetFinder:

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

Пример № 13 – Jhuskisson

Выводы из пользовательской страницы 404 Джейми Хаскиссона:

• Ссылки на страницы социальных сетей и RSS-канал.
• Ссылка на архив постов.
• Верхнее главное меню навигации сайта.

Пример #14 – PoemOfQuotes

Выводы из пользовательской страницы 404 PoemOfQuotes:

• 404 сообщение об ошибке в виде творческого стихотворения.
• Ссылки на популярные страницы сайта внизу страницы.

Пример № 15 – ExpansionBroadcast

Выводы пользовательской страницы 404 Expansion Broadcast:

• Ссылки в верхнем и нижнем колонтитулах сохранены с основного сайта.
• Контактная форма предоставлена.

Пример №16 – CSSLeak

Выводы пользовательской страницы 404 CSS Leak:

• Ссылки в верхнем и нижнем колонтитулах основной темы веб-сайта сохранены.
• 404 text приглашает пользователей просмотреть размещенные ниже статьи новостей дизайна с уменьшенными изображениями.

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

Пример №17 – BlueDaniel

Выводы из Custom 404 от BlueDaniel Страница:

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

Пример №18 — MailChimp

Выводы пользовательской страницы 404 MailChimp:

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

Пример № 19 — ApartmentHomeLiving

Выводы из пользовательской страницы 404 ApartmentHomeLiving:

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

Пример #20 – EternalMoon

Выводы из пользовательской страницы 404 EternalMoon:

• Эффектное представление украденной веб-страницы с вымышленным анимированным персонажем.
• Ссылки для сообщения об ошибке и на домашнюю страницу.

Пример № 21 – ShelfWorthy

Выводы из страницы Shelfworthy Custom 404:

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

Выводы из ClubPenguin’s Custom 404 Страница:

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

Пример #22 – Twingly

Выводы из пользовательской страницы 404 Twingly:

• Забавное изображение ниндзя Google
• Забавное Сообщение об ошибке с подробным кодом ошибки
• Предоставлен адрес электронной почты службы поддержки.

Выводы из Mutacao’s Custom 404 Страница:

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

Пример №23 — Dropbox

Выводы пользовательской страницы 404 Dropbox:

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

Пример #24 – LimpFish

Выводы из пользовательской страницы 404 Limpfish:

• Забавное представление не найденной страницы 404 в виде объявления WANTED.
• Ссылки на основной веб-сайт и дочерние сайты.

Пример № 25 — Jabong

Выводы со страницы Jabong Custom 404:

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

Пример №26 — Nosh

Выводы с пользовательской страницы Nosh 404:

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

Пример № 27 — NotFound.org

Выводы из рекомендаций NotFound:

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

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

Пример № 28 — BrandCrowd

Выводы со страницы 404 BrandCrowd:

• Ссылки в верхнем и нижнем колонтитулах основного сайта сохранены.
• Нет интерактивных областей на пользовательском эскизе карандаша 404.
• Удобный текст.

Пример #29 — Хаким

Выводы со страницы 404 Хакима:

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

Пример №30 – Mattel

Выводы со страницы 404 Mattel:

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

Пример №31 – eHarmony

Выводы со страницы 404 eHarmony:

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

Пример № 32 – Modcloth

Выводы со страницы 404 Modcloth:

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

Пример №33 – BetaBrand

Выводы со страницы 404 BetaBrand:

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

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

‍

28 Умно смешной и творческий 404 Страницы ошибок Inzone Design

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

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

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

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

1. WAZA

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

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

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

3. BluePath

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

4. Inzone Design

Следующая страница с ошибкой 404 предназначена для этого веб-сайта. На странице представлена ​​«сломанная» версия домашней страницы с битым стеклом, покрывающим весь экран, и сообщением «Поздравляем. Ты сломал его. Я так же шокирован, как и вы, но не волнуйтесь, это легко исправить». Как только зрители нажимают Исправить веб-сайт , они быстро возвращаются к «неповрежденной» версии веб-сайта. Задача решена.

5. Новак Джокович

Лично я мало что знаю о теннисе, но знаю, кто такой Новак Джокович, а также знаю, что у него отличное чувство юмора. Есть много видео, где он шутит с другими теннисистами и подражает им, одевается в забавные костюмы, танцует на теннисном корте, и одно очень милое и забавное видео, которое действительно многое говорит о его личности, видео, где он делит скамейку с зонтичный мальчик (видео ниже). Зная, что у него такое прекрасное чувство юмора, даже до того, как искать его, я был более чем уверен, что его страница с ошибкой 404 не будет вашей обычной страницей с ошибкой и что она будет содержать что-то смешное — и, о чудо, я был верно!

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

6. Bit.ly

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

7. MailChimp

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

8. Kualo

Расскажите об оригинальном способе заставить посетителей оставаться на вашем сайте. На странице ошибки 404 на Kualo представлена ​​видеоигра Space Invaders в стиле 1980-х годов, но с темой Kualo. Достижение страницы с ошибкой 404 может быть раздражающим, но любой, у кого есть немного свободного времени, скорее всего, останется на игру (или две), особенно учитывая, что (очевидно) получение 1000 баллов может дать вам скидку на хостинг!

9. Tinsanity

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

10. Cloud Sigma

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

11. eHarmony

На странице 404 службы онлайн-знакомств eHarmony умно указано, что страница, на которую вы попали, недоступна, но есть полмиллиона свободных синглов eharmony! Умный.

12. Pixar

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

13. Adobe

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

Никто не хочет стоять на маленькой планете с астероидом, летящим прямо на нее, так же как никто не хочет оказаться на одной из этих раздражающих страниц с ошибкой 404!

Прервать миссию! Прервать миссию!

15.

Tilt

Вы попали на страницу, которой не существует, и Tilt Gorilla не слишком этому рада — на самом деле, есть видео, на котором он сходит с ума по этому поводу! Проверьте это.

16. Маргарет Чо

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

17. Videotron

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

18. Metro.co.uk

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

19. Good Dog Design

Страница ошибки 404 на сайте Good Dog Design красиво связана с названием компании и ее логотипом. На нем также умно указан номер телефона компании, как в США, так и в Австралии, на случай, если вы решите связаться с Good Dog Design, чтобы узнать об их услугах (или их черно-белом бордер-колли)! Умный дизайн (и идея).

20. Whitespark.ca

На странице ошибки Whitespark 404 они любезно предоставляют вам возможность решить судьбу одного из своих сотрудников. Его судьба и его будущее в компании находятся в ваших руках – вы его уволите или нет?

21. Heyzap

Как и Kualo, Heyzap также использует интерактивную игру, чтобы заинтересовать и развлечь зрителей, по крайней мере, на некоторое время.

22. Lego

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

23. НАСА

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

24. Флорида

Снег!? Ну, вы, очевидно, оказались где-то еще, кроме Флориды, если это то, что вы видите. Умная и крутая концепция.

25. Hoppermagic

Как и в случае со страницей Lego, причиной поломки страницы Hoppermagic является вымышленная причина: кролики грызут кабели.

26. HubSpot

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

27. Dilbert

Ваш Интернет переполнен, поэтому вы должны его слить (очевидно!)

28. Tricks

За всей эстетикой CSS всегда стоит кодирование.