16 конвертирующих страниц 404 для заблудившихся посетителей
Знали ли вы, что страница 404 способна повысить конверсию вашего сайта и прибыль компании? Приложив некоторые усилия, поработав над дизайном и оптимизацией, вы можете превратить потерявшихся посетителей в потенциальных клиентов.
В этом посте вы увидите 16 примеров конвертирующих страниц 404 и узнаете, почему они работают.
Содержание статьи
Что такое страница 404 и зачем она нужна
1. Lego: дружелюбная страница 404
2. Email Center UK: интерактивная страница 404
3. List25: лучшая страница 404
4. Brett Terpstra: простая страница 404
5. Steve Madden: страница 404 с товарами
6. 9gag: страница 404 с призывом к действию
7. Path: предельно простая страница 404
8. IMDB: забавная тематическая страница 404
9. Everipedia: текстовая страница 404
10. Heyzap: интерактивная страница 404
11. OptinMonster: страница 404 с лид-магнитом
12. Ozon: забавная и полезная страница 404
13. Evernote: последовательная страница 404
15. Лабиринт: страница 404 с указателями
16. LPgenerator: страница 404, где нет лидов
Бонус: намерение уйти
Что такое страница 404 и зачем она нужна
Каждый сайт подвержен изменениям: продукты и контент перемещаются или удаляются, меняется структура сайта. Когда посетитель кликает по ссылке на удаленную или перемещенную страницу, он видит страницу 404. Она открывается и тогда, когда пользователь опечатался в URL.
404: Сова не найдена
Запрошенная вами страница отбилась от стаи
Возможно, вы оказались здесь, потому что:
Страница перемещена
Страница больше не существует
Вы искали своего щенка и заблудились
Вам нравятся страницы 404
CTA: Вернуться на домашнюю страницу
А ваша страница 404 отражает ваш бренд? Если нет, вы точно теряете посетителей, которые закроют её, уйдут с вашего сайта и никогда не вернутся.
Вот это никому не понравится:
Потратив время на оптимизацию текста и дизайна страницы 404, вы можете уменьшить уровень отказов и повысить конверсию. Предлагаем вам 16 вдохновляющих примеров страницы 404.
1. Lego: дружелюбная страница 404
Страница не найдена
Извините, мы не нашли эту страницу! Может быть, ссылка устарела или страница удалена.
CTA: Вернуться на домашнюю страницу
Почему это работает:
Страница 404 от Lego не только полностью соответствует бренду: она понятна и забавна. Никаких технических терминов или сообщения «Страница 404», понятного не всем. Все, что нужно знать посетителю, — что он не попал на желаемую страницу, и его мало волнуют причины, ему просто нужно решение проблемы.
Как это сделать:
Для начала переведите все технические термины на человеческий язык. Вместо текста страницы 404 по умолчанию пишите то, что поймет каждый:
- Страница не найдена.
- Извините, мы не нашли страницу, которая вам нужна.
- Упс! Что-то пошло не так.
- О господи, ссылка не работает!
2. Email Center UK: интерактивная страница 404
404 — страница не найдена.
Кто-то из разработчиков должен за это поплатиться! Выберите, кого уволить.
Вы настроены великодушно? Пусть все сохранят работу. Вернуться на домашнюю страницу.
Почему это работает:
Email Center UK используют страницу 404 из 2-х частей, снимающую «вину» с посетителя и дающую ему забавный способ справиться с раздражением.
Как это сделать:
Не обвиняйте посетителя в ошибке, а вместо этого извинитесь. Объясняя, что пошло не так, не будьте категоричны. Употребите слова и фразы вроде «может быть» или «наверное»: такие формулировки не заставляют пользователя чувствовать себя виновником ошибки.
Вы можете повторить за Email Center UK и позволить посетителю «уволить» одного из разработчиков:
Люк, ты уволен!
Бедный Люк.
Люк не то что бы мстителен, но, может быть, теперь вам стоит сменить IP-адрес.
Вернуться на домашнюю страницу.
3. List25: лучшая страница 404
Страница не найдена
Вы могли оказаться здесь по целой куче причин, но вот 25 самых распространенных:
1. Вы думали, что страница существует… а это не так.
2. Страница существует, но вы опечатались в адресе.
3. Вы специально набрали неправильный адрес.
4. Сайт, с которого вы пришли, не так высокоразвит, как List25, и не поспевает за нашей продвинутой системой управления контентом.
Почему это работает:
Страница 404 замечательно соответствует бренду. Одна из лучших практик разработки UX — объяснить, что пошло не так, в сообщении об ошибке, и List25 предлагает целых 25 причин. Вверху списка есть панель поиска, чтобы людям не приходилось читать его весь, но, наверное, большинство все равно прочитает.
Как это сделать:
Вы не обязаны предъявлять длинный список возможных причин ошибки, но, так или иначе, стоит объяснить, что пошло не так. Вот список возможных причин ошибки 404:
- Опечатка в URL
- Ошибка при вставке URL
- Битая ссылка
- Контент перемещен
- Контент удален
Если вы хотите добавить какие-нибудь забавные причины, подходящие вашему бренду, сделайте это.
4. Brett Terpstra: простая страница 404
404 — страница не найдена
Ой.
Страница, которую вы запросили, не найдена. Может быть, вы искали вот это:
А вы уже купили билеты на Macstock 2018?
Веб-экскурсии: 6 июня 2011 — 8 июня 2011
Также вы можете заглянуть в архив и поискать посты по названию и ключевым словам или использовать NerdQuery, чтобы быстро найти искомое.
Почему это работает:
Почему стандартная страница 404 так раздражает? Потому что это тупик: вам некуда дальше идти. Страница от Brett Terpstra предлагает список постов, где есть ключевые слова, связанные со ссылкой, по которой пытался пройти посетитель. На посты предоставлены ссылки, так что перейти к ним можно легко и быстро. Это неброская, но очень полезная страница.
Как это сделать:
Вы можете воспользоваться Custom Search API, чтобы лучшие совпадения с вашего сайта появлялись на странице 404. Так проблема заблудившегося пользователя сразу решается.
5. Steve Madden: страница 404 с товарами
Ой. Неловко получилось.
Похоже, эта страница взяла выходной, чтобы накупить себе новой обуви, и уже исчезла под горой туфель и сапогов. Это мы виноваты. Любим вас!
Популярные товары
Почему это работает:
Эта страница 404 предлагает заблудившимся посетителям варианты. Панель поиска — это отличное решение для любой страницы 404, а несколько разных способов получить помощь показывают посетителям, что вы о них заботитесь. Steve Madden также включили на страницу ссылки на популярные товары, отвлекая пользователей и не давая им раздражаться. Хитро и эффективно.
Как это сделать:
Текст и дизайн страницы 404 должны помогать потерявшимся посетителям. Приведенные ниже идеи могут подтолкнуть их к тому, чтобы задержаться на вашем сайте.
Что стоит разместить на странице 404:
- Навигационное меню
- Ссылку на главную страницу
- Ссылку на карту сайта
- Панель поиска
- Ссылки на популярные посты
- Ссылки на популярные товары
6. 9gag: страница 404 с призывом к действию
Здесь ничего нет.
Найдите то, что вы ищите, с нашим приложением.
CTA: Скачать приложение
Почему это работает:
Задача страницы 404 от 9gag — убедить посетителя скачать приложение. А чтобы оживить ее, они добавили популярный мем из «Криминального чтива».
Как это сделать:
Главное — простота. Да, мы только что говорили о разных способах удержать посетителя на сайте, но не стоит перегружать его избытком вариантов. В идеале ограничьтесь одним или двумя призывами к действию: вы же не хотите, чтобы пользователя парализовала нерешительность, и он в ужасе сбежал с вашего сайта.
7. Path: предельно простая страница 404
О нет! Страница не найдена.
Связаться со службой поддержки.
Почему это работает:
Эта страница проста и ясна. Path не хотят битых ссылок на своем сайте и поэтому предлагают посетителям сообщить о проблемах в службу поддержки. Также на странице есть навигационный футер на случай, если посетитель предпочитает еще побродить по сайту: так власть возвращается к посетителю, и ситуация раздражает его гораздо меньше.
Как это сделать:
Цель здесь — дать посетителям возможность сообщить о проблеме. Это можно сделать разными способами, например просто разместить ссылку, как сделали Path, или использовать форму обратной связи.
8. IMDB: забавная тематическая страница 404
Где страница, Лебовски? Где она?
Почему это работает:
Помните ужасную стандартную страницу 404 из начала статьи? На ней нет ничего знакомого, что успокоило бы посетителя. IMDB справляется с этим, размещая на странице 404 цитату из фильма. Брендинг тонок: никаких постеров или трейлеров, которые тянули бы внимание посетителя в разные стороны. Сайт предлагает только цитату, ссылку на главную страницу и на процитированный фильм.
Как это сделать:
Страница 404 должна соответствовать вашему бренду. Не дезориентируйте пользователей: покажите им, что они по-прежнему взаимодействуют со знакомым брендом.
Читайте также: 10 примеров творческого подхода к сообщению об «ошибке 404»9. Everipedia: текстовая страница 404
404 Не найдено
Сообщение «404» или «Не найдено» — это стандартный код ответа HTTP (HyperText Transfer Protocol — протокол передачи гипертекста) о том, что клиент смог связаться с сервером, но сервер не может найти запрошенные данные.
Хостинг обычно генерирует ответ «404 Не найдено», когда посетитель пытается пройти по битой или мертвой ссылке, и поэтому ошибка 404 — одна из самых узнаваемых во Всемирной паутине.
Обзор
При коммуникации по HTTP клиент требует ответа на свой запрос к серверу, например, веб-браузер запрашивает страницу и ожидает цифровой код ответа…
Почему это работает:
Everipedia предлагает читателям именно то, чего можно ожидать от онлайн-энциклопедии, и напоминает им, за что они любят этот сайт и почему постоянно на него возвращаются.
Как это работает:
Как сказал маркетолог Ренни Глисон (Renny Gleeson) сказал о странице 404: «Простая ошибка говорит о том, кем вы не являетесь. Или напоминает мне, за что я вас люблю». Напомните посетителям, за что они вас любят. Каково ваше уникальное торговое предложение? Что отличает вас от конкурентов?
10. Heyzap: интерактивная страница 404
Почему это работает:
Кто не любит играть в игры? Heyzap добавили на страницу 404 интерактивный элемент, который развлекает посетителей и удерживает их на сайте на какое-то время — и, может быть, раздражение, вызванное ошибкой, успеет пройти.
Как это сделать:
Вы не обязаны разрабатывать целую игру, но можете добавить на страницу интерактивный элемент. Так посетителям будет чем заняться на странице 404, а значит, они проведут на ней больше времени, и показатель отказов снизится. То и другое важно для вашей позиции в поисковой выдаче Google.
11. OptinMonster: страница 404 с лид-магнитом
Такой страницы не существует!
Извините, страница, которую вы искали, не найдена.
Попробуйте поискать что-нибудь другое.
Или вернитесь на главную страницу, или свяжитесь с нами, если не нашли искомого.
Перехватите маркетинговый урок
Получить бесплатный кейс!
Как повысить трафик органического поиска
Как конвертировать уходящих посетителей и получать доход
Знаете ли вы, что более 70% посетителей, уходящих с вашего сайта, никогда не возвращаются? Узнайте, как OptinMonster решает эту проблему.
CTA: Скачать сейчас
Почему это работает:
Страница 404 содержит лид-магнит, причем предлагать курс о том, как конвертировать уходящих посетителей, именно на странице ошибки — это хороший ход. Так страница 404 тоже предоставит посетителям полезную информацию, и ни одна минута, проведенная на сайте, не будет потрачена впустую.
Как это сделать:
Предложите собственный лид-магнит на странице 404. Этот тип подписки способен повысить конверсию на 785%. И не забудьте создать лендинг, на который будет вести заветная ссылка.
12. Ozon: забавная и полезная страница 404
Почему это работает:
Как и любая хорошая страница 404, она согласуется со стилем бренда и подсказывает посетителю, что делать дальше — в данном случае ознакомиться с акциями, проходящими на сайте. Ненавязчивый юмор помогает справиться с раздражением оттого, что запрошенный контент не удалось найти.
Как это сделать:
Вместо не найденного контента предложите посетителю что-нибудь полезное — например, напомните о своих акциях, скидках и специальных предложениях.
13. Evernote: последовательная страница 404
Почему это работает:
Как и любая хорошая страница 404, этот пример проясняет ситуацию и предлагает варианты дальнейших действий. Симпатичная картинка выполнена в том же стиле, что и прочие иллюстрации на сайте Evernote: компания ведет себя последовательно
Как это сделать:
Создавая текст, изображения и прочий контент страницы 404, придерживайтесь того же стиля, что и на всех остальных страницах своего сайта.
14. Texterra: веселая страница 404
Почему это работает:
Эта страница вызывает улыбку и подсказывает, что делать дальше: вернуться на главную или воспользоваться поиском.
Как это сделать:
Стоит сделать страницу 404 забавной, чтобы она вызывала у посетителей не раздражение, а улыбку.
15. Лабиринт: страница 404 с указателями
Почему это работает:
Лабиринт сделал все возможное, чтобы не расстроить посетителя — и не дать ему уйти: тут и объяснение, что произошло, изложенное понятным языком, и панель поиска, и ссылка на текущие акции, и каталог популярных книг. Если стандартная страница 404 — это тупик, то страница от Лабиринта — это несколько расходящихся дорог с указателями.
Как это сделать:
Объясните посетителям, что произошла ошибка, и дайте им выбор, что делать дальше.
16. LPgenerator: страница 404, где нет лидов
Здесь лидов нет — но по ссылкам на блог, главную страницу и на создание лендинга они обязательно найдутся.
Бонус: намерение уйти
Технологии, отслеживающие намерение уйти, нечасто используются на страницах 404. Намерение уйти проявляется, когда посетитель готов покинуть страницу, и в этот момент появляется всплывающее окно. Так вы не потеряете те 70% посетителей, что покидают ваш сайт и никогда не возвращаются.
Вот пример такого всплывающего окна на странице 404. Оно помогает найти искомое — и творит чудеса для владельца сайта, потому что удерживает посетителя. Во всплывающем окне можно также предложить купон или скидку.
Не нашли искомого?
Поиск
Вернуться на домашнюю страницу
Высоких вам конверсий!
По материалам: optinmonster.com.
19-07-2018
lpgenerator.ru
Браузер не открывает страницы, а интернет есть и Скайп работает
В данной статье я расскажу о разных решениях, которые могут пригодится в том случае, когда у вас перестали открываться страницы в браузере. При этом интернет есть, и он работает. Такие программы как Skype, разные торрент-клиенты и им подобные продолжают работать и выходить в интернет. А сайты не открываются во всех браузерах. При попытке открыть какую-то страницу, она сначала долго загружается, а затем появляется ошибка, что страница не доступа, и браузер не смог ее открыть. Текст самой ошибки может отличатся в зависимости от браузера.
В Opera и Chrome, например, ошибка: «Нет подключения к интернету», или «Не удается получить доступ к сайту». В браузере Mozilla: «Сервер не найден», в Яндекс Браузер: «Не удается установить соединение с сайтом», а в Microsoft Edge (который в Windows 10): «Не удалось открыть эту страницу».
Не важно какой у вас браузер, в любом случае страницы не будут открываться. Но здесь важен момент, что интернет на компьютере работает. Возле иконки подключения по кабелю, или Wi-Fi нет желтого знака восклицания. Если он есть, то это уже другая проблема, и там другие решения. Если у вас такой случай, то пишите в комментариях, дам ссылки на инструкции. Возможно у вас интернет подключен через роутер, или модем, в таком случае сайты могут не открываться на всех устройствах. Об этом я напишу ниже.
Ну и бывают еще ситуации, когда на компьютере не открываются только некоторые сайты. Обычно это сайты поисковых систем, или социальные сети: Одноклассники, Вконтакте, Facebook и т. д. В таком случае, решения о которых я расскажу ниже, должны исправить эту ситуацию.
И еще один момент: без разницы, какая версия Windows установлена на вашем компьютере, как и браузер. Я буду показывать на примере Windows 10. В Windows 7 и Windows 8 решения будут такими же. Если где-то действия будут отличатся, я будут писать об этом.
Почему браузеры не открывают с
help-wifi.com
Ошибка 404: как исправить? Ошибка 404: «Страница не найдена»
Не стоит говорить, что любой пользователь, который хоть раз посещал интернет-сайты сталкивался с невозможностью отображения страницы при возникновении сбоя с кодом ошибки 404. При этом сразу же появляется вопрос – можно ли это исправить? Ошибка 404 может возникать по различным причинам. В плане факторов ее появления может быть несколько основных аспектов: это сбои связи, клиентские ошибки, ошибки программного обеспечения, сбои в работе сервера или отсутствие страницы по указанному адресу. Что же может означать возникновение ошибки с кодом 404? Сбой сам по себе означает только одно: запрашиваемая интернет-страница по каким-то причинам не может быть найдена по конкретному адресному запросу. Иначе говоря, она просто отсутствует. Это самая простая ситуация, для которой можно найти решение. Если при поиске нужной вам страницы возникает ошибка 404 «Страница не найдена», то это может означать, что эта страница в действительности может быть и существует, только доступ к ней по какой-то причине не осуществляется, ограничен или заблокирован. Можно пояснить такое положение дел на конкретном примере. Предположим, вы знаете, какой предмет должен находиться в шкафу на полке. Вы открываете шкаф, смотрите на полку, но не видите там нужной вам вещи. Это один момент. С другой стороны, вы могли просто не увидеть нужную вам вещь, поскольку она завалена другими вещами или просто лежит где-то в сторонке. Встречается подобная ситуация и с ошибкой 404.
Ошибка 404: возможные причины появления сбоя
Прежде чем говорить о способах устранения сбоя Ошибка 404, необходимо обратиться к перечню возможных причин появления данной ошибки. В качестве наиболее распространенных и простых причин можно указать следующие:
— физическое отсутствие страницы на сервере;
— проблемы с функционированием сервера;
— сбои в работе браузеров;
— нарушения связи.
Основные разновидности ошибки 404
Код ошибки 404, как правило, точно такой же, как и код сбоя Windows Update – 0x80244019. Выдаваемое сообщение в интернет-браузерах может выглядеть по-разному. Далее мы перечислим основные типы таких сообщений:
— 404 Страница не найдена;
— HTTP 404 Not Found;
— 404 Файл или каталог не найден;
— Error 404 Not Found;
— Требуемый URL не был найден на этом сервере,Error 404;
— HTTP 404;
— 404 NotFound;
— 404 Error.
Несмотря на то, что сообщения между собой могут различаться, код ошибки 404 остается одинаковым. Суть проблемы от этого не изменяется. Давайте рассмотрим, как можно исправить такую ситуацию простейшими методами.
Ошибка 404: что делать? Простейшие способы
Прежде всего, можно попробовать обновить страницу. Ошибка может появляться даже при мимолетном сбое связи или перезагрузке самого сервера, на котором располагается страница. Во всех без исключения браузерах для обновления страницы можно использовать клавишу F5б, кнопку на панели или соответствующую команду меню. Если это не поможет, необходимо проверить интернет-соединение, так как такая ошибка появляется именно при отсутствии подключения. Сбой очень часто возникает по причине невнимательности пользователя, когда он просто вводит ошибочный интернет-адрес. Возникает вопрос: как в этом случае исправить проблему? Ошибку 404 «Страница не найдена» можно исправить простой проверкой правильности написания адреса сайта и повторным вводом корректного значения. Если ошибка была получена при посещении связанного ресурса, то стоит попробовать переместиться вверх на один уровень. Рассмотрим простой пример: сбой возникает на странице: site.ru/c/d.html. В этом случае вам нужно попробовать перейти на один уровень вверх, который соответствует адресу site.ru/c.html. После этого на нем вам нужно искать ссылку на недоступную страницу. В вопросе того, как избавиться от ошибки 404, можно попробовать задать по имеющемуся адресу запрос в любом поисковике, чтобы убедиться, что страница на самом деле существует. В крайнем случае необходимо проверить доступ к ней с мобильного устройства. Можно также использовать и более продвинутые средства инициализации. Лучше всего для этой цели подойдет мощный интернет-сервис Whols. В нем задается поиск, в результатах будет отражена привязка страницы к определенному провайдеру или месту, не говоря о подтверждении ее физического существования. В конечном итоге, если проблема заключается именно в сетевых настройках, то возможно вам придется попробовать поменять адреса серверов DNS, что в некоторых случаях позволяет решить проблему. Однако такие ситуации, связанные с ошибкой 404, встречаются крайне редко. Бывают такие ситуации, когда от пользователя ничего не зависит. Правообладатель или владелец могли просто перенести страницу на другой интернет ресурс или хостинг, не сделав при этом предварительно привязку старого адреса страницы к новому размещению. Из-за этого перенаправление не происходит. Возможно, сервер дал сбойили его работа была нарушена DDoS-атакой. Здесь вы ничего не сможете сделать. В лучшем случае можно попробовать связаться по электронной почте с владельцем сайта и выяснить причину, по которой возникла неполадка.
Рекомендации разработчикам
Если же говорить о веб-разработчиках, то такие сбои можно определить и попытаться исправить при помощи специальных методов. Многие специалисты рекомендуют воспользоваться инструментами для веб-мастеров Google Web Master Tool, аналогичными инструментами от Яндекс, или специальным плагином Broken Link Checker для платформы WordPress. Однако считается, что лучше всего будет провести с задействованием специальных средств комплексную проверку. Помимо всех перечисленных выше способов можно просто проверить линк на специализированных сайтах. Тут необходимо просто ввести адрес, активировать процесс проверки и получить соответствующий результат.
Заключение
Вместо заключения можно отметить, что хоть ошибка 404 и не является критичной во всех своих проявлениях, она способна доставить веб-разработчикам и пользователям немало проблем.Что же касается способов устранения такие сбоев, то при возникновении ошибки со стороны сервера, рядовой пользователь вряд ли сможет как-то повлиять на ситуацию.
computerologia.ru