Москва +7 (495) 772 97 91

Страница 404: 18+ примеров как оформить страницу ошибки

Сижу в интернете, ищу товар. Ура, нашел нужный в результатах поиска! Перехожу по ссылке — появляется окно с цифрами «404» и кучей технических подробностей.

Абра-кадабра!

Абра-кадабра!

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

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

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

Давайте посмотрим, что получилось!

Разберем лучшие страницы 404-ошибки

Адамас. Магазин ювелирных украшений

Страница 404 «Адамас»

Страница 404 «Адамас»

Особенности

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

Личное мнение

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

DNS. Интернет-магазин цифровой и бытовой техники

Страница 404 DNS

Страница 404 DNS

Особенности

  • Графическая составляющая страницы прямо показывает, что мы на сайте DNS;
  • есть кнопка с CTA «Перейти на главную«: это лучше просто ссылки;
  • страница подгружает адреса магазинов вашего города.

Личное мнение

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

Garry Print. Магазин одежды с принтами

Страница 404 Garry Print

Страница 404 Garry Print

Особенности

  • Первое, на что обращаешь внимание, — информация о 50 % скидках;
  • предлагаются три пути выхода с этой страницы: на главную, в каталог и на страницу создания своей крутой одежды;
  • пользователям по-прежнему доступно главное меню, футер и поисковая строка для уточнения их запросов.

Личное мнение

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

Еще чуть-чуть, и я снова с вами!

Еще чуть-чуть, и я снова с вами!

Kokoc.com. Продвижение сайтов

Страница 404 Kokoc.com

Страница 404 Kokoc.com

Особенности

  • Трудно не заметить вертикальную «404» на странице;
  • пользователю доступно главное меню;
  • он может перейти на главную страницу, изучить услуги компании и ее кейсы;
  • форма захвата готова помочь пользователю… стать клиентом компании. Неожиданно (нет)!

Личное мнение

Только не говорите, что не увидели здесь аллюзию на фильм «Изгой» с Томом Хэнксом в главной роли. Мы никогда не забудем тебя, Уилсон!

Не время унывать. Нам с тобой еще сайты продвигать!

Не время унывать. Нам с тобой еще сайты продвигать!

Infiniti. Автомобильный салон

Страница 404 Infiniti

Страница 404 Infiniti

Особенности

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

Личное мнение

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

Konsoleta. Интернет-магазин белья и купальников

Страница 404 Konsoleta

Страница 404 Konsoleta

Особенности

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

Личное мнение

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

Zlatoust Watch. Интернет-магазин часов

Страница 404 Zlatoust Watch

Страница 404 Zlatoust Watch

Особенности

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

Личное мнение

«Нет такой страницы» — не самая корректная формулировка проблемы. Хорошо, что можно перейти в каталог часов.

Лабиринт. Интернет-магазин книг

Страница 404 «Лабиринт»

Страница 404 «Лабиринт»

Особенности

  • Пользователю доступно главное меню сайта;
  • варианты для перехода с 404 страницы — это скидки и подарки, а также главные книги по мнению редакции;
  • маркетологи «Лабиринта» не зря едят свой хлеб. Даже 404 страница активно продает.

Личное мнение

Являюсь многолетним клиентом «Лабиринта» и не перестаю радоваться дружелюбию его сайта. А скидка в 40 % (см. под логотипом) всегда подпитывает любовь читателей к интернет-магазину.

Мебельный континент. Интернет-магазин мебели

Страница 404 «Мебельный континент»

Страница 404 «Мебельный континент»

Особенности

  • Пользователям остаются доступны главное меню и футер сайта;
  • на странице 404 есть графический элемент, указывающий на тематику сайта;
  • в сопроводительном тексте, увы, нет ни одной гиперссылки.

Личное мнение

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

  • пользователь в этот момент мог искать не товар;
  • «снят с публикации» — странная формулировка. Товара вообще нет или он отсутствует только на сайте?

MED-магазин. Товары для красоты, здоровья и спорта

Страница 404 «MED-магазин»

Страница 404 «MED-магазин»

Особенности

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

Личное мнение

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

Мир охоты. Сеть магазинов

Страница 404 «Мир охоты»

Страница 404 «Мир охоты»

Особенности

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

Личное мнение

Так и не понял, почему ноль в «404» оформлен как спасательный круг. Скажете, что есть рыбалка? Соглашусь, но ассоциация все равно слабовата. Я бы стилизовал «ноль» под прицел винтовки.

Много сна. Товары для ночного отдыха

Страница 404 «Много сна»

Страница 404 «Много сна»

Особенности

  • Пользователю не доступны навигационные элементы сайта — главное меню и футер
  • ;
  • вариант решения — переход на главную страницу — оформлен в качестве кнопки
  • ;
  • есть товарные рекомендации.

