+38 (098) 559 40 69 +38 (063) 840 90 30
Основы

Страница 404: что это такое и как правильно ее оформить

404 Not found или “страница не найдена” — камень преткновения, о который не единожды спотыкался каждый интернет-пользователь. Почему он ее видит? Потому что запрашиваемая страница (или какой-нибудь файл) в данный момент не существует, удален, перенесен, ссылка битая, сбой на сервере и т. д.

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

Для интернет-магазина и любого коммерческого сайта клиент, попавший на стандартную страницу 404, становится потерянным клиентом. Однако, этому горю можно помочь, если вместо приевшегося и абсолютно не информативного текста “Not Found” предложить пользователю нечто не банальное, креативное, цепляющее, продающее или хотя бы симпатичное и юмористическое.

Далеко не все заказчики сайтов особо оговаривают дизайн “ошибки природы” в техническом задании и получают по умолчанию распространенный раздражающий вариант. Большинство владельцев сайта вообще не вспоминает о ее существовании, пока случайно или во время аудита через пару месяцев (лет) не будет выявлена реальная посещаемость данной страницы.

Тем не менее, есть немало примеров, демонстрирующих, как правильное оформление страницы 404 помогает продавать и даже успешно работает на улучшение имиджа ресурса.

Почему если таких страниц много — это плохо

Как бы вы ни старались, вы не сможете исключить все случаи попадания своих пользователей на страницу 404, хотя бы потому, что не можете запретить им делать ошибки при написании URL в адресной строке или нечаянно стирать несколько знаков в ней. Стремление минимизировать количество этих страниц на своем ресурсе абсолютно резонно, ведь ошибки 404 пользуются в мире SEO весьма существенным влиянием:

  • повышают показатель отказов (до 50% при первом посещении сайта);

  • ведут к потере трафика, предназначавшегося сайту;

  • даром растрачивают рекламный бюджет;

  • снижают конверсию;

  • понижают рейтинг страниц (если поисковая система обнаруживает битые ссылки и ссылки, которые ведут на внешние ресурсы под фильтрами поисковиков).

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

Как правильно оформить страницу 404: 8 важных рекомендаций

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

  1. Первый совет — создайте дизайн страницы с сообщением об ошибке 404 в стиле сайта, чтобы у пользователя не складывалось впечатление, что он “вылетел” с вашего ресурса неизвестно куда. Сохраняя структуру, формат, логотип и баннер, вы сохраняете эффект присутствия для своего посетителя.

  2. Необходимо, чтобы пользователь как можно скорее мог перейти с “несуществующей” страницы на ту, которая ему нужна. Значит, его нужно мягко, но эффективно направить, не оставляя время на размышления. “Программа минимум” — обеспечить наличие основной навигации. Пользователя могут привлечь также ссылки на популярные страницы, функция поиска по сайту и другие варианты. Главное, чтобы он не чувствовал себя “в потеряшках” и имел неплохой выбор свеженького контента.

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

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

  5. Несуществующая страница поможет вам мягко и не агрессивно затянуть потерявшегося клиента в свои маркетинговые сети, используя все то же слово “бесплатно”. Страница 404 бывает действительно полезной для пользователя, что доказывают те сайты, которые догадались предложить на ней своим клиентам бесплатно скачивать интересные материалы — журналы, книги, каталоги, игры, а также дают бесплатные советы и предоставляют консультации.

  6. В поисках ответа на вопрос, как правильно оформить страницу 404, не лишним будет прибегнуть к юмору. Такой подход считается оптимальным вариантом компенсировать негатив возникшей ситуации и поднять настроение пользователя. Забавная картинка и соответствующий текст позволят улучшить поведенческий фактор. Кстати, не пренебрегайте изображениями — по статистике именно они в 2-3 раза сокращают количество невозвратов.

  7. Именно в оформлении страницы 404 можно дать волю своей фантазии и реализовать яркие творческие идеи, неуместные на других страницах вашего ресурса (не особо отклоняясь от основной идеи сайта). Необычный, эстетически привлекательный дизайн 404 страницы может изменить мнение посетителя о вашем ресурсе в лучшую сторону и подтолкнуть его к покупке, вместо закрытия окна браузера.

  8. Каким бы странным вам это не показалось, но некоторые пользователи понятия не имеют, что такое страница 404, почему вообще они на нее попали и что теперь им делать. Конечно, не стоит излагать неопытным пользователям технические подробности и использовать специфическую терминологию. А вот максимально кратко, доступно, четко и популярно объяснить, в чем проблема, не помешает. Ориентируйтесь при разработке этой страницы на свою конкретную потребительскую аудиторию, учитывайте ее возраст, круг интересов и другие факторы.

Избегайте самых распространенных ошибок в разработке дизайна “несуществующей страницы” — огромных дезориентирующих цифр, злоупотребления графикой и текстовым контентом. Не ограничивайтесь банальным “вернуться на главную страницу” и ни в коем случае не размещайте здесь вместо полезной информации рекламные баннеры.

Интересные примеры дизайна страницы “404”

Для всех, кто считает разработку дизайна страницы 404-й ошибки одним из наименее приоритетных заданий при создании сайта, можно сказать следующее — страничка 404 не менее важна, чем любой другой раздел ресурса. Более того, именно внимание к “незаметным и малозначительным” элементам — черта, отличающая низкокачественные сайты от достойных и достойные от безупречных.

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

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

Оформление страницы 404

Пример-4 страницы 404

Дизайн — это хорошо, но ошибки нужно исправлять

Эстетика и креатив, воплощенные в оформлении страницы 404-й ошибки, — это прекрасное и эффективное решение двух важнейших задач:

  • предотвращения ухода посетителей с ресурса;

  • вовлечения их в дальнейшее взаимодействие.

Но даже самые изящные и оригинальные дизайнерские находки не спасают владельца коммерческого сайта от необходимости исправлять существующие технические ошибки. Качественная оптимизация сайта подразумевает сокращение количества внутренних ссылок на несуществующие страницы до минимума, а в идеале — полное исключение самой возможности форматирования некорректных URL адресов, которые выкидывают пользователя на 404-е страницы.

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

Leave your comment

Please enter your name.
Please enter comment.