Страница 404 — то, что видит человек, когда попадает на ваш сайт по битой ссылке. Вы могли удалить страницу, но где-то осталась ссылка, которая на нее ведет. В итоге пользователь ожидает увидеть на странице что-то, что решит его проблемы, но в результате его надежды рушатся. Такого человека трудно вернуть на сайт. И многие аналитики говорят о том, что вернуть доверие человека в такой ситуации сложно.
- Что такое 404 страница, почему она важна
- 1. Lego — дружественная страница
- 2. Email Center UK — интерактивная 404я страница
- 3. List25
- 4. Brett Terpstra — страница с простым дизайном
- 5. Steve Madden — страница с товарами
- 6. 9GAG — страница с призывом к действию
- 7. Path — очень простой дизайн страницы
- 8. IMDB — релевантная и смешная страница
- 9. Everipedia
- 10. Heyzap
- 11. OptinMonster
- Бонус: exit-intent
Однако не все потеряно. И такую страницу можно использовать в интернет-маркетинге.
Что такое 404 страница, почему она важна
Ссылки со временем ухудшаются. Это происходит на каждом сайте. Товары могут пропасть из магазина, вебмастер может изменить структуру сайта. Когда пользователь нажимает на ссылку, которая ведет на несуществующую страницу, он попадает на страницу с ошибкой 404.
Ваша страница отражает ваш бренд?
Если нет, то вы просто потеряете человека, который вполне мог бы стать вашим клиентом.
Потратьте время, оптимизируйте такую страницу, добавьте ей оригинальности или юмора. Вы снизите показатель отказов и даже увеличите конверсию. Я приведу 11 примеров таких страниц и расскажу, как не потерять потенциального покупателя.
1. Lego — дружественная страница
Почему это работает
Такую концепцию используют не только Lego. Применять может любая компания. Она простая и понятная для простого пользователя. На ней нет технических обоснований, почему страница не доступна, которые могут не понять простые пользователи.
Она говорит только то, что нужно знать человеку: страница не доступна.
Как сделать
Начните с удаления всей технической информации с дефолтной страницы. Вместо сообщения, которое человек видит по умолчанию, поместите туда следующее:
- "Страница не найдена".
- "Извините, мы не можем найти ту страницу, которую вы ищите".
- "Опаньки, что-то пошло не так".
- "К сожалению, ссылка, по которой вы перешли, недействительна".
2. Email Center UK — интерактивная 404я страница
Страница говорит, что такая ошибка произошла по вине отдела разработки. И кого-то из них нужно сжечь. Кого именно — решать пользователю.
Почему это работает
Сервис электронных рассылок снимает всю вину с пользователя, берет на себя ответственность.
Человеку предлагается интересный метод разобраться в своем разочаровании.
Как сделать
Не обвиняйте пользователя в ошибки. Извинитесь перед ним за ваш недочет.
Если вы объясняете, что пошло не так, избегайте категоричных формулировок. Используйте слова "возможно", "вероятно". Они с меньшей вероятностью заставят человека чувствовать себя виноватым.
Бедный Люк. Действительно.
3. List25
Почему это работает
Потому что она связана с брендом и все равно пытается помочь человеку, который не нее попал. Лучший вариант повысить пользовательский опыт — рассказать, что именно пошло не так. List25 предлагает 25 вариантов, что могло произойти. Логично.
На странице есть строка поиска, поэтому человеку не нужно прокручивать весь список. Но почему-то я уверен, что они все равно сделают это.
Как сделать
Большинство сайтов не делают такой список, как у List25, но точно постараются рассказать, в чем проблема.
Вот возможные причины:
- неверный URL;
- битая ссылка;
- сокращенная ссылка;
- контент был перемещен;
- статья была удалена.
4. Brett Terpstra — страница с простым дизайном
Почему это работает
Основная проблема 404 страницы — она ведет в никуда. Из-за плохого проектирования человек просто может оказаться в тупике.
Brett Terpstra дает список ссылок. Они релевантны возможным ключевым словам, по которым пользователь попал на страницу.
Может, эта страница не так эффективна, но она несет какую-никакую пользу.
Как сделать
Используйте Google's Custom Search API, чтобы получить лучшие соответствия ключевым словам на вашем сайте, поместите их на 404ю. Так вы попытаетесь помочь пользователю решить его проблему.
Для этого потребуется доступ к Google Search Console.
5. Steve Madden — страница с товарами
Почему это работает
Страница предлагает разные товары потерявшемуся покупателю. А консоль поиска — отличное дополнение к карточкам товаров. Страница предлагает несколько способов покупателю продолжить работу с сайтом.
Кроме этого разработчики поместили на страницу популярные товары, чтобы снять негатив.
Как сделать
Помогите потерянному пользователю. Можете использовать идеи ниже, чтобы мотивировать человека продолжить поиск по вашему сайту. У вас есть шанс удержать посетителя.
Что можно включить в дизайн страницы:
- меню навигации;
- ссылку на главную страницу;
- ссылку на карту сайта;
- строку поиска по сайту;
- ссылки на популярные записи;
- ссылки на популярные товары.
6. 9GAG — страница с призывом к действию
Почему это работает
На такой странице человеку предлагают загрузить приложение. Авторы сайта даже не притворяются, что они хотят чего-то еще.
Добавление популярной гифки с Траволтой добавит юмора такой странице!
Как сделать
Ключ в простоте. Да, мы говорили о списке из 25 пунктов, что могло пойти не так. Но не смущайте человека множеством вариантов — не перегружайте страницу.
Придерживайтесь единого призыва к действию. Вам же не нужно, чтобы люди стали нерешительными и покидали сайт? Поэтому не давайте слишком много вариантов.
7. Path — очень простой дизайн страницы
Почему это работает
Страница 404 проста и понятна. Вебмастерам не нужны битые ссылки и несуществующие страницы, поэтому они дают пользователям возможность связаться с техподдержкой и сообщить об этом.
Обратите внимание. Path поместил на страницу снизу навигационное меню на случай, если пользователь не захочет писать в техподдержку. Это помогает пользователю снять разочарование и продолжить поиск по сайту.
Как сделать
Основная идея здесь — дать пользователю возможность сообщить о проблеме.
Сделать можно несколькими способами. Можете добавить форму для обращения в поддержку, а можете использовать форму обратной связи.
8. IMDB — релевантная и смешная страница
Почему это работает
Помните ужасный пример дефолтной страницы из начала статьи? IMDB убирает это, вставляя цитату из фильма.
В кино "Большой Лебовски" фраза звучит так: "Где мои деньги, Лебовски?". Администраторы немного изменили фразу, получилось не менее смешно.
Здесь тонкий брендинг. Нет плакатов с фильмами, нет трейлеров. Сайт просто предлагает цитату из фильма, который знаком всем, ссылку на домашнюю страницу и на цитируемый фильм.
Как сделать
При разработке страницы, убедитесь, что вы сохраняете связь с брендом.
IMDB — сайт о кино. И он это подтверждает своей 404 страницей.
9. Everipedia
Почему это работает
Страница 404 — то, что в принципе ожидает увидеть посетитель онлайн-энциклопедии. Это напоминает ему, почему он любит сайт и возвращается снова и снова.
Как сделать
Простая ошибка может напомнить, почему человек любит тот или иной сайт. Используйте и вы эту страницу, чтобы напомнить людям, почему они вас ценят. Какое ваше уникальное предложение? Что отличает вас от конкурентов?
10. Heyzap
Почему это работает
Пожалуй, это лучший пример интерактивной страницы. Все любят играть в игры.
Heyzap добавляет интерактивный элемент, чтобы удержать пользователя. Может, этого даже достаточно, чтобы полностью нивелировать негатив человека и вернуть его на портал.
Как сделать
Можно не разрабатывать собственную игру. Но придумать интересный вариант взаимодействия на этой странице стоит.
Так у человека появится возможность что-то делать. Это увеличит время отказа, что важно при ранжировании в поисковых системах.
11. OptinMonster
Почему это работает
На странице OptinMonster есть лид-магнит. Кроме того, информация, как не потерять пользователя с ошибочной странице смотрится здесь просто гениально.
Мы не хотим, чтобы люли думали, что потратили свое время впустую. А предоставление урока — по прежнему дает пользу посетителям.
Как сделать
Предложите что-то ценное на вашей странице.
У этого же сервиса есть инструмент OptinLink, который позволяет любой объект на странице превратить в подтверждение двойным согласием. Человек кликает на ссылку, а дальше подтверждает свое участие.
Такое решение увеличило конверсию на 785%!
Бонус: exit-intent
Разберем, что делать, если пользователь все-таки решил уйти со страницы. Для отслеживания этого события применяются разные методы, которые называются exit-intent — намерение выхода. Выявление такого поведение поможет не потерять человека и повысить конверсию сайта.
Метод работает, когда пользователь покидает страницу. В этот момент он видит всплывающее окно. Так вы можете сохранить 70% посетителей.
Вот пример такого поп-апа. Он подходит человеку, поскольку помогает найти то, что ему нужно.
