Страница 404 красивая: Страница не найдена — Независимое театральное объединение "Зрительские симпатии"

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать страницу ошибки 404 в REG.Site – Помощь

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

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

Страницу ошибки 404 html кодом делать необязательно. В REG.Site её можно сделать всего за пару кликов.

В большинстве шаблонов, представленных в REG.Site, уже есть настроенный макет ошибки. Вам достаточно просто перейти в «Divi» ― «Глобальные блоки», найти готовый макет и поменять шаблон под свой дизайн:

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

Как сделать страницу ошибки 404 в REG.Site

1. Перейдите в админку REG.Site.
org/HowToStep»> 2.
Во вкладке «Divi» ― «Глобальные блоки» нажмите Добавить новый шаблон:
3.
В появившемся меню прокрутите список до самого конца и поставьте галочку напротив 404 Страница. Нажмите Создать шаблон:
4.
В шаблоне автоматически появится хэдер и футер, который был сделан для других макетов. Чтобы настроить основную часть шаблона 404, нажмите Добавить пользовательское …:
5.
Создайте дизайн страницы 404:

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

Что нужно разместить на странице

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

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

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

Например, вот так выглядит страница 404 раздела «Помощь» на сайте REG.RU:

Была ли эта статья полезной?

Да Нет

Пользователи, считающие этот материал полезным: 0 из 0

Как правильно сделать 404 страницу, чтобы клиент не убежал

2497

27.

03.2019

Время чтения: 5 минут

Григорий Пащенко

Историческая справка

Ошибка 404 или Not Found («не найдено») — стандартный код ответа HTTP о том, что клиент был в состоянии общаться с сервером, но сервер не может найти данные согласно запросу. Ошибку 404 не следует путать с ошибкой «Сервер не найден» или иными ошибками, указывающими на ограничение доступа к серверу. Ошибка 404 означает, что запрашиваемый ресурс может быть доступен в будущем, что однако не гарантирует наличие прежнего содержания. Пользователи наиболее часто сталкиваются с ошибкой 404 при посещении так называемых «битых» или «мёртвых ссылок», что делает, таким образом, ошибку 404 одной из наиболее узнаваемых ошибок в сети Интернет.

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

Основные задачи хорошей 404

Не испугай!!!
Привлеки внимание и заинтересуй
Покажи маршрут как отсюда выбраться
Дай привилегию посетителю
Грамотно отработай код для SEO

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

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

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

Чеклист для 404 страницы

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

Рядовому пользователю искренне все равно что там произошло с сайтом и почему он здесь.
Двигаемся от простого к сложному. Обязательно разместите ссылку на главную страницу сайта. Она будет своего рода спасательным кругом для уже почти ушедшего клиента.
Разместите основные контакты: email, телефон и ссылки на группы в социальных сетях. Возможно клиент пожелает связаться с Вами в обход сайта.
Добавьте меню сайта с подразделами, чтобы можно было удобно вернуться в необходимый пункт
Добавьте строку поиска по Вашему сайту. Так посетителю будет намного проще вернутся к товару, который он искал.
Дайте клиенту скидку. Если уж Вы косякнули, то предоставьте пользователю небольшой дисконт 3-5 процентов (можно больше если это возможно). Вы не обеднеете, а человека явно обратит внимание на выгодное предложение. Будьте осторожны, я, ну тот самый который пишет эту статью, всегда чекаю 404 страницы на скидки. Как то так.
Фидбек. Реализуйте функционал, который позволит попавшему в 404 ситуацию посетителю сообщить Вам об этом. Конечно же, может ситуация возникает не с Вашей стороны, но лишний раз перепроверить это точно не повредит.
SEO и 404. Убедитесь, что на сайте отсутствуют ссылки ведущие на 404 страницу. В сети масса бесплатных аудитов, которые могут Вам в этом помочь. Наиболее распространенные и простые конечно же инструменты вебмастера от Яндекса и Google.
Будьте уникальны (опциональный пункт). При возможности постарайтесь сделать интересную, забавную и интерактивную 404 страницу. Это нужно для того, чтобы сарафанное радио захватило как можно большее количество человек, при достижении цели. Потому, что люди охотно делятся уникальными примерами со своими друзьями, а может быть о Вашей 404 напишут в какой-либо статье. Лишняя живая ссылка Вам точно не повредит.

Подведем итог

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

Бонус — наиболее интересные примеры 404 страниц по мнению автора.

Практически все помнят игру Galaxian на приставке денди. Если честно я подзавис на несколько минут играя на данной странице и тем самым немного поправил поведенческие факторы данному сайту. https://www.kualo.co.uk/404

А если Вы наберете не менее 1000 очков, то получите скидку на оплату хостинга.

https://www.orangecoat.com реализовали блок-схему, с вариантами действий при попадании на несуществующую страницу.

https://hakim.se/ зря Вы сюда попали…

https://key-seo.com дает возможность загнать кота в угол. Такой шанс упускать нельзя.

https://klaus.dk назад в 90е.

https://mashable.com играет на ситуации, которая случалась с каждым.

https://www.imdb.com отображает различные цитаты из фильмов переделанные на мотив ошибки 404.

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

Подпишитесь на нашу рассылку

Рекомендуемые статьи

Страница 404 в WordPress

Страница 404 в WordPress по умолчанию настроена на выдачу сообщения (Nothing found) в случае отсутствия контента на открытом URL и не имеет никаких настроек. Все манипуляции страницей 404 в WordPress осуществляется при помощи плагинов и надстроек о которых мы поговорим чуть позже.

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

WordPress 404 not found

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

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

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

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

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

Для исправления ошибки 404 в Wordpress воспользуйтесь одним из вариантов:

Восстановите удалённую или перемещённую страницу на прежнее место, так ошибка 404 будет полностью исправлена, а посетители получат доступ к нужным материалам;
По адресу возникновения ошибки 404 сделайте небольшую страничку с информацией и нужными ссылками;
Лучший способ исправить ошибку 404 в Wordpress — это настроить перенаправление на новый адрес страницы (возможно только при переносе). Для реализации данного метода рекомендую использовать плагин «404 TO 301»;
Самый простой способ исправить ошибку 404 — это автоматически перенаправлять всех попавших на неё на главную страницу сайта. Делается установкой плагина «All 404 Redirect to Homepage».

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

Чтоб избежать появления страницы 404 старайтесь заранее планировать архитектуру сайта.

404 плагины для WordPress

Список популярных плагинов для обработки страницы 404 в WordPress

Плагин All 404 Redirect to Homepage – это простейший плагин для обработки страницы 404. Его задача перенаправлять всех (попавших ни туда) пользователей на указанную вами страницу, например на главную. Имеет опцию включения и адрес направления.

Плагин «SEO Redirection Plugin» – это более продвинутый вариант, позволяет настраивать перенаправление на другие страницы и ведёт журнал ошибок 404.

