Сижу в интернете, ищу товар. Ура, нашел нужный в результатах поиска! Перехожу по ссылке — появляется окно с цифрами «404» и кучей технических подробностей.
Абра-кадабра!
Ребята, мне не нужны ваши инструкции и составлять заявку я не хочу. Я хочу купить то, что присмотрел… Прощайте!
Not found страницы нужны и важны как часть маркетинговой стратегии любого сайта коммерческой направленности. Если клиент может уйти из-за загрузки страницы на 0,0001 секунду дольше, чем он готов ждать, дурацкая страница 404 тем более способствует этому. Наоборот — правильно оформленная поможет понять, что случилось, где он находится в данный момент и что теперь делать.
В статье мы рассматриваем 18 примеров страниц 404, которые принадлежат сайтам с разной тематикой. Мы ставили цель показать многообразие их оформления — и удачное, и не очень удачное. И очень неудачное.
Давайте посмотрим, что получилось!
Разберем лучшие страницы 404-ошибки
Адамас. Магазин ювелирных украшений
Страница 404 «Адамас»
Особенности
- Пользователю по-прежнему доступны главное меню сайта и каталог изделий;
- есть сообщение, что что-то пошло не так;
- сайт предлагает перейти в раздел со статьями и коллекциями;
- кроме главного меню, пользователю доступны все ссылки из футера.
Личное мнение
От продавца ювелирных украшений ждешь золотые россыпи и украшения даже на странице Not Found. Интересно, что со страницы 404 здесь отправляют в коллекции (это абсолютно логично) и в статьи (!). Всем, кто занимается интернет-маркетингом, на заметку.
DNS. Интернет-магазин цифровой и бытовой техники
Страница 404 DNS
Особенности
- Графическая составляющая страницы прямо показывает, что мы на сайте DNS;
- есть кнопка с CTA «Перейти на главную«: это лучше просто ссылки;
- страница подгружает адреса магазинов вашего города.
Личное мнение
Вместо списка магазинов я бы разместил здесь каталог товаров: зачем же еще мы заходим в подобные интернет-магазины! Да и по карте путешествий пользователя большинство сначала выбирает товар, а уже потом ищет, где его купить.
Garry Print. Магазин одежды с принтами
Страница 404 Garry Print
Особенности
- Первое, на что обращаешь внимание, — информация о 50 % скидках;
- предлагаются три пути выхода с этой страницы: на главную, в каталог и на страницу создания своей крутой одежды;
- пользователям по-прежнему доступно главное меню, футер и поисковая строка для уточнения их запросов.
Личное мнение
Я, конечно, не удержался и перешел по ссылке. Сижу теперь и вместо статьи создаю мужскую футболку с индивидуальным дизайном.
Еще чуть-чуть, и я снова с вами!
Kokoc.com. Продвижение сайтов
Страница 404 Kokoc.com
Особенности
- Трудно не заметить вертикальную «404» на странице;
- пользователю доступно главное меню;
- он может перейти на главную страницу, изучить услуги компании и ее кейсы;
- форма захвата готова помочь пользователю… стать клиентом компании. Неожиданно (нет)!
Личное мнение
Только не говорите, что не увидели здесь аллюзию на фильм «Изгой» с Томом Хэнксом в главной роли. Мы никогда не забудем тебя, Уилсон!
Не время унывать. Нам с тобой еще сайты продвигать!
Infiniti. Автомобильный салон
Страница 404 Infiniti
Особенности
- Один из тех случаев, когда заветные «404» не указаны в тексте соответствующей страницы;
- пользователю доступны главное меню и футер сайта;
- кроме того, он может пользоваться быстрыми ссылками и найти дилера, посмотреть все модели Infiniti, написать представителям компании и почитать о бренде.
Личное мнение
Честно говоря, здесь хочется большего по размеру и смысловому наполнению изображения. Хотя едущая навстречу приключениям Infiniti Q50, конечно, внушает священный трепет.
Konsoleta. Интернет-магазин белья и купальников
Страница 404 Konsoleta
Особенности
- Наконец-то кто-то открыто пишет, что появление 404 страницы — ВНЕЗАПНО, и делает это в такой милой форме;
- пользователю доступны категории каталога, главное меню сайта и виджет обратной связи;
- тут даже порекомендуют хорошие трусы.
Личное мнение
Несмотря на красивое графическое оформление страницы, все же стоит текстом написать, где оказался посетитель и что ему дальше делать. Быть может, он искал что-то особенное...
Zlatoust Watch. Интернет-магазин часов
Страница 404 Zlatoust Watch
Особенности
- Пользователю доступны главное меню и футер сайта;
- интересно, что оформление 404 страницы здесь абсолютно монохромное;
- можно перейти по ссылке и почитать историю завода, раз уж вы попали сюда.
Личное мнение
«Нет такой страницы» — не самая корректная формулировка проблемы. Хорошо, что можно перейти в каталог часов.
Лабиринт. Интернет-магазин книг
Страница 404 «Лабиринт»
Особенности
- Пользователю доступно главное меню сайта;
- варианты для перехода с 404 страницы — это скидки и подарки, а также главные книги по мнению редакции;
- маркетологи «Лабиринта» не зря едят свой хлеб. Даже 404 страница активно продает.
Личное мнение
Являюсь многолетним клиентом «Лабиринта» и не перестаю радоваться дружелюбию его сайта. А скидка в 40 % (см. под логотипом) всегда подпитывает любовь читателей к интернет-магазину.
Мебельный континент. Интернет-магазин мебели
Страница 404 «Мебельный континент»
Особенности
- Пользователям остаются доступны главное меню и футер сайта;
- на странице 404 есть графический элемент, указывающий на тематику сайта;
- в сопроводительном тексте, увы, нет ни одной гиперссылки.
Личное мнение
Эту страницу можно в полной мере назвать элегантной. Вот только смущает предложение «Похоже, данный товар снят с публикации», потому что:
- пользователь в этот момент мог искать не товар;
- «снят с публикации» — странная формулировка. Товара вообще нет или он отсутствует только на сайте?
MED-магазин. Товары для красоты, здоровья и спорта
Страница 404 «MED-магазин»
Особенности
- Пользователям по-прежнему доступны главное меню и каталог товаров;
- 404 страница продает, потому что обещает 5 % скидки на товары по промокоду 404;
- в тексте также интересуются, что пользователь не смог найти на сайте — вот это забота о покупателе!
Личное мнение
Приятное графическое оформление в виде объявления с отрывными скидками. На этой странице не забыли о маркетинге и объяснениях пользователю, что случилось и почему он здесь.
Мир охоты. Сеть магазинов
Страница 404 «Мир охоты»
Особенности
- Пользователю по-прежнему доступно главное меню сайта;
- предлагаются варианты решения проблемы: переход на главную страницу или каталог товаров. При этом только на главную страницу поставлена гиперссылка;
- главное меню дублируется пиктограммами. Так они воспринимаются намного лучше.
Личное мнение
Так и не понял, почему ноль в «404» оформлен как спасательный круг. Скажете, что есть рыбалка? Соглашусь, но ассоциация все равно слабовата. Я бы стилизовал «ноль» под прицел винтовки.
Много сна. Товары для ночного отдыха
Страница 404 «Много сна»
Особенности
- Пользователю не доступны навигационные элементы сайта — главное меню и футер ;
- вариант решения — переход на главную страницу — оформлен в качестве кнопки ;
- есть товарные рекомендации.
Личное мнение
То, что есть указание скидок на товарах в рекомендациях и количество отзывов на каждый — бесспорно, хорошо. Но на каком основании они формируются? Правильно: на рандомном!
Музмарт. Интернет-магазин музыкальных инструментов
Страница 404 «Музмарт»
Особенности
- Вид сломанной гитары — это почти та же боль, как и попадание на страницу 404. Шутка — эти боли не сравнятся;
- пользователю доступны ссылки каталога и популярных категорий;
- доступна информация из футера.
Личное мнение
Если запрошенная страница не найдена, предложите пути решения, а не просто ссылки. И, пожалуйста, не ломайте музыкальные инструменты. К слову, все неверно введенные адреса сайта преобразует в вид https://muzmart.com/404.
PETSHOPRU. Товары для животных
Страница 404 PETSHOPRU
Особенности
- Пользователю по-прежнему доступно главное меню сайта;
- причем доступно дважды — предлагают еще раз обратить внимание на ссылки по аксессуарам для животных;
- в решении проблемы предлагается перейти в каталог.
Личное мнение
Котик играет с клубком на сайте товаров для животных (посмотрите по ссылке — это не просто картинка, а анимация). Если это не милота, то что милота?!
Спортмастер. Интернет-магазин спортивных товаров
Страница 404 «Спортмастер»
Особенности
- Пользователи по-прежнему видят главное меню сайта;
- со страницы 404 можно посмотреть каталог товаров и воспользоваться поисковой строкой;
- система предлагает перейти со страницы 404 на главную.
- графическая составляющая соответствует тематике сайта по внешнему виду и странице 404 по эмоциональной составляющей;
- графическое оформление категорий товаров фокусирует на себя внимание пользователей.
Личное мнение
Мне очень понравилась формулировка «возможно, ее никогда не было». Это прямо-таки готовый ответ на ввод адреса с несуществующим значением — посмотрите на ссылку, после того как перейдете по ней из раздела.
Wildberries. Маркетплейс разнообразных товаров
Страница 404 Wildberries
Особенности
- Маркетплейс оставляет пользователю главное меню с информацией о доставках его товаров и том, что лежит в корзине;
- также доступна поисковая строка;
- переход на главную оформлен кнопкой фирменного цвета WB;
- пользователям, попавшим на страницу 404, показываются хиты продаж: тут и фитнес-браслет, и трусики-подгузники, и пошлифовать можно. В маске, естественно.
Личное мнение
Формулировка «По вашему запросу ничего не найдено» здесь смотрится как нечто чужеродное. Такое сообщение вполне годится после того, как ввел название определенного товара в поисковую строку сайта и там ничего не нашлось. Мы же получаем такой текст на странице при вводе URL сайт в адресную строку браузера.
Все инструменты.ру. Инструменты для строительства и ремонта
Страница 404 «Все инструменты.ру»
Особенности
- Пользователю по-прежнему доступно главное меню и каталог товаров;
- в тексте страницы предлагается воспользоваться каталогом;
- переход на главную страницу оформлен как заметная кнопка;
- пользователь может также ознакомиться с популярными категориями товаров.
Личное мнение
Вы тоже заметили кнопки «Сказать спасибо» и «Пожаловаться» с правой стороны. Мне почему-то хочется сказать спасибо за такое оформление 404-й. Увидев то, что будет дальше, вы поймете, почему.
Copyblogger. Зарубежный блог по контент-маркетингу
Страница 404 Copyblogger
Особенности
- Пользователю по-прежнему доступно главное меню и футер сайта (они не влезли в скриншот, потому что мы хотели показать вам главное)
- страница оформлена как стандартная статья блога;
- такого количество текста именно для 404 страницы еще нужно поискать;
- можно подписаться на рассылку по контент-маркетингу и тренинг по маркетингу (полная версия 404 страницы по ссылке вверху).
Личное мнение
Как пишущий человек я оценил эту страницу 404, потому что ее текст — по сути реклама сайта Copyblogger. Цитирую начало:
Что-то пошло не так, потому что это страница с ошибкой. Эй, легко заблудиться! Copyblogger опубликовал более 3000 статей по коммерческому писательству, контенту и маркетингу на своем веб-сайте.
Как не надо делать страницы 404
Какая статья без антипримеров, благо в нашем случае их хватает.
Не делать вот так!
Что с этим будет делать ваша 60-летняя мама?
И даже так не надо!
Такая 404-я больше похоже на угрозу
Да и вот так не следует!
Это «Тильда». Ииии?..
И не будьте настолько немногословными!
Лаконично. Но что нам делать-то?
И никогда, никогда, никогда так!
^%&&$$&**#&&$$$ on this server
Но есть 404 страница еще страшнее...
В теории решения изобретательских задач идеальной считается сущность, которой нет, но ее функция выполняется. Так вот: в разработке сайтов нет хуже страницы 404, которой нет.
Зайдите на сайт маститого маркетолога Сета Година и попробуйте ввести такой адрес страницы, который вызвал бы 404 страницу. Вы будете все время попадать на главную.
Ну нет у меня на сайте такой страницы. И что теперь?
В общем-то ничего, маэстро. Вам мы можем просить многое за «Фиолетовую корову» и ваши многочисленные материалы по маркетингу. Всем остальным лучше вкладываться в разработку сайтов по полной программе.
.png)
.png)
.png)
Комментарии 2