404 Page: 50 умных, забавных и вдохновляющих примеров – AliDropship Blog
Мы все видели это время от времени – 404: Страница не найдена – три страшные цифры и слова, информирующие вас о том, что URL, по которому вы щелкнули, не существует в каталоге веб-сайта. Страницы с ошибками, как правило, рассматриваются как точка отсрочки для посетителей сайта и являются общей точкой отсчета для них – фактически для почти 74% людей. Но знаете ли вы, что с небольшим творческим потенциалом и забавным перенаправлением, вы можете уменьшить показатель отказов вашего сайта?
В этой статье давайте рассмотрим, что такое 404 страницы, их назначение и почему вы должны заботиться о том, как они выглядят и как работают. Мы также взглянем на классные, забавные фирменные дизайны страниц для вдохновения.
Оглавление
Что такое страница ошибки 404?
Страница с ошибкой 404 – это страница, сообщающая, что введенная вами ссылка или URL-адрес не существует. Страницы такого типа являются заполнителями для неработающих ссылок на веб-сайте – они также появляются, когда неправильно набран URL-адрес. Страница ошибок также является неотъемлемой частью общей просматриваемости сайта в SEO.
Почему вы должны заботиться о его дизайне?
Так что вы можете подумать: «Подождите. Разве страница ошибок не является страницей ошибок? Он делает свою работу, так что еще ему нужно?» Да, это так. Но помните, что страница с ошибкой 404 – это обычное место, где пользователи покидают ваш сайт, поэтому вы можете воспользоваться возможностью перенаправить посетителей обратно на ваш сайт с привлекательным дизайном или альтернативными предложениями страниц.
Как создать страницу 404
Если вы считаете, что готовы приступить к работе со своими страницами ошибок, обратитесь к графическому дизайнеру или разработчику веб-сайта, поскольку эти два человека будут отвечать за создание 404 страниц для вашего веб-сайта. Собери своих копирайтеров (тебе понадобятся слова для этого). Ваши визуальные и технические команды могут использовать трюки CSS и различные редакторы видео или изображений для создания уникальной страницы, в то время как авторы могут создать что-то веселое и запоминающееся.
Если вы используете готовый дизайн магазина в AliDropship, проверьте настройки темы вашего магазина. Темы AliDropship позволяют вам настроить свои 404 страницы, добавив свой собственный текст и изображения. И если вы чувствуете, что вам нужно вдохновение для веб-дизайна, просто продолжайте прокручивать.
Лучшие 404 страницы примеров (и что делает их такими замечательными)
Страницы с ошибками похожи на стоп-сигналы на дороге. Они красные, но вы должны подумать о забавных способах изменить свет на зеленый. Один общий пункт из всех хороших 404 страниц? У них отличная навигация. Взглянуть:
Тойота США
Автопроизводитель отображает четыре призыва к действию, чтобы заставить посетителей идти туда, куда им нужно.
Министерство обороны США
Правительственный веб-сайт показывает множество популярных страниц, чтобы перенаправить посетителей на часто посещаемые страницы.
Джамба Сок
Нет страницы не означает, что напитки Сеть магазинов напитков Jamba Juice информирует посетителей, которые наткнулись на его страницу с ошибками, о том, что они все еще «смешиваются». Меню и локатор магазина предлагаются в качестве альтернативы, чтобы посетители могли перейти в другое место на сайте.
Dropbox
С забавной иллюстрацией (мы не уверены, что это тоже) и простым выпадающим списком ссылок (включая домашнюю страницу и ссылку для входа в систему), гигант файлового хостинга легко меняет направление.
Макдоналдс
Хотя нет никакого изображения аппетитного гамбургера (мы, честно говоря, удивлены), глобальный гигант быстрого питания предлагает большую панель поиска и меню ссылок, чтобы посетители могли легко перемещаться туда, где им нужно.
AliExpress
AliExpress использует копию, чтобы предложить посетителям совершать покупки с помощью кнопки «Продолжить покупки». Кнопка переносит пользователя на домашнюю страницу веб-сайта, где есть масса категорий для выбора (поэтому им не придется беспокоиться о том, что они не нашли то, для чего они первоначально посещались).
YouTube
Милая маленькая иллюстрация с простым сообщением указывает пользователям на видную панель поиска, чтобы искать что-то еще.
Амазонка
Взяв страницу из книги по брендингу, Amazon перепутала страницы с ошибками со своими собаками компании, которые являются огромной частью корпоративной культуры.
Nike
Гигант спортивной одежды использует пространство на своей странице 404, чтобы указать популярные продукты в надежде заставить посетителей нажимать и посещать другие страницы на сайте.
Microsoft
Программный гигант настраивает очень прямую страницу с ошибкой, но обеспечивает ее нижнее навигационное меню, чтобы посетители, которые случайно наткнулись на эту страницу, могли найти выход.
Квадрат
Компания, предоставляющая мобильные платежи, имеет простую копию, но предоставляет ссылки на статьи, вход пользователя и дополнительную информацию о ценах, что делает страницу 404 полезным местом назначения.
New York Post
Неправильный адрес? Нет проблем. The New York Post держит читателей и посетителей на своем пути с помощью панели поиска и боковой панели с популярными историями. Простая навигация повышает вероятность того, что посетители переходят на другие страницы сайта, снижая показатель отказов.
Старбакс
Международная кофейная сеть с пятном на кофейной чашке показывает, что на этой странице ничего нет (и определенно нет кофе). Java-гигант предлагает посетителям логический подход к странице 404, предлагая объяснения того, что могло вызвать страницу 404, в дополнение к простым решениям. Что интересно, Starbucks также имеет ссылку, позволяющую пользователям оставлять отзывы о неработающих ссылках – это показывает пользователям, что компания ценит и приветствует отзывы.
Marriot
Оператор сети отелей Marriot предоставляет удобство на своей странице 404, предлагая пользователям поля для ввода информации о пребывании, чтобы получить необходимую им информацию о поездке.
азбука
Американская телевизионная сеть играет словами, используя «Lost», один из самых популярных телесериалов, чтобы описать ошибку посетителя сайта. На странице есть несколько простых ссылок, позволяющих посетителям найти нужное шоу или ссылку на домашнюю страницу, чтобы получить доступ ко всему.
Oakley
Сохраняя свой классный образ, Oakley шутит, что служба безопасности будет уведомлена о вашей ошибке 404.
Hubspot
Если сомневаешься, иди за сердцем. Hubspot выражает свою печаль с разбитым сердцем на странице ошибок, направляя трафик на свои продукты, блоги и демонстрацию своих услуг.
Otterbox
Когда ничего не помогает, просто отмахнись. Производитель чехлов для телефонов Otterbox размещает свой талисман выдры на своей странице ошибок, чтобы избавиться от ошибки, предлагая панель поиска и выпадающий список категорий покупок для простых решений.
Стоимость плюс мировой рынок
Вы можете найти что угодно в этом международном магазине товаров – просто не неправильная страница! Мировой рынок Cost Plus указывает покупателям на неправильный URL-адрес, чтобы они продолжали делать покупки со ссылкой на домашнюю страницу или категориями, даже используя предложения на месте для стимулирования кликов.
IBM
Американский технический гигант IBM делает свою страницу ошибок прямой и простой, позволяя пользователям либо сообщать об ошибке, либо переходить на целевую страницу своих продуктов.
Hydroflask
Создатель суперпопулярной изолированной бутылки для воды делает страницу ошибок короткой и простой. Компания минимизирует пустое пространство своей страницы и вместо этого использует недвижимость, чтобы ее нижняя навигация и маркеры социальных сетей были наиболее заметными для более высокой вероятности кликов клиентов.
MailChimp
С помощью одного простого перенаправления на домашнюю страницу MailChimp может «потерять» страницу и проиллюстрировать ошибку с помощью анимации лошади, копающейся в яме в никуда. Страница сочетает в себе немного юмора с прямым призывом к действию.
Чик-фил-
Американский фаст-фуд объединяет свой фирменный голос в рекламных кампаниях с коровами и отмечает, что на странице 404 отсутствуют коровы. Панель поиска завершает макет, чтобы позволить клиентам добраться туда, где они должны быть.
Кеннет Коул
Мы видим образец фирменного голоса (и веселые каламбуры). Кеннет Коул в своих сообщениях на странице ошибок (так как бренд больше всего известен своей обувью) проигрывает слова словами «единственный поиск», демонстрируя при этом выбор новых продуктов для привлечения покупателей в дополнение к другим категориям покупок.
гнаться
Американская банковская сеть подшучивает над ошибкой страницы, сохраняя при этом доступное и дружелюбное обслуживание, предлагая множество простых вариантов, позволяющих клиентам выполнять свои поручения. Он также предлагает ссылку на карту своего сайта для всей видимости, если клиенту нужно что-то не показанное.
Смешные 404 страницы примеров (и почему они так хорошо работают)
Помимо перенаправления трафика, 404 страницы – это неожиданный способ подшутить над ошибкой пользователя или привлечь на свой сайт какую-то индивидуальность бренда. От крупных развлекательных гигантов до быстроразвивающихся сайтов электронной коммерции – не повредит развлечься (просто убедитесь, что вы правильно перенаправляете трафик). Давайте посмотрим, как некоторые компании справляются с этой задачей:
Диснейленд Париж
Веб-сайт французской версии «Счастливого места на земле» позволяет Stitch из «Lilo & Stitch» 2002 года взять на себя ответственность за неисправную страницу. На странице есть интерактивные вкладки, которые можно щелкнуть, прямо под сообщением об ошибке, благодаря чему посетители сайта могут быстро найти нужную информацию. Плюс, мечтательный фиолетовый фон заставляет нас думать, что Дисней сделал свою домашнюю работу по цветовой психологии (фиолетовый связан с творчеством и … как вы уже догадались – волшебство).
американские авиалинии
Загадочный заголовок и три ссылки «нажми и иди» быстро доставят путешественника к месту назначения.
тявкать
Международное сообщество по обзору продуктов питания и предприятий использует созданного персонажа, чтобы добавить веселья и веселья на свои 404 страницы. Детектив Дарвин находится на неправильном URL-адресе – у вас, посетителя, есть панель прямого поиска и поле почтового индекса, чтобы найти то, что вы ищете.
AMC Театры
Американская сеть кинематографов запуталась в кинематографическом жаргоне, представив отличный пример 404-странички с фирменным голосом и индивидуальностью.
диво
Используя The Watcher, известного персонажа Marvel, комический гигант играет на метафорах в копии, чтобы сообщить пользователям, что их страница не видна.
Virgin Atlantic
Еще одна авиакомпания, которая использует веселый, яркий язык – Virgin Atlantic. Авиалайнер говорит о 404 страницах, «теряющихся» во всем волнении путешествия.
eBay
Король онлайн-торгов ловко сопоставляет копию и изображение ребенка с капюшоном, закрывающим глаза, чтобы передать ощущение, что он ничего не может найти. Призыв к действию на домашней странице eBay и страницах справки гарантирует, что посетители получают необходимую помощь.
20th Century Fox
Лос-анджелесская киностудия дополняет свои творческие соки видеоклипами из некоторых популярных фильмов. В этом примере в 2004 году инди-фильм «Наполеон Динамит» занимает центральное место с забавными цитатами, которые относятся к фильму. Это создает интерактивный и веселый опыт работы с клиентами, несмотря на то, что посетители натыкаются на несуществующую страницу.
слабина
Создатель приложения чата становится умным, создавая повторяющийся фон зелени, чтобы связать его с сообщением о наличии сбоя на странице (примечание: сбой обычно иллюстрируется одними и теми же изображениями / объектами, повторяющимися в одном месте).
Мос
SEO powerhouse высмеивает своего робота-талисмана и предлагает функцию поиска для пользователей, создавая забавную, но полезную страницу.
Pixar
Плачь плачь. Pixar высмеивает The Sadness, персонажа из фильма 2015 года «Inside Out», ссылаясь на «долговременную память», главный элемент анимационного фильма.
Венди
Известный своей яркой индивидуальностью в социальных сетях, неудивительно, что американский фаст-фуд внедрил целую игру на свою страницу 404. Чтобы играть в игру, вы должны нажать клавиши со стрелками на клавиатуре, чтобы начать.
Airbnb
Забавная иллюстрация, в сочетании с меню ссылок, помогает магнату аренды быстро доставить клиентов туда, где им нужно.
Lexus
Японская марка элитных автомобилей создает элемент эксклюзивности на страницах с ошибками, прежде чем предлагать посетителям использовать панель поиска.
глянцевый
Быстро развивающаяся компания по уходу за кожей и косметикой набирает два симпатичных продукта, чтобы проиллюстрировать свою точку зрения: двигаться (с удобной ссылкой на главную страницу крупным шрифтом).
Тонкий Джим
Американский гигант-вяленая говядина использует свой слоган «Snap in the Slim Jim», чтобы пошутить над игрой.
Blizzard Entertainment
Используя анимированного игрового персонажа, этот игровой разработчик использует забавное копирование и движение для некоторых личностей.
Городские Экипировщики
Иллюстрируя, что там нет абсолютно ничего, Urban Outfitters добавляет анимированный эскиз пустыни, чтобы донести свою мысль. Интересно, что быстрых ссылок нет нигде, кроме верхней навигации.
Vans
Ссылаясь на свою культуру скейтбординга и целевую демографию, Ванс играет с симпатией, давая понять, что все в порядке, что они допустили ошибку, опустившись на страницу 404 и вернувшись на домашнюю страницу сайта.
Spotify
Разбитая страница похожа на испорченную запись, верно? Сервис потоковой передачи музыки Spotify иллюстрирует печаль страницы ошибок с помощью «404s and heartbreaks» и записи 404.
Лего
Некоторые забавные персонажи и метафорическая иллюстрация добавляют юмора (и уменьшают разочарование) для пользователей, которые натыкаются на несуществующую страницу для Lego. Не могу обвинить в технической ошибке пару игрушек, верно?
Volkswagen
Немецкий производитель автомобилей играет на вождении в жаргоне, чтобы создать ощущение препятствия на пути движения клиентов в правильном направлении, предлагая два быстрых нажатия на призыв к действию.
Istock
iStock освещает страшный номер 404 (в буквальном смысле), шутя о его неспособности найти то, что ищет пользователь. Иллюстрация собаки даже доступна для покупки на ее веб-сайте – насколько она умна? Используя каждый бит своей страницы ошибки недвижимости.
Лифт
Разделение лошадей может быть болью. Но так может наткнуться на неправильную страницу. Оператор совместного использования автомобилей Lyft играет на этой беде с анимированным автомобилем, который ездит кругами вокруг дерева.
Magnt
Создатель веб-сайта Magnt становится дерзким с диаграммой и копией, указывающими, что ошибка пользователя (привет, опечатки) и неработающие ссылки на страницы (ошибка Magnt) одинаково виновны для страницы с ошибкой 404. Это отличный пример того, как бренд подшучивает над собой, демонстрируя отношение к своей аудитории.
Помните, что благодаря удобной навигации и четким призывам к действию, хорошо продуманные страницы ошибок позволяют посетителям лучше ориентироваться на вашем сайте. Не забудьте включить следующие функции, чтобы обеспечить более плавное взаимодействие с пользователем:
- Ссылка на домашнюю страницу
- Ссылка на карту сайта
- Трудно пропустить панель поиска
- Ссылки на популярные товары или статьи
Все эти элементы уменьшают разочарование или ощущение того, что вы зашли в тупик с неправильным URL или ссылкой, что, в свою очередь, позволяет людям дольше оставаться на вашем сайте.
РЕЗЮМЕ
Страницы с ошибками являются информативными заполнителями в структуре вашего сайта для недействительных URL. При определенной стратегии и креативности пользовательская страница 404 может стать отличной возможностью для перенаправления трафика на другие страницы вашего веб-сайта, в процессе чего вы получаете потенциальных клиентов, демонстрируя при этом некоторую индивидуальность бренда.
Источник записи: https://alidropship.com