Плагин «404 TO 301» позволяет перенаправлять посетителей попавших на страницу 404, на любую другую, отправляет сообщение на почту.

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

Плагин «Custom 404 Error Page» призван сделать страницу 404 более красивой.

Плагин «410 for WordPress» рекомендуется применять для удаленных навсегда страниц, возвращает код ошибки 410, что означает «такой страницы нет», в отличии от ошибки 404 означающей «такая страница не найдена».

Описание WordPress

Изображение на странице 404 невозможную коробку. Как это работает

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

Страница 404 на сайте Creative People

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

И да, в профессиональной среде, специально оформленная страница 404 ошибки является хорошим тоном.

Знаменитая страница 404 с мозгошмыгой на Хабре (доступна зарегистрированным пользователям)

404 метровая глубина с айсбергом на сайте Штокмановского месторождения

Страница 404 на сайте Турбомилка

Страница 404 на сайте веб-студии Zanami

Страница 404 на сайте Центра информационной безопасности с «Лебединым озером»

Эпическая 404 страница с молдавскими гастарбайтерами

Облако тегов в виде цифр 404 на сайте БФМ

На сайте Олега Чулакова похожий принцип, только вместо тегов превью работ

У Икеи на странице 404 просто безвыходное положение

У Евросети фирменная собачка

Страница 404 на сайте дизайнера Сергея Мосякина

У дизайнера Евгения Филатова удобная настроечная таблица на 404 странице

Традиционный русский квест на сайте студии «Парадокс Бокс»

Неопознанный персонаж на сайте дизайн-бюро «Щука»

Страница 404 студии «Джаст би найс» с арканоидом на HTML5

У Елены Клубничкиной фотоаппарат

Не дорисованная страница 404 на сайте студии «Банг! Банг!»

Ошибка 404 или Not Found («не найдено») — код ответа сервера на несуществующую страницу на сайте.

Как это работает?

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

В нашем случае код ответа- 404. Ответ сервера выглядит следующим образом:

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

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

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

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

Как сделать 404 страницу?

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

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

Как сделать страницу 404? Необходимо просто прописать в данный файл следующую инструкцию:

ErrorDocument 404 //сайт/404.php

Всё довольно просто!

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

В небольших проектах уменьшить вероятность возникновения 404 ошибки можно используя программу Xenu»s Link. С её помощью вы можете отыскать все битые ссылки на сайте и выполнить следующие действия:

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

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

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

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

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

Текст для 404 страницы

Скажите “Нет!” технической информации!
Большинству пользователей знаком термин “404 ошибка”, но не стоит углубляться в причины её возникновения и давать дополнительные технические рекомендации. Донесите пользователю суть ошибки.
Предоставьте полезный контент!

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

Это можно реализовать разными методами:

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

В оформлении 404 страницы важно не переусердствовать — не стоит слишком нагружать ее контентом.

Дизайн страницы 404

Визуальное оформление 404 страницы не должно выбиваться из общего дизайна.

Сделайте 404 страницу изюминкой сайта! Добавьте креативности страницы с ноткой юмора — это привлекает и удерживает посетителей.

В сети множество примеров того, что значит оригинальная и красивая страница 404. Я не поленился и нашел для вас несколько:

Каждый раз, когда пользователь переходит по битой ссылке, он попадает на 404 страницу. Уверен, что вы неоднократно видели это (или подобное) сообщение в окне своего браузера. Вспомните, что вы делаете в таких случаях? Примерно в 80% случаев вы просто закрываете вкладку. А значит, компания, на сайт которой вы хотели перейти, теряла в вашем лице своего клиента или посетителя. О том, как сделать страницу 404 инструментом маркетинга, мы поговорим в этой статье. Ошибка 404 появляется, если:

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

404 страница должна быть

должна соответствовать

Страница должна быть выполнена в стилистике дизайна сайта.
Страница должна предлагать пользователю совершить действие.

Почему страница 404 появляется в индексе поисковых систем?

В индекс поисковых систем 404 страницы попадают по следующим причинам:

Неправильные настройки сервера. Это происходит в том случае, если несуществующие страницы отдают код статуса HTTP 200. Согласно Википедии: «200 OK — успешный запрос. Если клиентом были запрошены какие-либо данные, то они находятся в заголовке и/или теле сообщения».
Также это может происходить из-за неправильной настройки CMS сайта.
Поисковик воспринимает 404 ошибку как «временно недоступен» или «временно удален». Например, товар был удален, но позже может вернуться. Чтобы гарантированно убрать несуществующую страницу из выдачи, следует применить код 410 Gone к несуществующей странице, которая будет восприниматься поисковой системой как «удалена навсегда».Рекомендую посмотреть видео с Мэттом Каттсом (руководителем Google Webspamteam), где он рассказывает о том, почему страницы с 404 ошибкой долго не исчезают из выдачи :
Глюк поисковой системы =). Происходит довольно редко, даже при правильно настроенном ответе сервера.

Как убрать страницу 404 из индекса поисковых систем

А как выглядит ошибка 404 на вашем сайте?

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

Откуда берется ошибка 404?

Каждое число в номере ошибки имеет свое значение и тем самым подсказывает, что могло случиться. 4 говорит о проблеме на стороне клиента, а не сервера (тогда было бы 5). 04 – об ошибке «not found» (не найдено). Причин для отсутствия страницы может быть несколько, например:

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

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

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

Сохранить дизайн сайта

Страница 404 должна быть выполнена в общей стилистике сайта. Шаблон, логотип, рубрики, меню – все как у вас на ресурсе.

Второй момент в дизайне – изображения и видео. Обязательно используйте тематические картинки на этой странице (желательно с юмором) и если будет уместно, то и видео! Юмор расположит к себе пользователя и даст понять, что о нем все-таки подумали.

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

Польза для посетителей

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

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

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

Вежливое общение

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

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

Как избежать ситуации 404?

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

Проблемы могут возникать в том случае, если страницу переместили в другой раздел сайта, изменили ее URL, и при этом не настроили 301 редирект. Ссылка получается битой. Этого следует избегать, правильно прописывая правила перенаправления в файле.htaccess (технические детали вы найдете в выпуске рассылки №36).

Включите автоматическое уведомление о проблемах на сайте, чтобы решать их своевременно.

Резюме

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

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

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

Красивая страница 404 в Blogger

ошибка 404

Сейчас, после обновления интерфейса Blogger, страницу 404 можно настроить самому и без проблем.

Установка

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

На момент написания этого поста моя страничка выглядит таким образом.

Ошибка 404 (страница не найдена) что делать? — Примеры

404 ошибка — что это такое?

Каждая страница в интернете имеет свой адрес — URL. Например, эта

http://shpargalkablog.ru/2012/03/404.html

Его браузеры отображают сверху экрана в адресной строке.

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

Поскольку на веб-страницу можно попасть либо по ссылке, либо открыв закладку браузера, либо путём набора символов в адресную строку браузера, то причин возникновения 404 ошибки не много:

