Москва +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 страницу. Вы будете все время попадать на главную.

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

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

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

Оценить статью
2 ответов

Комментарии 2

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