Промышленные секреты

404 Page: 50 умных, забавных и вдохновляющих примеров – AliDropship Blog

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog
Содержание

Мы все видели это время от времени – 404: Страница не найдена – три страшные цифры и слова, информирующие вас о том, что URL, по которому вы щелкнули, не существует в каталоге веб-сайта. Страницы с ошибками, как правило, рассматриваются как точка отсрочки для посетителей сайта и являются общей точкой отсчета для них – фактически для почти 74% людей. Но знаете ли вы, что с небольшим творческим потенциалом и забавным перенаправлением, вы можете уменьшить показатель отказов вашего сайта?

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

Оглавление

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

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

Почему вы должны заботиться о его дизайне?

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

Как создать страницу 404

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

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

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

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Тойота США

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Министерство обороны США

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Джамба Сок

Нет страницы не означает, что напитки Сеть магазинов напитков Jamba Juice информирует посетителей, которые наткнулись на его страницу с ошибками, о том, что они все еще «смешиваются». Меню и локатор магазина предлагаются в качестве альтернативы, чтобы посетители могли перейти в другое место на сайте.

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Dropbox

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Макдоналдс

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

AliExpress

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

YouTube

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Амазонка

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Nike

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Microsoft

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Квадрат

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

New York Post

Неправильный адрес? Нет проблем. The New York Post держит читателей и посетителей на своем пути с помощью панели поиска и боковой панели с популярными историями. Простая навигация повышает вероятность того, что посетители переходят на другие страницы сайта, снижая показатель отказов.

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Старбакс

Международная кофейная сеть с пятном на кофейной чашке показывает, что на этой странице ничего нет (и определенно нет кофе). Java-гигант предлагает посетителям логический подход к странице 404, предлагая объяснения того, что могло вызвать страницу 404, в дополнение к простым решениям. Что интересно, Starbucks также имеет ссылку, позволяющую пользователям оставлять отзывы о неработающих ссылках – это показывает пользователям, что компания ценит и приветствует отзывы.

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Marriot

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

азбука

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Oakley

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Hubspot

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Otterbox

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Стоимость плюс мировой рынок

Вы можете найти что угодно в этом международном магазине товаров – просто не неправильная страница! Мировой рынок Cost Plus указывает покупателям на неправильный URL-адрес, чтобы они продолжали делать покупки со ссылкой на домашнюю страницу или категориями, даже используя предложения на месте для стимулирования кликов.

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

IBM

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Hydroflask

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

MailChimp

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Чик-фил-

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Кеннет Коул

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

гнаться

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

Смешные 404 страницы примеров (и почему они так хорошо работают)

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Диснейленд Париж

Веб-сайт французской версии «Счастливого места на земле» позволяет Stitch из «Lilo & Stitch» 2002 года взять на себя ответственность за неисправную страницу. На странице есть интерактивные вкладки, которые можно щелкнуть, прямо под сообщением об ошибке, благодаря чему посетители сайта могут быстро найти нужную информацию. Плюс, мечтательный фиолетовый фон заставляет нас думать, что Дисней сделал свою домашнюю работу по цветовой психологии (фиолетовый связан с творчеством и … как вы уже догадались – волшебство).

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

американские авиалинии

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

тявкать

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

AMC Театры

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

диво

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Virgin Atlantic

Еще одна авиакомпания, которая использует веселый, яркий язык – Virgin Atlantic. Авиалайнер говорит о 404 страницах, «теряющихся» во всем волнении путешествия.

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

eBay

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

20th Century Fox

Лос-анджелесская киностудия дополняет свои творческие соки видеоклипами из некоторых популярных фильмов. В этом примере в 2004 году инди-фильм «Наполеон Динамит» занимает центральное место с забавными цитатами, которые относятся к фильму. Это создает интерактивный и веселый опыт работы с клиентами, несмотря на то, что посетители натыкаются на несуществующую страницу.

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

слабина

Создатель приложения чата становится умным, создавая повторяющийся фон зелени, чтобы связать его с сообщением о наличии сбоя на странице (примечание: сбой обычно иллюстрируется одними и теми же изображениями / объектами, повторяющимися в одном месте).

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Мос

SEO powerhouse высмеивает своего робота-талисмана и предлагает функцию поиска для пользователей, создавая забавную, но полезную страницу.

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Pixar

Плачь плачь. Pixar высмеивает The Sadness, персонажа из фильма 2015 года «Inside Out», ссылаясь на «долговременную память», главный элемент анимационного фильма.

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Венди

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Airbnb

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Lexus

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

глянцевый

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Тонкий Джим

Американский гигант-вяленая говядина использует свой слоган «Snap in the Slim Jim», чтобы пошутить над игрой.

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Blizzard Entertainment

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Городские Экипировщики

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Vans

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Spotify

Разбитая страница похожа на испорченную запись, верно? Сервис потоковой передачи музыки Spotify иллюстрирует печаль страницы ошибок с помощью «404s and heartbreaks» и записи 404.

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Лего

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Volkswagen

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Istock

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Лифт

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

404 Page: 50 умных, забавных и вдохновляющих примеров - AliDropship Blog

Magnt

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

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

  • Ссылка на домашнюю страницу
  • Ссылка на карту сайта
  • Трудно пропустить панель поиска
  • Ссылки на популярные товары или статьи

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

РЕЗЮМЕ

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

Источник записи: https://alidropship.com

Похожие записи

Промышленные секреты

Продвижение и маркетинг на AliExpress: Серия вопросов и ответов №2 - AliDropship Blog

Промышленные секреты

Опрос AliDropship: ожидания против реальности - AliDropship Blog

Промышленные секреты

AliExpress Drop Shipping Q & A серия №1: Плагин AliDropship - Блог AliDropship

НовостиПромышленные секреты

Справочник по покупкам в Google: издание 2020 года