Главное Авторские колонки Вакансии Образование
Выбор редакции:
1 587 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Как правильно оформить страницу «Ошибка 404»

​Если посетитель попадает на ваш сайт и видит сообщение «404 Страница не найдена», то он с высокой вероятностью покинет его. Ваша же задача – удержать его и мотивировать перейти на другие страницы ресурса. Особенно это актуально для молодых сайтов, у которых каждый посетитель на вес золота. Каким же образом оформить страницу с ошибкой 404, чтобы она не стала тупиком для посетителей?
Мнение автора может не совпадать с мнением редакции

Что такое ошибка 404

Для начала рассмотрим, что же такое ошибка 404. Первая цифра 4 означает, что ошибка произошла на стороне пользователя. Цифры 04 указывают на конкретную ошибку «Not Found». Существует несколько причин, по которым возникает ошибка:

  • был изменен URL страницы;
  • страницу удалили;
  • при написании URL была допущена ошибка;
  • ресурс на данный момент не работает.
b_58b57143cf925.jpg

Страница 404 сети Вконтакте

Для того чтобы правильно оформить страницу 404, нужно посмотреть на нее глазами пользователя. Итак, он ищет определенную информацию и попадает на страницу с записью «404 Page Not Found». Его дальнейшие действия? В большинстве случае он нажмет кнопку «Назад» и покинет ваш сайт, поскольку ресурс уже воспринимается как нерабочий.

Даже если вы разместите ссылку «Вернуться на главную», то это вряд ли поможет, поскольку человеку нужно нажать на нее, перейти на главную, а потом еще искать информацию, что попросту неудобно. Что же делать? Как удержать посетителя?

Несколько полезных советов в создании эффективной страницы 404

1. Будьте вежливы

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

b_58b57143e6f99.jpg

Страница 404 портала MySpace.com

2. Правильный дизайн

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

b_58b5714400c16.jpg

Страница 404 социальной сети Одноклассники

3. Польза для посетителей

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

Страница 404 портала Drive2.ru

4. Предложите альтернативу

Часто используют функционал вывода похожих или рекомендуемых записей. А в интернет-магазинах – предлагают похожие товары, акции, скидки и т. п.b_58b571442ba4e.jpg

Страница 404 интернет-магазина Wildberries

5. Настройте SEO

На сайте в идеале не должно быть внутренних ссылок на страницы 404. Для отслеживания битых ссылок существуют различные инструменты для вебмастеров. В частности, в Google Search Console их можно просмотреть на вкладке «Ошибки сканирования», в Яндекс.Вебмастере – на вкладке «Исключенные страницы».

Какой НЕ должна быть страница 404?

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

b_58b571443c7f4.jpg

Страница 404, которую вы, к сожалению, увидите на половине российских сайтов

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

5 интересных страниц «Ошибка 404» известных российских вебсайтов

Грустный робот на Last.fm

b_58b5714444b10.jpg

Страница 404 сайта Last.fm

Забавный арт от Fishki.net

b_58b571445942c.jpg

Страница 404 развлекательного портала Fishki.net

Шерлок Холмс на Ozon.ru

b_58b571446a0d4.jpg

Страница 404 интернет-магазина Ozon.ru

Максимально функциональная страница MTS.ru

b_58b5714476436.jpg

Страница 404 сотового оператора МТС

Жирный кот от Sports.ru

b_58b5714487511.jpg

Читайте больше в нашем блоге на Contempium.ru

+2
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.