Все, кто хоть раз пользовался интернетом, попадали на страницу с ошибкой 404. И наверняка, видя её у себя на экране, просто брали и уходили с этого сайта. Особо настойчивые пытались разобраться в ссылке и понять что в ней не так. Но и скорее всего из этого тоже ничего хорошего не выходило. Так как cделать страницу 404 для сайта и как же она должна выглядеть, чтобы цеплять посетителей и даже продавать Ваш продукт?

 

Почему она появляется

Данная ошибка появляется, когда клиент пытается зайти на несуществующую страницу и выглядит она без дизайна именно так.

Отсутствие страницы 404

Такое посетитель может увидеть, потому что:

  • Ссылающая сторона совершила ошибку при указывании информации на Вас
  • Пользователь не правильно ввёл ссылку
  • Страница (ссылка) была удалена
  • Страница (ссылка) была изменена

Если Ваш сайт состоит из 10+ страниц, то скорее всего у Вас уже есть эта ошибка и Вы о ней просто не знаете.

 

Чем грозит

Как Вы поняли, от этого не уйти. Такие коллапсы будут, если не по Вашей вине, то по вине клиентов. Поэтому нужно быть готовым к этому, чтобы сохранить и приумножить свои честно заработанный трафик, который на первых порах так дорог, так дорог нам. А если Ваша страница не будет следовать дальнейшим рекомендациям, то клиенты будут:

  • Уходить с сайта
  • Расстраиваться, что не нашли нужную информацию
  • Понижать свой уровень доверия к Вам

 

Как Смастерить

Если Вы задались вопросом как создать такую страницу, то хочу Вас поздравить, она у Вас уже есть (кроме landing page). Конечно, дизайн её на данный момент оставляет желать лучшего. Так как это такая же страница, как самая обычная страница Вашего сайта. И чтобы понять, как сделать правильную страницу 404 с индивидуальным дизайном, Вам нужно зайти в корневую папку своего сайта, найти там файл .htaccess (если его нет, то создайте сами). И просто в любое место с новой строки вписать — ErrorDocument 404 http://ВАШ_САЙТ/404.php

kak-sdelat-404-stranic-1

Всё очень просто! Если не хотите расширение .php, то можете сделать .html, в глобальном смысле разницы нет.

 

Цеплять и продавать

Начнем с того, что дизайн этой страницы должен быть! И он должен быть в стиле общего оформления сайта. В остальном он может преследовать разные задачи. Для этого давайте рассмотрим разные варианты ошибок 404 и чем они хороши!

Просто и красиво

Можно сделать ставку на оформление, на дизайн в виде креативного изображения с оригинальной надписью. Такой вариант нельзя назвать продающим, но если в нём будет достаточное количество юмора и оригинальности, он может запомниться клиенту. Обязательное условие — это наличие кнопки возврата на домашнюю страницу. 

Вот вам примеры такого исполнения:

kak-sdelat-404-stranicu-primer-1

Ох, капитан, мы потерялись.
(404 ошибка. Это не то место, где ты должен быть)
Идти домой

kak-sdelat-404-stranicu-primer-2

Хлоп!
Я стесняюсь…
Извините, Вы попали на «битую» страницу
Свалить отсюда

Ссылки на основные разделы

Как вариант, создать страницу 404 с ссылками на основные разделы, чтобы если клиент вдруг попал куда не хотел попасть, он мог быстро вернуться в тот раздел, что искал, ну либо заинтересоваться чем-то другим. При этом дизайн так же важен как и в первом случае.

kak-sdelat-404-stranicu-primer-3

Попробуй ещё раз/поиск

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

kak-sdelat-404-stranicu-primer-5

Реклама продукта

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

Пример 1:

kak-sdelat-404-stranicu-primer-6

 

Пример 2:

kak-sdelat-404-stranicu-primer-7

 

Интерактив

Чтобы клиент чуть больше провёл на Вашем сайте, и чуть больше повзаимодействовал с ним, можно на данной странице создать “интерактив”, с которым он может что-то поделать, потаскать, покликать, посмотреть или даже поиграть.

Пример 1:

kak-sdelat-404-stranicu-primer-8

 

Пример 2:

kak-sdelat-404-stranicu-primer-9

Форма захвата

Раз к Вам клиент попал, значит это судьба! А то, что он к Вам еще раз вернулся, значит только одно  — нужно взять его контактные данные и добавить в свою e-mail рассылку. Главное создать настолько вкусное предложение, от которого сложно будет отказаться и подчеркнуть ярким дизайном.

kak-sdelat-404-stranicu-primer-10

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

 

Коротко о главном

404 ошибка вызывает негатив у клиента, поэтому его нужно развернуть в нужную нам сторону. Для этого нужна правильная 404 страница, которая использует позитивный смысл, креативное изображение, запоминающийся дизайн, мощный текст и посыл, что нужно сделать дальше. Тут и встаёт вопрос, что нужно Вашему посетителю в тот момент, когда он попал на эту страницу и как его плавно перевести на то, что хотите от него Вы. Теперь, когда вы знаете как сделать страницу 404, одной проблемой у вас станет меньше 🙂

kak-sdelat-404-stranicu-primer-11