Личное мнение

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

Музмарт. Интернет-магазин музыкальных инструментов

Страница 404 «Музмарт»

Страница 404 «Музмарт»

Особенности

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

Личное мнение

Если запрошенная страница не найдена, предложите пути решения, а не просто ссылки. И, пожалуйста, не ломайте музыкальные инструменты. К слову, все неверно введенные адреса сайта преобразует в вид https://muzmart.com/404.

PETSHOPRU. Товары для животных

Страница 404 PETSHOPRU

Страница 404 PETSHOPRU

Особенности

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

Личное мнение

Котик играет с клубком на сайте товаров для животных (посмотрите по ссылке — это не просто картинка, а анимация). Если это не милота, то что милота?!

Спортмастер. Интернет-магазин спортивных товаров

Страница 404 «Спортмастер»

Страница 404 «Спортмастер»

Особенности

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

Личное мнение

Мне очень понравилась формулировка «возможно, ее никогда не было». Это прямо-таки готовый ответ на ввод адреса с несуществующим значением — посмотрите на ссылку, после того как перейдете по ней из раздела.

Wildberries. Маркетплейс разнообразных товаров

Страница 404 Wildberries

Страница 404 Wildberries

Особенности

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

Личное мнение

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

Все инструменты.ру. Инструменты для строительства и ремонта

Страница 404 «Все инструменты.ру»

Страница 404 «Все инструменты.ру»

Особенности

  • Пользователю по-прежнему доступно главное меню и каталог товаров;
  • в тексте страницы предлагается воспользоваться каталогом;
  • переход на главную страницу оформлен как заметная кнопка;
  • пользователь может также ознакомиться с популярными категориями товаров.

Личное мнение

Вы тоже заметили кнопки «Сказать спасибо» и «Пожаловаться» с правой стороны. Мне почему-то хочется сказать спасибо за такое оформление 404-й. Увидев то, что будет дальше, вы поймете, почему.

Copyblogger. Зарубежный блог по контент-маркетингу

Страница 404 Copyblogger

Страница 404 Copyblogger

Особенности

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

Личное мнение

Как пишущий человек я оценил эту страницу 404, потому что ее текст — по сути реклама сайта Copyblogger. Цитирую начало:

Что-то пошло не так, потому что это страница с ошибкой. Эй, легко заблудиться! Copyblogger опубликовал более 3000 статей по коммерческому писательству, контенту и маркетингу на своем веб-сайте.

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

Какая статья без антипримеров, благо в нашем случае их хватает.

Не делать вот так!

Что с этим будет делать ваша 60-летняя мама?

Что с этим будет делать ваша 60-летняя мама?

И даже так не надо!

Такая 404-я больше похоже на угрозу

Такая 404-я больше похоже на угрозу

Да и вот так не следует!

Это «Тильда». Ииии?..

Это «Тильда». Ииии?..

И не будьте настолько немногословными!

Лаконично. Но что нам делать-то?

Лаконично. Но что нам делать-то?

И никогда, никогда, никогда так!

^%&&$$&**#&&$$$ on this server

^%&&$$&**#&&$$$ on this server

Но есть 404 страница еще страшнее...

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

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

Ну нет у меня на сайте такой страницы. И что теперь?

Ну нет у меня на сайте такой страницы. И что теперь?

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

Понравилась статья?
1 ответов

Оставить комментарий

Написать комментарий

Все статьи автора
Другие интересные публикации:
Подпишитесь
Не пропустите самое интересно из мира SEO и Digital.

Стать клиентом Кокоса

После отправки формы наши ребята проведут экспресс-аудит сайта и найдут точки роста.

Здравствуйте, меня зовут
,
У меня есть сайт
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
.
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Спасибо, ваш голос принят!
+7 (495) 772 97 91
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
я представляю компанию
.
У меня есть задача
,
бюджет, на который я рассчитываю
Мой бюджет
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
.
Дополнительные важные детали о проекте
Важные детали о проекте
.
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Цена лидов в различных нишах
Тематика Стоимость лида (Москва/Россия)
Отдых 500
Мебель 350
Оборудование 500
Бансковские услуги 500
Безопасность 500
Организация мероприятий, концерты, праздники 500
Недвижимость 500
Строительство и отделка 500
Грузоперевозки 500
Доставка еды 350
Юридические услуги 500
Бухгалтерские услуги 500
Пластиковые окна 500
Детские товары 350
Автозапчасти 350
Образование 500
Подпишитесь на рассылку
Не пропустите самое интересное из мира SEO и Digital. Только актуальные и самые крутые статьи.
Заявка успешно отправлена!
Наши сотрудники уже приступили к анализу Вашего сайта. Наш менеджер свяжется с вами в течении дня, спасибо!