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

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

Страница. Нет. Нашел.

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

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

Хотите, чтобы больше тщательно отобранных лучших дизайнов отправлялись прямо на ваш почтовый ящик?
Подпишитесь на ежедневную дозу DesignRush!

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

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

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

Иногда ошибка 404 возникает, когда другие люди или онлайн-компании упоминают ваш бренд в цифровом виде с неработающей ссылкой. Чаще всего в этих случаях страницы 404 появляются, когда кто-то делает опечатку в ссылке, например, добавляет дополнительную букву в конце URL-адреса. Фактически, в 45,9% случаев люди натыкаются на страницу 404 из-за опечатки, старой ссылки в электронном письме или старых закладок, в которых сохранена ссылка на страницу, которая с тех пор была удалена.

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

Когда вы хотите переместить или удалить контент, вам нужно перенаправить страницы - для этого нужны эти 301, 307 и 308 перенаправления. Перенаправление 301/308 - это постоянное перенаправление: всякий раз, когда кто-то переходит на предыдущую страницу, он немедленно перенаправляется на новую.

Однако перенаправление 302/307 носит временный характер. Администраторы сайтов используют их по нескольким причинам.

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

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

Как отслеживать 404 страницы

Вы всегда должны отслеживать любые потенциальные страницы 404 и пытаться исправить их, как только они появятся. К счастью, есть инструменты, которые помогут найти неработающие ссылки и разобраться с ними. Некоторые из них включают Screaming Frog, Dead Link Checker и, возможно, самые популярные, собственные инструменты Google для веб-мастеров.

Создание эффективных веб-страниц с ошибками 404

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

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

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

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

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

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

1. Отображенная страница ошибки 404: BluePath

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

На странице действительно отображается карта (которой вы не находитесь из-за вашей глупости навигации «вне карты»). Копия на странице также говорит:

«Эта [карта] показывает все преступления, о которых сообщалось в Атланте за последние пару лет. Почему? Потому что это преступление, что вы нас еще не наняли! »

Хорошо сыграно, BluePath. Отлично сработано.

2. Ошибка страницы «Снарки» 404: австралиец

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

Но вместо того, чтобы подчиняться классическому принципу «страница не найдена», австралиец решил использовать страницу как шанс хитро раскопать нескольких австралийских политиков (как ни странно, в список попали Дональд Трамп и кусок угля). У каждого политика есть цитата, связанная с ними, и их мысли о неработающей ссылке.

3. Геймифицированная страница ошибки 404: Куало.

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

Кроме того, пользователи могут намеренно вернуться на эту страницу, чтобы просто поиграть в классическую игру. Поскольку поисковые системы видят все (привет, Большой Брат ...), они также отслеживают время пользователей на странице. Имеет смысл - если вы проводите много времени на странице, это означает, что вам действительно нравится контент. Если вы являетесь постоянным пользователем и продолжаете возвращаться, чтобы получить больше, поисковые системы составят карту вашего путешествия и вознаградят веб-сайты более высоким рейтингом!

Что лучше? У вас не только есть шанс поиграть в потрясающую игру на веб-сайте Куало, но и действительно есть стимул для этого! Если вы уничтожите 1000 захватчиков, вы получите скидку на их размещение. В целом, это действительно потрясающий дизайн, и мне потребовался дополнительный час, чтобы написать эту статью исключительно из-за этой страницы. Снимаю шляпу перед Куало.

PS Можете ли вы победить наш высокий балл?

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

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

Вы почти чувствуете себя виноватым из-за сурикатов, которые явно изо всех сил пытаются найти вашу веб-страницу!

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

5. Иллюстрированная страница ошибки 404: Lego

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

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

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

6. Плохая страница ошибки 404: Синий Даниэль

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

В его сообщении об ошибке вы заметите ссылки на фильм «Пропавшие без вести» и телешоу «Пропавшие». На последний накладывается граффити, чтобы задать вопрос пользователям: «Вы ПОТЕРЯННЫ?».

Поскольку вы явно заблудились на этой странице 404, у вас есть шанс вернуться на основной уровень. Умный!

7. Приключенческая страница ошибки 404: Эмирейтс

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

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

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

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

8. Страница с минимальной ошибкой 404: хитрости CSS

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

Тем не менее, команде CSS Tricks удалось превратить потенциально досадную ошибку в красиво оформленную страницу 404. Центр страницы оформлен как разорванный лист бумаги, за которым находится код, который должен был составить страницу, которую вы пытаетесь посетить.

9. Самоуничтожающаяся страница ошибки 404: Cloud Sigma

Мы можем относиться к тому, что Cloud Sigma сделали со своей страницей с ошибкой 404. Мы всегда говорим, если сомневаетесь, просто используйте изображения собак или кошек, чтобы облегчить потенциально плохие ситуации. В этом случае на сайте есть изображение кота (извините, их младший разработчик), пытающегося использовать компьютер. Это как раз вовремя. Вы не можете не смеяться!

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

10. Нетрадиционная страница ошибки 404: LimpFish

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

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

Что нужно узнать о страницах 404

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

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

Вот некоторые вещи, которые следует учитывать при создании собственной полезной страницы 404:

• Будь честным. Как мы уже говорили, будет 404 страницы, а иногда даже не по вашей вине. В любом случае не забудьте объяснить, что произошло, и предложить способы исправить ситуацию и помочь людям найти то, что они ищут.
• Не упускайте возможность. Добавьте немного юмора и индивидуальности бренда, чтобы люди не уходили разочарованными - или вообще не уходили.
• Привлекайте пользователей. Позвольте им поиграть в игру, если ваш бюджет позволяет это поддерживать. Если нет, есть несколько способов повысить вовлеченность. Добавьте симпатичное видео, иллюстрацию или анимацию. Попытайтесь облегчить ситуацию - если ничего не помогает, милые фотографии животных и видео тоже подойдут.
• Не позволяйте им уйти. Каждый уходящий посетитель сайта - это упущенная возможность превратить лида в клиента. Вы можете добавить релевантные ссылки на наиболее посещаемые страницы или встроить функцию поиска на страницу 404, чтобы они могли просматривать ваш веб-сайт.
• Добавьте стимул. Некоторые бренды предлагают стимулы, если вы найдете их страницу 404. Таким образом, вы даже сможете собрать больше потенциальных клиентов. Например, вы можете предложить подписку на рассылку новостей, бесплатный контент, такой как электронная книга или тематическое исследование, и многое другое.
• Никакой рекламы. Ну, не в традиционном понимании. Если на веб-сайте есть ошибка, и люди попадают на нее, не пытайтесь продавать слишком много и не позволяйте им думать, что, возможно, вы намеренно покидаете страницу 404.
• Быстрая загрузка. Если люди попадают на битую страницу, вы не хотите, чтобы они вечно ждали, чтобы узнать об этом. Хорошая скорость загрузки рекомендуется и для всех остальных страниц вашего сайта. Показатель отказов растет с каждой добавленной секундой ожидания.
• Не используйте сложные технические термины. Цель состоит в том, чтобы попытаться удержать пользователей на вашем веб-сайте, а не отталкивать их от сложного жаргона и ненужных терминов.
• Не забывайте следить за своими неработающими ссылками и исправлять их как можно скорее.

Страница не найдена ... Но вывод такой

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

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

Хотите, чтобы ваша собственная страница с ошибкой 404 была удобнее? У DesignRush есть список ведущих цифровых агентств, которые могут создать веб-страницу бренда И полноценный веб-сайт для вашего бизнеса.

Хотите больше вдохновляющих дизайнов? Подпишитесь на наши новости!