Мифы и правда о заработке в Интернете

Идеальная страница 404, которую не покидают пользователи

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

Ошибка 404 «Page Not Found» (Страница не найдена) представляет собой код, который был принят Консорциумом Всемирной паутины (World Wide Web Consortium), разрабатывающей технологические стандарты для Интернета. В переводе с машинного языка цифры кода означают следующее:

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

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

Измененная 404 веб-страница обязана быть не только приятной с точки зрения дизайна, но и решать ряд задач. Она должна содержать информацию, объясняющую пользователю причину проявления ошибки, давать краткую понятную инструкцию по дальнейшим действиям, быть СЕО-оптимизированной и собирать полезные данные для веб-мастера.

404 до и после

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

  1. Извинения. Посетитель искал информацию, но не получил ее, поэтому автор блога должен принести свои извинения и предложить помощь в решении сложившейся ситуации. Пользователи любят любезности в свой адрес и задержаться, чтобы их принять.
  2. Никаких технических подробностей. Специфические термины способны отпугнуть посетителя, не нужно нагружать ими текст. Лучше не использовать слово «ошибка». Пользователю интересно, что делать дальше, а не разбираться в сути произошедшего.
  3. Дизайн. Веб-страница с 404 ошибкой должна быть оформлена в стиле блога, походить на его другие страницы, иметь такие же средства навигации. Не стоит перенасыщать страницу тестом, иллюстрациями и ссылками. Пользователь все-таки должен понять, что это не искомая страница.
  4. Ссылки. Задача данной страницы – перенаправить пользователя в другие разделы блога. Для этого на 404 странице можно поместить строку поиска, ссылку на главную или другую рабочую веб-страницу, меню блога. Не рекомендуется делать автоматическое перенаправление на главную страницу блога – поисковые системы этого не любят.
  5. Немного креатива. Если тематика блога позволяет, то на 404 странице можно выплеснуть свои креативные и юмористические порывы. Забавная картинка или смешной текст привлекут внимание пользователя. Главное, не перестараться и не вызвать отталкивающий эффект.
  6. СЕО-оптимизация. Внутренние ссылки не должны вести на 404 страницу, а количество внешних ссылок, вызывающих ошибку, надо регулярно отслеживать и свести к минимуму. Контент 404 страницы следует сделать уникальным. Страницу ошибки лучше исключить из индексации поисковыми системами.
  7. Работа над ошибками. Пользователь должен иметь возможность отправить отчет об ошибке. В идеале отслеживание проблем следует осуществлять в автоматическом режиме. Грамотно настроенные инструменты для веб-мастеров помогут автору блога разобраться в причинах 404 ошибки и оперативно устранить их.
  8. Нестандартные решения. На странице с ошибкой некоторые веб-мастера размещают предложения о скидках или условия акции. К примеру, пользователь попадает на страницу 404 и видит промо-код, сообщив который он может получить скидку, на предлагаемые на сайте товары или услуги.
а Вы читали?:

Комментарии

Аватар пользователя Marseo
Marseo 01.07.2015 в 23:08

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

Аватар пользователя NI4KA
NI4KA 02.07.2015 в 01:50

Если страница 404 была добавлена без испльзования ЧПУ, то контент лучше размещать уникальный. Такие рекомендации дают сеошники.

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

Аватар пользователя Marseo
Marseo 02.07.2015 в 06:50

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

Аватар пользователя Наталья Акулова
Наталья Акулова 02.07.2015 в 20:57

я за уникализацию данной странице, так как мне не плевать на читателей. Моя задача его не отпугнуть, а удержать

Аватар пользователя Воблеров Константин
Воблеров Константин 04.07.2015 в 18:00

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

Аватар пользователя NI4KA
NI4KA 04.07.2015 в 18:15

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

Аватар пользователя Воблеров Константин
Воблеров Константин 06.07.2015 в 15:15

Не знал про это. Тепер буду знать)
Спасибо за науку!

Аватар пользователя Marseo
Marseo 04.07.2015 в 19:48

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

Аватар пользователя Антропов Алексей
Антропов Алексей 05.07.2015 в 18:59

Я вот тоже думаю приукрасить ее. Думаю видео на 404 записать и на странице разместить. Не знаю даже. А вы как думаете? :-)

Аватар пользователя NI4KA
NI4KA 05.07.2015 в 22:21

Слишком перегружать информацией 404 страницу тоже не стоит. Посетитель все-таки должен понять, что он попал на несуществующую страницу.

Аватар пользователя Антропов Алексей
Антропов Алексей 05.07.2015 в 22:38

Это да. Я увлекаюсь программированием, у меня задача сделать сайт максимально читабильным и удобным для посетителей. Поэтому относительно прогрузки страницы - выкручусь :-). Если что обращайтесь, может чем помогу. Кстати, как здесь подписаться :-D ?

