Главная / Блог / Как оформить страницу 404

Как оформить страницу 404

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

Содержание статьи:

1. Зачем нужны страницы 404
2. Рекомендации по оформлению страницы 404
3. Как создать и оформить страницу 404
4. Варианты оформления ошибки 404
5. Примеры страниц ошибок
6. Заключение

Закажите статью у лучших копирайтеров Биржи



Зачем нужны страницы 404

Страница 404 «Не найдено»/«Страницы не существует» — код состояния HTTP, который возникает, если сервер не смог найти и предоставить запрашиваемую по указанному адресу информацию. В статье мы расскажем и покажем на примерах, как правильно и необычно оформить страницу 404, чтобы удержать посетителя. Надеемся, что хоть один из предложенных вариантов вам понравится, пишите свои комментарии, делитесь примерами найденных вами оригинально оформленных страниц 404.

Контент для ваших проектов
от профессиональных копирайтеров
заказать контент

Распространенные причины появления 404:

  • пользователь ошибся в написании ссылки;
  • URL изменили;
  • произошел сбой в интернет-соединении, возникли технические проблемы на сервере;
  • страница была удалена;
  • сайта больше нет.

К современным страницам ошибок (битые ссылки) есть 2 требования.

  • Удержать внимание пользователя, возможно — развлечь его, главное — чтобы он задержался на сайте и перешел на какую-либо другую страницу вашего сайта. Это необходимо для того, чтобы поисковые системы не понижали уровень ранжирования сайта.
  • Дать простые инструкции по дальнейшему пользованию сайтом.

Рекомендации по оформлению страницы 404

страница 404

Специалисты составили список рекомендаций для разработки идеальной страницы ошибки.

1. Выразите сожаление о том, что пользователь столкнулся с ошибкой, и намерение помочь. Указание на технические причины излишне — просто вкратце объясните, почему возникла проблема, докажите, что ничего страшного не происходит.

2. Попросите проверить корректность введенной ссылки.

3. Предоставьте ссылки на вероятные совпадения, товары, самые популярные разделы сайта. Можно даже превратить ошибку 404 в landing page, добавив акции, спецпредложения, скидки и кнопки действий. Посетитель должен всегда находиться максимум в одном клике для перехода в меню.

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

4. Всегда давайте ссылку на главную, посетитель должен ее сразу находить. Но, автоматически перенаправлять посетителя на нее не следует, иначе пользователь запутается. Ведь он планировал зайти по запрашиваемому адресу, а попал на главную страницу вашего сайта.

5. Добавьте строку поиска. Ведь если пользователь столкнулся с ошибкой «404», значит, ранее он что-то искал — необходимо предоставить ему возможность это найти.

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

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

Как создать и оформить страницу 404

404

Порядок действий:

1. Перейти в корневую папку сайта.
2. Найти файл .htaccess (или создать его, если он отсутствует).
3. С новой строки вставить: ErrorDocument 404 http://адрес-сайта/404.php.

Вместо расширения .php по желанию можно использовать .html — разницы нет.

Эта ссылка — указание пути к файлу, который будут видеть пользователи при попадании на страницу ошибки.

При оптимизации сайта постарайтесь исключить вероятность формирования неправильных URL-адресов, которые приводят к ошибкам 404. Для их выявления на сайте есть инструменты для веб-мастеров от Google и Яндекса. Такие сервисы помогут понять, почему и как сформировались ошибки.

Настройте нужный код ответа сервера 404 (Not Found), чтобы не допустить появления таких страниц в результатах выдачи поиска. В противном случае увеличится количество отказов с сайта, а поисковик расценит проиндексированные страницы 404 как дубли.

Варианты оформления ошибки 404

При оформлении дизайна страницы ошибки постарайтесь выдержать единый стиль всего сайта.

Есть 4 варианта оформления.

1. Развлекательная страница

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

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

2. Реклама

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

3. Поиск

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

4. Основные разделы

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


Вне зависимости от варианта оформления креатив не помешает. Юмор и оригинальность сгладят неприятное впечатление от ошибки.

Примеры страниц ошибок

Pixar

Мультипликационная студия Pixar оформила ошибку 404 с персонажем из известного мультфильма «Головоломка».

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

Kualo

Kualo — веб-хостинг, который предлагает свои услуги вот уже 15 лет. Особое внимание разработчики уделили оформлению страницы 404, которая представлена в виде классической аркадной игры Space Invaders. Она считается лучшей аркадой и способна надолго захватить внимание пользователя.


«Космические захватчики уничтожили эту страницу! Отомстите им!»/ Пробел — выстрелить, стрелки вправо/влево — переместиться.

Сразу же под подписью есть ссылка на возврат на предыдущий раздел.

Hot Dot Production

Веб-разработчик оформил ошибку 404 в интерактивном варианте — из множества маленьких ярко-красных точек. Они рассыпаются в стороны в зависимости от направления мышки (перед этим необходимо кликнуть на них).


Emirates

Компания Emirates — одна из самых крупных в мире авиакомпаний из ОАЭ, поэтому она не может позволить себе на официальном сайте много креатива. Страница 404 полностью соответствует стилю сайта. Разработчики вычислили наиболее посещаемые клиентами разделы после ухода со страницы 404.

В результате появились 4 кнопки, позволяющие перейти в раздел поиска рейсов, брони, входа в аккаунт или на главную. А ниже располагается кнопка поиска.


NPR

В 2022 году на сайте организации по распространению новостей радиостанций США при попытке открыть несуществующую ссылку посетителям предлагается ознакомиться со статьями о других пропавших.


Заключение

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

Размещайте что-то полезное, веселое, понятное. Любой вариант лучше по сравнению со стандартной пустой страницей и надписью «Страницы не существует» на белом фоне — иначе пользователь не поймет, что делать дальше, и уйдет с сайта. Также не следует использовать простое шаблонное оформление и автоматическое перенаправление на главную или другой раздел сайта.

Регистрируйтесь на eTXT, заказывайте продающие тексты для своего ресурса и зарабатывайте с помощью качественного контента ещё больше!

Оцените статью (7 голосов)

2.1428571428571 5 7
0 комментариев
Имя
Добавление комментария
Имя
Самое читаемое