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

Поэтому сегодня хочу рассмотреть такой вопрос как: “Что такое 404 страница?”, а так же дать несколько советов по ее оформлению.

К содержанию ↑

Что такое 404 страница?

Для начала давайте кратко расскажем о том, что собой представляет страница 404. Все материалы, которые публикуются на сайте, обладают каким-то сроком жизни. Некоторые материалы «живут» с первого дня создания и до последнего дня работы интернет-ресурса. Другие материалы по разным причинам удаляются, к примеру, через месяц или через год после добавления (информация потеряла свою актуальность, оказалась не уникальной и т.д.).

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

404-error-page

Код 404 говорит о том, что информация по этому адресу уже недоступна (по причине ее удаления, не существования). Если этой информации здесь уже нет, то пользователь с большой долей вероятности покинет сайт и будет искать интересующие его сведения в другом месте. Владельцу сайта такой отток трафика, по понятным причинам, не нужен. Его задача:

  • удержать посетителей;
  • перенаправить их на другие страницы и предоставить какую-то не менее интересную и полезную информацию.

Здесь-то нами пригодятся советы по оптимизации страницы 404.

К содержанию ↑

Советы по оптимизации страницы 404

Теперь я хочу привести несколько советов с помощью которых можно удержать или перенаправить пользователя на другую страницу.

  1. Не используйте страницу с простым и стандартным выводом.
  2. Используйте узнаваемую символику сайта.
  3. Укажите посетителю нужный путь.
  4. Придерживайтесь минимализма в дизайне и в проектировке страницы.

1. Самый главный совет, первый — не стоит использовать страницу с простым и стандартным выводом ошибки. Речь идет о так называемой «голой» странице, на которой размещен лишь текст, говорящий об отсутствии запрашиваемой информации (без дополнительных навигационных элементов, ссылок и т.д.). Попав на такую страницу, пользователь с вероятностью 90% покинет ваш сайт. Вот пример как не нужно делать:

404 ошибка joomla
404 ошибка joomla

2. Совет второй — используйте узнаваемую символику сайта. Как правило, все обычные страницы интернет-ресурса (те, которые без ошибок) объединены какими-то общими элементами, к примеру:

  • общим фоном,
  • общей схемой расположения структурных блоков,
  • общим хедером,
  • логотипом и т.д.

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

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

404 страница loleknbolek
404 страница loleknbolek

3. Третий совет — укажите посетителю нужный путь. Помните, что человека может интересовать не только та информация, за которой он пришел на страницу с ошибкой, но и информация из смежных тематик. К примеру, если человек пришел прочитать статью «Особенности поисковой оптимизации», то его может заинтересовать статья «Запрещенные методы оптимизации» или «SEO в современных условиях». Давая направление для дальнейшего поиска и исследования, вы снижаете риск того, что человек покинет сайт. Указать направление можно при помощи навигационных ссылок, дублированного главного меню и прочих элементов интерфейса. Возможен вариант, когда на странице 404 размещают лишь главное меню (чтобы был быстрый доступ к основным разделам сайта). Другой вариант — размещаются ссылки на:

  • самые популярные статьи;
  • последние статьи;
  • комментируемые статьи
  • (либо на все сразу).

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

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

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

К содержанию ↑

А теперь давайте посмотрим несколько хорошо оформленных страниц с 404 ошибкой

Сайт habrahabr.ru. Лучшее оформление и не придумаешь.

404 страница - habr
404 страница — habr

Сайт turbomilk.ru. Все довольно таки просто, навигация сохранилась и можно перейти по ней.

404 ошибка - Turbonilk
404 страница — Turbonilk

Сайт euroset.ru и фирменная собака.Так же как и в предыдущем случае навигация сохранилась.

404 ошибка - Euroset
404 страница — Euroset

Сайт lego.com. Креативный подход компании Lego.

404 страница - Lego
404 страница — Lego

Сайт hotdot.pro. Студия Hot Dog Production и 404 страница в тонах сайта, снизу ссылки по которым можно перейти.

404 страница - Hotdot
404 страница — Hotdot

Сайт github.com. Всем знакомый логотип и картинка с анимацией. Внизу можно увидеть поиск.

404  страница - Github
404 страница — Github

Сайт mailchimp.com. E-mail рассылка Mail Chimp со своей круто оформленной страницей.

404 страница - Mailchimp
404 страница — Mailchimp

Сайт duoh.com. Студия графического дизайна.

404 страница - Duoh
404 страница — Duoh

Сайт getdropbox.com. Сервис облачного хранения и 404 страница в виде дырявой коробки. Просто и со вкусом.

404 страница - Dropbox
404 страница — Dropbox

Сайт mikekus.com. Mike kus и его анамированая страничка.

404 страничка - Mike Kus
404 страничка — Mike Kus

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

Поделиться