Аватар пользователя NI4KA
NI4KA 06.07.2015 в 01:00

Формы подписки пока нет. Традиционно используемые на блогах сервисы а ля Feedburner и Smartresponder меня не порадовали, слишком спамят. Было принято решение заказывать скрипт для рассылки под этот конкретный блог. Надеюсь, траты и время ожидания себя окупят.

Аватар пользователя Алексей
Алексей 06.07.2015 в 10:53

Что же, будет интересно посмотреть)

Аватар пользователя Александра
Александра 23.08.2015 в 23:34

Кстати да, тоже хотела подписаться и не нашла.. Подождем.. Пока в закладки - буду заглядывать к вам!)

Аватар пользователя NI4KA
NI4KA 23.08.2015 в 23:53

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

Аватар пользователя Александра
Александра 24.08.2015 в 10:58

Ок, будем ждать! И очень хочется посмотреть на новый дизайн.. Тоже планирую многое переделать.. Если не секрет, где заказывали дизайн? И может хоть немного откроете тайну - каким он будет у вас?:)

Аватар пользователя Егор
Егор 04.08.2015 в 23:43

На CodePen посмотри к примеу

Аватар пользователя Илья
Илья 23.07.2015 в 11:46

Я все таки сторонник, чтобы внешний вид был схожим с общим дизайном сайта. 404 страница - это дело важное)

Аватар пользователя Anna
Anna 25.07.2015 в 21:20

Здравствуйте! Я впервые на вашем блоге. Было приятно прочитать что-то новое для себя. Я пока не задумываюсь над этим, но об этой идее уже много читала. Те, кто сделал красивой такую страницу 404, остались довольные. Я пока не вижу в этом потребности. С уважением, Анна.

Аватар пользователя Ирина
Ирина 09.08.2015 в 14:23

А я всё никак не соберусь настроить 404 страницу. Спасибо за рекомендации, стоит поскорее сделать такую страницу для блога.

Аватар пользователя Надежда
Надежда 18.08.2015 в 08:02

У вас написано на такой странице - Добро пожаловать на страницу 404! Это типа - заходите сюда еще?

Аватар пользователя NI4KA
NI4KA 18.08.2015 в 09:04

Радостно встречать посетителей надо даже с черного хода ))

Аватар пользователя Надежда
Надежда 21.08.2015 в 13:43

Не, у меня написано - Ахтунг ОШИБКА 404, но можно вернуться к цивилизации.

Аватар пользователя Юрий
Юрий 20.08.2015 в 21:51

Согласен с общим мнением об оригинальности страницы 404. Тоже собираюсь себе её оформить и уже довольно давно.
Спасибо за рекомендации по её оформлению.

Аватар пользователя Александра
Александра 23.08.2015 в 23:47

Я тоже долго собиралась и вот наконец оформила! Довольная как слон:))) кое-что еще подредактирую, но в целом всё готово! Полностью согласна что нужно чем-то торморзнуть гостя))
Мне пришлось срочно её делать, тк меняла вечные ссылки, а яндекс выдает со старыми адресами и всё время отправляет на 404 стр(( В гугл всё норм.. И вообще мне кажется я под АГС попала.. Может кто подскажет? Я уже почти под ноль всё снесла, буду "опять всё сначала!" Оо Это моя вторая попытка блогинга)

Аватар пользователя Александр Хребтов
Александр Хребтов 24.09.2015 в 23:35

Прочитав статью, полез на свою страницу 404. Стыдно конечно, но с покупки шаблона, смотрел ее один раз.
Ну ничего так :) выведен поиск по сайту и рубрики. Может стоит подумать о добавлении чего ни будь интересного, но...

Аватар пользователя Сергей
Сергей 06.11.2015 в 15:56

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

Аватар пользователя Алексей
Алексей 28.12.2016 в 09:13

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

Аватар пользователя eun
eun 31.12.2016 в 22:10

Такая же наглядная статья, как и про "О себе" - надо тоже последовать рекомендациям. Кстати, недавно попадалась инфа о том, что пользователи используют в общении три цифры 404 вместо фразы "не знаю"...

Аватар пользователя eun
eun 31.01.2017 в 20:26

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

Аватар пользователя Ольга Андреева
Ольга Андреева 25.02.2017 в 00:02

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

Аватар пользователя eun
eun 28.02.2017 в 22:33

Тоже до сих пор не сделал - время... время...

Аватар пользователя Надежда
Надежда 07.03.2017 в 17:39

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

Аватар пользователя Федор
Федор 21.03.2017 в 04:17

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

Аватар пользователя Дима
Дима 28.07.2017 в 18:34

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

Подпишись на свежие новости!

CAPTCHA
Проверка человечности. Введите цифры, если вы не робот:
2
4
7
9
9

Ваш отзыв