плохая связь,
при вводе в строку адреса браузера была допущена опечатка, скажем, не дописана последняя буква l
```
http://shpargalkablog.ru/2012/03/404.htm
```
ссылка, ведущая на страницу, устаревшая или не корректная,
страница была перенесена, а автоматическое перемещение посетителя на новый адрес не настроено,
страница была удалена.

Запрашиваемый сайт также может не открываться, если

сервер выдаёт другую ошибку,
системный администратор закрыл к нему доступ, допустим, через файл hosts, который находится на диске C компьютера,
он включён в Единый реестр доменов Роскомнадзора, то есть запрещён законодательством РФ,
в компьютере вирус. Есть и такие вредоносные программы, которые не только блокируют ресурс, а перенаправляют на другой [help.yandex.ru]. Будьте бдительны.

Что делать посетителю?

пару раз перезагрузить страницу (нажать на символ ⟳ или клавишу клавиатуры F5),
попробовать найти ошибки в написании URL,
воспользоваться поиском по сайту,
если возможно, подняться по структуре URL на ступень выше и посмотреть там
```
http://shpargalkablog.ru/2012/03/
```
если страница осталась в основном индексе поисковой системе (чаще у Яндекса, так как он медленнее реагирует на изменения на сайтах), можно взглянуть на её сохранённую копию. Для просмотра результатов определённого проекта, в строку поиска нужно ввести
```
site:сайт.ru запрос
```
если документ когда-то существовал и был разрешён для сканирования, то его копию на конкретную дату часто можно найти в вебархиве (в России периодически блокируется Роскомнадзором),
если страница существует, но запрещена к показу, можно воспользоваться услугами анонимайзера или изменить прокси (по тому же принципу работает расширение браузера friGate). Однако из-за того, что доступ осуществляется через посредника, вводить пароли небезопасно.
описать разработчику (службе поддержки) сайта проблему, вероятно, так он сможет предпринять шаги по её устранению или предупредить других пользователей.

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

убрать с сайта битые ссылки.
при смене домена сайта или URL страницы настроить перенаправление (301 редирект) со старых URL на новые. С удалённых или ошибочных URL, на которые часто переходят посетители (можно узнать из статистики Google Analytics) или на которые ссылаются авторитетные источники (можно узнать из ошибок сканирования Яндекса/Google) сделать перенаправление на похожие существующие материалы.
не делать перенаправление со всех не найденных веб-страниц на Главную без желания человека, это не поможет ему найти искомую информацию.
чтобы посетитель вместо белой страницы с надписью «Not Found» или страницы с реквизитами хостера видел HTML-страницу сайта с рекомендуемыми навигационными вариантами, нужно в файле .htaccess добавить строку
```
ErrorDocument 404 http://сайт.ru/404.html
```

Какой должна быть 404 страница

НЕТ	ДА
Отдавать код ответа сервера «200 OK», а значит индексироваться, что создаёт бесконечное число дублей.	Код ответа сервера должен быть «404 Not Found». Здесь можно проверить [redbot.org].
Быть перегружена графикой и отвлекающими элементами дизайна, чтобы человек не сразу понял, что искомая информация тут отсутствует. Пример (картинка) нужно смотреть в полном размере, чтобы прочувствовать суть.	Содержать логотип, фирменные цвета, чтобы человек сразу смекнул, что находится на нужном ему сайте
Показывать Google AdSense, что запрещено правилами этой контекстной рекламы [справка]	Желательно иметь ссылку на Главную страницу и значимые разделы сайта, поиск по сайту, красиво оформленные блоки с акциями, рекомендациями, популярными статьями, форму обратной связи: «Вы можете обратиться к системному администратору сайта и описать проблему». Можно попробовать объяснить что за ошибка такая и что можно сделать. Сгладить ситуацию необычным весёлым элементом и попасть в списки собирателей эффектных 404.

Вот, например, на сайте Hotels.com, создаётся впечатление, что идёт диалог

Как в Google Analytics узнать статистику посещений 404 ошибки

В Google Analytics создаём примерно такой отчёт Он фильтрует данные по title страницы. То есть вместо «Страница отсутствует» нужно написать свой вариант. Полученный отчёт можно трактовать так:

После просмотра 404 страницы часть посетителей, в том числе перешедшие по внутренним ссылкам, (их количество указано в графе «Переходы«) покидают сайт.
После просмотра 404 страницы часть посетителей, пришедших из внешних источников, таких как поисковые системы и социальные сети, (их количество указано в графе «Отказы«) покидают сайт.

404 Страница: Дизайн не найден. Как создавать большие страницы ошибок | Шакуро

Катя Шокурова, копирайтер Шакуро

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

У вас есть возможность выбрать, что будет чувствовать ваш пользователь.

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

Страница 404 — это онлайн-страница, на которую вы попадаете после нажатия на ссылку, которая не работает и, следовательно, больше не доступна.

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

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

Итак, ошибка 404 означает, что кто-то напортачил.

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

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

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

Ух! Это так жестко, холодно, скучно и трудно понять. Слишком много текста и технического жаргона. Он ничем не помогает посетителям.

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

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

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

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

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

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

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

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

Несколько ссылок на самые популярные страницы

Здесь вы можете попробовать сделать некоторые прогнозы и полагаться на законы вероятности.Если пользователю была интересна популярная страница, вы можете быстро указать ему правильное направление.

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

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

Лучший дизайн — это самый простой, который работает.
— Альберт Эйнштейн

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

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

Извините. Возможно, это даже не ваша вина, но это покажет пользователю, что вам не все равно.

Многие веб-сайты используют забавный подход и делают свои страницы интересными, например, GitHub или Pixar.

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

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

40 самых красивых страниц 404 в Интернете — проверка с помощью Dr. Link

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

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

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

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

Теперь хватит болтовни и объясним, почему вы на самом деле здесь: 404 страницы.

1. flippingbook.com — Утерянная страница

2. travel-wise.com — Поездка с Мадагаскара

3. freshservice.com — зашел слишком далеко

4. managewp.com — Не тот дроид, которого вы ищете

5. fpsjob.com — вне карты

6. stremio.com — Кот с шерстью

7.gumgum.com — Это просто мышь

8. wm.com — Переработанная страница

9. insurancecanopy.com — Как Yeti

10. gamehag.com — Sim sala bim

11. zyro.com — Затерянный в космосе (1)

12. inap.com — Затерянный в космосе (2)

13. morningscore.io — Затерянный в космосе (3)

14. sunscrapers.com — Затерянный в космосе (4)

15.foobot.io — Воняет

16.ognitiveseo.com — Отдых на пляже

17. smartrecruiters.com — Зашел слишком далеко

18. tutorialzine.com — Человек-кошка спешит на помощь

19. Groundhogg.io — Не все, кто блуждает, потеряны

20. freshdesk.com — Тайная страна четырех о четырех

21. triphistoric.com — Эта страница уже история

22.mychooice.com — Хм, где это могло быть

23. snowys.com.au — Исчезла прогулка

24. kkday.com — Сломанный мост

25. avast.com — IT-отдел в работе

26. nexcess.net — Пропавшая страница

27. dewaweb.com — Затерянный в облаках

28. magicpress.net — Не конец света

29. adbadger.com — Вы заблудились

30.ventraip.com.au — Корм для динозавров

31. freepik.com — За пределами вселенной

32. troopmessenger.com — Мель на острове

33. fork-cms.com — Затерянный в море

34. readme.com — Мороженое в каплях

35. hopper.com — Затерянный в стратосфере

36. godream.com — Унесенные ветром

37. freelancercareers.org — Запутанный робот

38.ncino.com — По крайней мере, вид здесь хороший

39. Syndicode.com — Печальный кот

40. gdgsoft.com — Ледяная ловушка

Завершение

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

Предыдущее сообщение Следующее сообщение 16 супер умных страниц 404, которые полностью соответствуют бренду
Креативные страницы 404 в наши дни пользуются популярностью.
Похоже, веб-дизайнеры постоянно пытаются превзойти друг друга, создавая все более и более совершенные версии того, что раньше было общим сообщением об ошибке.
Простой поиск в Google, Pinterest или Dribbble найдет тысячи примеров, которые помогут развить ваши творческие способности.
… Но погодите — красивая эстетика — это только полдела!
Единственное, что действительно отличает страницу 404 от остальных, — это то, как она связана с вашим брендом, продуктами, услугами и прямыми призывами к действию, которые повторно привлекают ваших посетителей, чтобы они продолжали изучать ваш сайт.
Следующие бренды проделали большую работу по созданию пользовательских страниц 404, которые устанавливают все флажки.
Marvel
Marvel помещает своих супергероев в центр внимания на своей странице 404.Они проделали большую работу, связав сообщение об ошибке с конкретным персонажем. Добавлен бонус, страница имеет тонкую анимацию и может быть обновлена для просмотра других персонажей. Гений.
20th Century Fox
Такой простой, но такой умный. Компания 20th Century Fox использует сцены из своих фильмов, чтобы подшутить над ужасной страницей 404, как они это делают со сценой из «Мести ботаников». Вы даже можете немного отомстить — купив фильм со скидкой!
Specialized
Почему бы не продемонстрировать свой продукт в действии? Specialized использует одного из своих гонщиков, чтобы объяснить свою страницу 404.Все делают ошибки, почему бы не продемонстрировать одну на своей странице?
Blizzard
Blizzard, популярный производитель видеоигр, выводит неработающие страницы на совершенно другой уровень. Меню, экран — все битое. И это ты во всем виноват! Бонусные баллы за меню, которое все еще работает и позволяет посетителям повторно участвовать.
eHarmony
Сайты знакомств известны тем, что имеют отличные страницы 404. Eharmony’s — еще один отличный пример того, как простое изображение и дерзкий текст могут превратить разочарованных посетителей в потенциальных клиентов.
Pixar
У этого гиганта анимационных фильмов сегодня одна из самых популярных страниц 404 в Интернете. Печаль из их популярного фильма «Наизнанку» используется для объяснения сообщения об ошибке, используя концепции прямо из фильма. Кроме того, реквизит для красивого дизайна с большим количеством белого пространства!
Distilled
Страница 404 Distilled идет по совершенно иному пути. Вместо того, чтобы искать минимальное количество копий и надеяться на клик, на странице представлены два очень симпатичных мультяшных персонажа, обсуждающих ошибку 404 и то, что посетители могут делать дальше.Такой простой, но такой креативный.
PageCloud
Да, даже разработчикам веб-сайтов нужна страница 404! Страница PageCloud 404 объединяет бренд, продукт и контекст как единое целое. Вы находитесь на неработающей странице, почему бы вместо этого не создать ее? Ах да, на заднем плане тоже облако. Возьми? PageCloud.
airbnb
Вы не можете не чувствовать себя виноватым из-за анимированной девушки airbnb, которая роняет мороженое на этой странице 404. Вы же не хотите сразу уходить, это было бы нехорошо! Почему бы вместо этого не щелкнуть ссылку справки?
9 Gag
9GAG известен смешными видео, изображениями и гифками.Их страница 404 демонстрирует известную сцену из «Криминального чтива», где растерянный Винсент (Джон Траволта) ищет Миа (Ума Турман). Подзаголовок: «Здесь ничего нет» и скачивание нашего приложения, чтобы найти то, что вы ищете, идеально связывает все воедино.
Дэн Вудгер
Популярный иллюстратор-фрилансер, чьи творения использовались такими гигантами, как McDonald’s, добавляет один из своих дружелюбных гамбургеров с извиняющимся флагом на свою умную страницу 404. Бонус? Тонкий призыв к действию, отправляющий посетителей посмотреть его другие иллюстрации.
Email Center UK
Поговорим о том, как высмеивать сообщение «об ошибке». Это ведь должна быть чья-то вина? На странице 404 Emailcenter предлагается выбрать, кого из их разработчиков следует уволить за ошибку. Кого бы вы ни выбрали, вы увидите забавную групповую картинку и соответствующую копию. Может, в следующий раз добавят редирект и сохранят работу.
IMDb
IMDb — один из крупнейших источников фильмов, телепередач и знаменитостей. Их страница 404 содержит несколько цитат из популярных фильмов, которые были изменены, чтобы соответствовать контексту.Нажмите «Обновить», и вы увидите новую цитату со стратегической ссылкой на дополнительную информацию о фильме.
Orange Coat
Страница 404 Orange Coat содержит продуманную блок-схему, которая поможет счастливому интернет-путешественнику найти нужную информацию. Все, что вам нужно сделать, это ответить на их вопросы ДА / НЕТ, и вы отправитесь в путь. Бонус: их URL-адрес даже заканчивается на / дорогой-счастливый-интернет-путешественник — гораздо удобнее, чем / error, верно?
LEGO
Страница 404 LEGO — еще один пример, который показывает, насколько ваша страница может быть: привлекательной, эффективной и брендовой, но без чрезмерной сложности.Изображение, строка текста и кнопка для отправки пользователей домой. Вот и все — и каждый раз это заставляет улыбаться.
TSheets
Поскольку они предлагают программное обеспечение для планирования, TSheets решили отметить одну из великих сцен из фильма «Назад в будущее», где доктор Эммет Браун разгоняется до 88 миль в час на Delorean, используя свой конденсатор потока. Как и программное обеспечение TSheet, эта сцена демонстрирует важность точности и эффективности, чтобы вы не запускали OUTATIME.
Что вы думаете об этих конструкциях? Какой из них твой любимый?
Если вы чувствуете вдохновение, почему бы не узнать, как создать свою собственную страницу 404 сегодня? Это проще, чем вы думаете!
17 страниц ошибок Creative 404 от SaaS-компаний!
Мы в Usersnap любим страницы 404.Не поймите меня неправильно. Мы не хотим, чтобы посетители, клиенты и пользователи нашего веб-сайта видели нашу страницу 404. Потому что это будет означать, что что-то пошло не так. Неработающая ссылка или другая путаница.
Но если кто-то случайно увидит нашу страницу 404, он должен получить от этого хоть какое-то удовольствие. И, к счастью, мы здесь не одни. Все больше и больше софтверных компаний публикуют фантастические страницы 404.
Креатив и смешное 404 страницы
Некоторое время назад Spiegel.de — один из крупнейших немецких новостных сайтов — включил нашу страницу 404 в свою коллекцию креативных страниц 404.
И сегодня я собираюсь поделиться с вами нашими любимыми страницами 404 от других разработчиков программного обеспечения. Итак, работая над собственной страницей, лучше подумайте о следующих примерах.
Mailchimp
Люди в Mailchimp умеют общаться. И это не заканчивается на их целевой странице 404.
http://mailchimp.com/404/
Slack
Мы в Usersnap большие поклонники Slack. Это наш основной инструмент коммуникации, и мы даже разработали собственную интеграцию со Slack.Поскольку Slack помогает компаниям в общении, они также знают, как общаться со страницей 404.
https://slack.com/404
GitHub
GitHub любят многие разработчики по всему миру. Благодаря своей интерактивной целевой странице 404 GitHub отлично поработал, заставив людей улыбнуться.
https://github.com/404
Асана
Asana — один из тех необычных инструментов управления задачами и проектами для малых и средних предприятий. В прошлом целевая страница 404 Asana претерпела серьезные изменения, поэтому она идеально соответствует их фирменному стилю.
https://asana.com/404
Новая реликвия
New Relic, наиболее известный среди DevOps, имеет действительно выдающуюся целевую страницу 404. Кому не нравится мысленный эксперимент Шредингера 🙂
https://newrelic.com/404
Толкатель
Pusher — это одна из служб, которые мы в Usersnap используем для улучшения собственного продукта. Благодаря библиотекам реального времени Pusher отлично справляется с предоставлением браузеру функций реального времени. Их целевая страница 404 проста, но эффективна.
Ты всего 404 года.
https://pusher.com/404
GrooveHq
Я большой поклонник контента Groove. Алекс и его команда прекрасно понимают, как общаться с людьми, заинтересованными в их услугах. Их целевая страница 404 хорошо продумана, и создается ощущение, что Groove продумывает каждую деталь.
https://www.groovehq.com/404
Unbounce
Unbounce предлагает услуги по созданию отличных целевых страниц.И поскольку отличные целевые страницы не хотят, чтобы их пользователи попадали на страницу 404, меня особенно интересовало, как Unbounce спроектировал свою страницу 404. И не удивительно, я считаю, что они проделали большую работу.
Главный призыв к действию на этой странице? Игра в понг 🙂
http://unbounce.com/asd
Orat.io
Orat.io предлагает инструменты обслуживания бизнес-клиентов через мобильные мессенджеры. Их целевая страница 404 проста, но эффективна. Кто не любит собак, и своим ясным посланием он заставляет меня начать с самого начала.
https://orat.io/404
Домофон
Intercom, наиболее известный своими инструментами обслуживания клиентов и автоматизации маркетинга, имеет хорошо продуманную страницу 404.
https://intercom.io/404
Bitmovin
Bitmovin, который вы, возможно, лучше знаете как Крысолов из сериала «Силиконовая долина» (шутка!), Предлагает видео-инфраструктуру для Интернета. Ура!
Копия на их целевой странице 404 привлекла мое внимание. Так что, когда вы каким-то образом попадаете на их страницу 404, вероятно, это вина их продавцов.
https://bitmovin.com/404
Wunderlist
Wunderlist, список дел, приобретенный Microsoft, предлагает простую, но привлекательную целевую страницу 404.
Первомая! У нас 404!
https://www.wunderlist.com/404/
Трэвис-CI
Интересный подход к 404 целевым страницам можно найти на веб-сайте Travis-CI. Вместо того, чтобы извиняться перед пользователем за то, что он оказался на странице 404, Travis-CI заставляет своих посетителей чувствовать себя желанными гостями.
https://travis-ci.com/404
Infinum
Infinum, компания по разработке программного обеспечения из Хорватии, предлагает одну из самых креативных целевых страниц 404. Завершение страницы 404 может быть вызвано множеством разных причин. Неработающие ссылки, неправильные перенаправления, старый контент. Итак, кого винить в этом?
Ну, думаю, виноват ваш софт-тестер. Прости Ваня 😉
https://infinum.co/404
Zendesk
Знаете ли вы, что большинство людей никогда не попадают на страницу 404?Если вы один из тех счастливчиков, вас следует поздравить. Согласно Zendesk, вы один из тех, кому удалось найти страницу 404.
Поэтому, оказавшись там, вы должны чувствовать себя особенными.
https://www.zendesk.com/404
Wufoo
Еще одну красиво оформленную целевую страницу 404 можно найти на веб-сайте Wufoo. А с помощью кнопки призыва к действию он пытается превратить посетителей веб-сайта, которые оказались на неправильной странице, в пользователей продукта.
http://www.wufoo.com/404/
GitLab
Подобно GitHub, GitLab — это менеджер репозитория, который позволяет вам совместно работать над кодом.
https://about.gitlab.com/404
404 страницы нашего сообщества
С момента публикации этой статьи мы получили несколько действительно отличных рекомендаций по дальнейшим творческим 404 страницам. Среди них следующие:
Какая ваша любимая страница 404?
Вау. Это много вдохновения.Поэтому, если вы думаете об обновлении страницы 404, обязательно рассмотрите некоторые из упомянутых примеров.
Самая лучшая страница 404: 20+ примеров страниц (Обновление: 2021)
Всем известно, как грустно бывает найти 404 страницы вместо той, которую вы искали. Многие владельцы веб-сайтов предоставляют полезную информацию на своей странице с ошибкой 404 или, по крайней мере, пытаются развеселить заблудившегося пользователя, иногда даже удивляя его своими творческими решениями.А иногда 404 страница становится самой интересной страницей на сайте и попадает в списки 404 самых популярных креативных страниц.
Сделайте себе кофе: мы подготовили для вас подборку из 20 лучших страниц 404.
Что такое ошибка 404?
Иногда посетители веб-сайта видят страницу с ошибкой 404 , потому что веб-страница просто не существует (она была удалена или переименована), а иногда причиной ошибки является неработающая ссылка .Иногда пользователи вводят неправильный адрес веб-сайта. В любом случае никому не понравится безликий дизайн страницы или просто стандартное сообщение 404 .
Помните: creative 404 Дизайн может произвести сильное впечатление на посетителя, заставить его улыбнуться, подбодрить его, заставить его надолго запомнить ваш сайт и даже заставить посетителя поделиться ссылкой с друзьями!
AI Конструктор сайтов
1. Клаус: лучший компьютерный компьютерщик Страница ошибки 404
Посетите страницу: https: // klaus.dk / 404/
Вот нестандартный 404 , который понравится в первую очередь компьютерным гикам, но и всем остальным пользователям он также покажется необычным и привлекательным.
Перед вами интерфейс Commodore 64, домашнего компьютера с 64 КБ ОЗУ, выпущенного в августе 1982 года по цене 595 долларов! Вы, наверное, не помните, но у вашего отца наверняка было.
И это не просто картинка, а анимация: в конце строки мигает курсор, и периодически добавляется новый текст, как будто кто-то его редактирует.Смотрится очень круто и свежо!
2. Хаким Страница ошибки 404
Посетите страницу: https://hakim.se/404
Когда мы открыли эту страницу, нашей первой мыслью было «Вы пришли не в тот район, мать твою!».
Как сказал этот шведский фронтенд-разработчик и дизайнер интерфейсов на своей странице «обо мне»: «Я люблю экспериментировать с графикой и интерактивностью». Молодец, Хаким Эль Хаттаб!
3. HotDot studio: лучшая гипнотизирующая страница 404 за всю историю
Посетите страницу: http: // hotdot.pro / en / 404/
Интерактивные увлекательные числа не дадут вам отдохнуть, гипнотизируют и заставят остаться на этой странице навсегда :). Смотрится очень круто, можно даже сказать — красиво!
4. Бехеровка: лучшая креативная страница 404
Посетите страницу: https://becherovka.com/en/error/404
Страница 404 страница сайта известного элитного алкогольного напитка вместо обычного сообщения об ошибке обращает ваше внимание на любопытный факт: если вы просуммируете все числа, которые видите на экране, вы получите 404! Прямо перед вами полное меню сайта и ссылка на главную страницу.Просто оригинальное решение в лучших традициях маркетинга!
5. Toggl Страница ошибки 404
Посетите страницу: https://toggl.com/404
Здесь у нас 404 страниц с красиво анимированной трехмерной сказкой с ошибкой страницы сюжет. Смотрится очень реалистично и завораживающе.
6. Weemss: лучший пример 404-страничной страницы
Посетите страницу: https: // weemss.ru / page-not-found /
Это всего лишь одна из самых удивительных идей на 404 страницы ! На странице написано: «каждый раз, когда кто-то посещает эту страницу, пони превращается в зомби», после чего вам предлагается зарегистрироваться или авторизоваться на сайте Weemss!
Этот маркетинг до сих пор такой трогательный, вы не поверите, но он все еще работает!
7. Slack: лучшая анимированная страница 404
Посетите страницу: https://slack.com/404
Ребята из Slack постарались создать красиво анимированную страницу.Их страница creative 404 напоминает сказку с крошечными интерактивными элементами (можно «потрогать» цыплят и свиней).
Страница предлагает вам перейти на любую страницу сайта с помощью меню или воспользоваться какой-либо справкой. Между прочим, пока вы наводите курсор мыши на анимированное изображение, оно отображается в цвете, но как только вы перестаете взаимодействовать с этим 404 страница , изображение тускнеет и становится черно-белым.
8. Love Beets: лучший социальный маркетинг 404 стр.
Посетите страницу: http: // www.lovebeets.com/404
Этот сайт принадлежит английской ферме, которая выращивает экологически чистые овощи для ваших салатов. Страница проста , но все же имеет интригу: взгляните на эти кнопки социальных сетей, замаскированные под свеклу в огороде (да, они анимированы) — довольно интересное маркетинговое решение!
9. CSS-хитрости: лучшая простая идея 404-й страницы
Посетите страницу: https://css-tricks.com/thispagedoesntexist
На сайте CSS-трюков сообщение об ошибке 404 оформлено в минималистичном тематическом стиле.Когда вы перейдете на эту страницу, вы увидите белый фон и пробел, в котором вы можете увидеть код веб-страницы.
Похоже, что если вы нажали на неработающую ссылку , что-то во вселенной WWW пошло не так, и вы увидели все изнутри! Единственный недостаток этой идеи — отсутствие кнопки возврата на главную страницу. Хорошо, что отсюда вы можете перейти в любое место на веб-сайте или подписаться, используя форму под изображением.
10.Limpfish Страница ошибки 404
Посетите страницу: http://www.limpfish.com/404
На наш взгляд, это одна из самых простых, но забавных 404 страниц . «Веб-страница отчаянно ищет HTML-код ее жизни. Желательно без ошибок и вредных привычек »! Гениально и креативно!
11. Orange Coat: лучший креатив / руководство 404 стр.
Посетите страницу: https://www.orangecoat.com/dear-happy-internet-traveler
На этом веб-сайте 404 страницы передового опыта. Здесь вам предлагается целая блок-схема действий, чтобы не потеряться и найти то, что искали!
12. Заштриховано: лучший интерактивный 404 стр.
Посетите страницу: https://hatchedlondon.com/tproger
Эта страница одна из лучших 404 страниц идей , перед которыми мы снимаем шляпу.
HatchedLondon решила сделать страницей 404 очень длинной, но вы можете добраться до конца всего за одну секунду, нажав кнопку «Готовый прыжок» — или вы можете еще немного упасть.Самая интересная часть находится внизу страницы, предлагая вам полезные меню, призывы к действию и ссылки.
При этом страница хорошо вписывается в дизайн и смотрится интересно и здорово!
13. Deep Time Страница ошибки 404
Посетите страницу: http://deeptime.info/
Затерянная во времени старинная 404 страница проекта интерактивной инфографики предлагает вам интересный способ исследовать историю Земли.
14. Куало: лучшая интерактивная ретро-игра 404 стр.
Посетите страницу: https://www.kualo.co.uk/404
Хостинг
встречает всех своих гостей 404 ошибка страницы увлекательной игрой. «Космические захватчики» — это просто сладкое воспоминание из детства. Используйте стрелки, чтобы управлять своим кораблем, и космос, чтобы стрелять. Эта страница custom 404 — идеальный способ потерять день с большим удовольствием!
15. Imgur: лучший творческий 404 стр.
Посетите страницу: https: // imgur.com / tproger
Сайт популярного сервиса обмена фотографиями Imgur сделал 404 страницу в виде стены галереи с портретами животных. Пока вы двигаете мышкой, эти глаза животных следят за курсором, что вызывает у вас странные, но забавные ощущения. Жалко, что только жираф готов с вами разговаривать.
16. Фигма: 404 стр.
Посетите страницу: https://www.figma.com/404/
Владельцы инструментов дизайна интерфейсов проделали огромную работу, создав для себя идеальный дизайн! Вы можете поиграть с узлами букв на 404-странице сообщение об ошибке .Лучше попробовать, чем рассказывать!
17. Hugoware: лучшая интерактивная графика 404 стр.
Посетите страницу: http://hugoware.net/tproger
Создатель вложил душу в создание красивой и анимированной страницы с ошибкой 404 , которая почти полностью написана на CSS (картинки, конечно, свиньи). Он даже поделился исходным кодом! Когда вы входите на страницу, меню сворачивается и вращается в черной дыре, оставаясь доступным для нажатия.
18. Lyft: лучшая простая / анимированная страница 404
Посетите страницу: https://www.lyft.com/404
У этой американской службы такси определенно есть одна из 404-страничных идей ! Это просто, но увлекательно: вы видите классную анимацию автомобиля, кружащего вокруг дерева, но в любой момент вы можете щелкнуть любую ссылку в меню и остановить это безумие!
19. Эпопея: лучший персонал 404 стр.
Вот одна красивая страница с ошибкой 404 , созданная как творческая версия страницы «О нас».
20. Веб-сайт Wadav

Посетите веб-сайт: https://www.wadav.com/404.html
21. Weblium: лучшая простая идея 404 стр.
Посетите страницу: https://weblium.com/klf
У
Weblium есть простая, но привлекательная страница с ошибкой 404, показывающая, что НЛО крадет вашу страницу!
Карты Google имели похожую концепцию. Это классическая история — вам предлагается вернуться на главную страницу или выбрать соответствующий раздел в меню в нижнем колонтитуле страницы.
22. Chargebacks911: забавная и дружелюбная ошибка 404 страницы
Посетите страницу: https://chargebacks911.com/play-404/
О, эта страница 404 действительно потрясающая! Эта страница похожа на онлайн-игру . Никто не может устоять перед 5-минутным шутером. Респект, ребята из chargebacks911!
Что делает большую страницу с ошибкой 404?
Вы должны понимать, что страница с ошибкой 404 не бесполезна (и не должна быть!) Для вашего посетителя: многие владельцы веб-сайтов думают, что ее почти никто не увидит, так зачем создавать ее или делать интересной? Но они ошибаются, и дизайн 404-й страницы часто недооценивают.
Есть два направления создания дизайна 404 страниц вы можете выбрать из:
Поскольку страница открывается при возникновении ошибки, вы можете направлять своих посетителей и указывать им, куда им идти: вы можете давать им ссылки на другие страницы с соответствующим содержанием.
Или вы проявите творческий подход и используете страницу с ошибкой 404 в качестве творческого пространства, где люди захотят вернуться снова и даже поделиться им: разместите привлекательную картинку, создайте крутой мультфильм, захватывающую анимацию — даже большинство забавного контента , которым люди захотят поделиться со своими друзьями, подойдут!
Чтобы сделать 404 безошибочным, пугающим и более интересным, вы можете сделать следующее:
объясните, что произошло;
указать причины происшествия;
скажет вашему посетителю, что делать дальше.
Это стандарт. Но вы можете использовать любые другие творческие сообщения, чтобы заинтересовать посетителей вашим сайтом.
Людям нравятся страницы 404 с тонким юмором и непредсказуемостью. Главное — определить ожидания посетителей и достичь своих маркетинговых целей. Веселые 404 страницы должны иметь не только красивый красивый дизайн, но и решение проблемы, с которой столкнулись посетители.
5 основных элементов успешной ошибки 404 страница
Ссылки на важные разделы сайта и мотивирующие призыв к действию .Добавьте кнопку «Вернуться на главную» и разместите несколько ссылок на самые популярные страницы сайта.
Добавьте строку поиска , чтобы посетитель мог быстро перейти в раздел, который он искал, до возникновения ошибки.
Придерживайтесь фирменного стиля и дизайна . Навигация, логотип, цветовая схема и другие элементы веб-дизайна должны быть идентичными. Слишком большая разница с дизайном бренда настораживает и заставляет вашего посетителя думать, что он случайно перешел на другой ресурс.
Будьте ясны и дружелюбны. Если вы думаете, что каждый пользователь знает, что такое «ошибка 404 », вы ошибаетесь. Поэтому постарайтесь объяснить, в чем проблема, и по-дружески подскажите людям, что делать дальше.
Добавьте творческого потока и юмора в создание ваших пользовательских 404 страниц! Креативные иллюстрации привлекают внимание, вызывают интерес и желание узнать больше, изучить сайт.
Замечательно, если ваша страница 404 включает интерактивную анимацию , которую можно приводить в движение с помощью курсора мыши — это может удерживать ваших посетителей на вашем веб-сайте в течение длительного времени.
Резюме
Когда посетитель открывает стандартную страницу ошибки 404 , вполне вероятно, что он немедленно покинет веб-сайт и больше не вернется. А совершенно другие, нестандартные, привлекательные и полезные страницы 404 могут легко заставить посетителя остаться на вашем веб-сайте и побудить его продолжить его изучение. Фактически, это увеличивает лояльность вашей аудитории и улучшает SEO сайта.
Другими словами, создание пользовательского дизайна на 404 страницы и — это способ гуманно разговаривать с вашими посетителями по-человечески и поддерживать их интерес к вашему веб-сайту.
С помощью Weblium AI Website Builder вы можете создать веб-сайт, о котором вы мечтали, без чьей-либо помощи в кратчайшие сроки!
И помимо всех преимуществ вроде бесплатного домена и хостинга, сайта с базовыми настройками SEO для продвижения и максимальной скоростью загрузки, вы можете запросить самый крутой шаблон страницы ошибки 404 ! Помните, что все 404 страницы для шаблонов имеют высочайшее качество и созданы с учетом последних тенденций!
Ярослава
Контент-менеджер, маркетолог и SEO-специалист!
28 Умно смешных и креативных 404 страниц ошибок Inzone Design
Страница с ошибкой 404 используется для предупреждения посетителей о том, что страница, которую они пытались найти, либо больше не существует, никогда не существовала вообще, либо, что часто случается, они опечатали или неправильно написали URL-адрес.
Встреча со страницами с ошибкой 404 может быть довольно неприятной и неприятной для посетителей; однако преобразование вашей скучной и неприятной страницы с ошибкой 404 во что-то захватывающее и забавное может иногда иметь значение, решает ли посетитель остаться на вашем сайте или нет. Поиск креативной страницы с ошибкой 404 — это почти то же самое, что обнаружить скрытый драгоценный камень, сокровище, о чем не все знают, даже если это веб-сайт, который многие посещают ежедневно.
Я собрал, на мой взгляд, одни из самых забавных и умных страниц с ошибками 404 в Интернете на сегодняшний день. Надеюсь, просмотр этих креативных и уникальных страниц с ошибками 404 вдохновит вас на создание своей собственной страницы с ошибками 404!
Лично я мало что знаю о теннисе, но знаю, кто такой Новак Джокович, и что у него отличное чувство юмора. Есть много видео, где он шутит и подражает другим теннисистам, одевается в забавные костюмы, танцует на теннисном корте, и одно очень красивое и забавное видео, которое действительно многое говорит о его личности, видео, где он делит скамейку с теннисистами. мальчик-зонтик (видео ниже).Зная, что у него такое прекрасное чувство юмора, еще до того, как я начал его искать, я был более чем уверен, что его страница с ошибкой 404 не будет вашей обычной страницей с ошибкой, и что на ней будет что-то забавное — и, о чудо, я был Правильно!
Мы знаем, что попасть не на ту страницу может быть очень неприятно. На странице с ошибкой 404 Pixar использует персонажа из одного из своих фильмов, чтобы убедить зрителей, что «это просто ошибка 404!» и что не нужно плакать. Очень весело и креативно, идеально соответствует тому, что собой представляет Pixar.
Почему вашему бизнесу нужна оптимизированная страница 404
Веб-разработчики и маркетологи опасаются страниц с ошибками на веб-сайтах. Я имею в виду, что может быть хуже, чем ваш веб-сайт, который не работает так, как ожидают вы или ваши пользователи?
Но трафик на страницу 404 вашего веб-сайта, также известную как страница с ошибкой «Страница не найдена», которая сообщает пользователю, что он пытался получить доступ к чему-то, что было перемещено, удалено или никогда не существовало, — не обязательно конец света.
В конце концов, есть много причин, по которым пользователь может попасть на одну: неправильные URL-адреса, отсутствие перенаправления страницы или контент, который был перемещен или удален.И как пользователи, мы все в какой-то момент сталкивались с ними. Мы понимаем, что все это происходит, и если страница 404 удобна для пользователя и помогает нам добраться туда, куда мы хотим, , , это не имеет большого значения.
Итак, как владельцы бизнеса и менеджеры веб-сайтов, наш долг — оптимизировать страницу с ошибкой 404, чтобы устранить путаницу (и, возможно, разочарование) из-за того, что мы не попали на ожидаемую страницу. Мы превращаем то, что может быть отрицательной ситуацией, в положительную, направляя наших пользователей к релевантному контенту и доставляя им удовольствие.
Давайте разберемся, почему.
1. Типовой 404 побуждает ваш трафик уходить.
Посмотри на это — Никакой помощи . С этим тупиком, куда нам теперь идти? (Ответ: на сайт вашего конкурента или обратно в Google.)
2. Оптимизированный код 404 удерживает посетителей на вашем сайте и может направлять трафик на определенные страницы.
Пришло время направить трафик на контент, который вы хотите выделить. Это может включать:
Ваша домашняя страница
Лента блога популярных или трендовых сообщений
Блог, рейтинг которого пока невысокий, но, по вашему мнению, имеет большую ценность для вашего пользователя
Популярные или рекомендуемые товары
A Часто задаваемые вопросы стр.
Вы также можете рассмотреть возможность включения функции поиска, чтобы, если ваши предложения не попали в точку, ваши пользователи по-прежнему могли искать то, что они ищут, и оставаться на вашем сайте.
Конечно, лучше меньше, да лучше. Вы не хотите ошеломить пользователя, включив все эти элементы на свою страницу 404, поэтому тщательно определите, куда вы хотите направить свой трафик дальше, и стремитесь к этому конечному результату.
Со временем вы сможете посмотреть количество кликов и производительность вашей 404-й страницы и увидеть, куда идет ваш трафик. Если у вас очень высокий показатель отказов, вы можете настроить или проверить ссылки A / B на разные фрагменты контента.
3. Оптимизированный 404 создает положительную ассоциацию с брендом.
Люди попадут на страницу 404, даже если вы все делаете на своем веб-сайте идеально. Пользователи могут ошибаться при вводе URL-адреса, или другой внешний веб-сайт может ссылаться на неправильную страницу и т. Д.
Неважно, , почему именно туда попадает трафик, поэтому вам следует избегать любых заявлений, которые предполагают, что это была их вина (например, «Похоже, вы сделали ошибку!»).
Все, что имеет значение, — это то, что вы делаете сейчас, когда они там : Признайте тот факт, что это слегка раздражает ваш трафик, и постарайтесь исправить это за них.
Чем больше вы полезны, чем больше вы восхищаетесь своим трафиком, тем выше вероятность, что они положительно ассоциируют вашу компанию — и тем больше вероятность, что они будут взаимодействовать с вашим бизнесом.
4. Это возможность продемонстрировать индивидуальность вашего бренда.
Как говорит социальный стратег Ренни Глисон в своем великолепном выступлении на TED Talk о 404 страницах: «Мелочи, сделанные правильно, имеют значение. Хорошо продуманные моменты создают бренды ».
Если вы думаете о своих страницах 404 как о способе подтвердить идентичность вашего бренда — может быть, с помощью юмора, красивой графики или шутки — ваша маркетинговая команда может весело провести время, создав уникальную страницу, которая также понравится вашей целевой аудитории.
В конце концов, большой трафик на вашу страницу 404 может не очень хорошо знать ваш бизнес или даже совсем не знать его. Это шанс впервые представить им личность вашего бренда. Это могло быть разницей между отказавшимся пользователем и будущим потенциальным клиентом.
Вот немного вдохновения:
Лего
LEGO 404 привносит немного юмора в изображение минифигурки на всю страницу. Поскольку это в первую очередь сайт электронной торговли, имеет смысл использовать один крупный призыв к действию «Начать покупки.«Пользователи по-прежнему могут получить доступ к остальной части сайта через навигацию в верхнем и нижнем колонтитулах.
Imgur
Imgur — это, по сути, одна большая галерея забавных мемов, поэтому его страница 404 также может быть галереей. Умная анимация заставляет глаза фигур следовать за вашим указателем по экрану.
HubSpot
Если вы введете «hubspot.com/404» в свой браузер, перенаправление приведет вас к подробному блогу, содержащему около 404 страниц.Умный! Но если вы перейдете на него по неверно набранной или неработающей ссылке, вы увидите отличную страницу 404: она благодарит пользователя за терпение и предоставляет полезные ссылки на блог, продукты и возможность подписаться на демонстрацию.
Орео
Веб-сайту, посвященному файлам cookie, здесь не нужно ничего, кроме кнопки «Вернуться на главную», но они все же нашли способ развлечься со своей страницей 404, а также грамотно выделить продукт.
МоМА
На странице ошибки 404
MoMA есть немного юмора, поскольку есть ссылка на картину «OOF» из его постоянной коллекции.Чтобы помочь пользователю оставаться на сайте, он включает в себя навигацию по верхнему и нижнему колонтитулам, функцию поиска и ссылку для контакта.
BigCommerce
BigCommerce делает многое со своей страницей 404: красивая настраиваемая иллюстрация, ссылки на конкретный контент и чат-бот в правом нижнем углу с сообщением «Я могу указать вам правильное направление».
Резюме Страницы с ошибками
404 должны быть не только для подтверждения ошибки, иначе вы рискуете расстроить свою аудиторию.Прежде всего, это должно убедить ваш трафик оставаться на вашем сайте, несмотря на ошибку. Ваш бизнес должен рассматривать ошибки 404 как возможность помочь пользователям не только найти то, что они ищут, но и почувствовать связь с вашим брендом.
No related posts.