404 страница для сайта/блога — несколько полезных советов

Приветствую!

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

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

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

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

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

404-error-page

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

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

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

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

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

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

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

404-joomla-error

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

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

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

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

404-error-loleknbolek

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

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

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

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

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

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

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

404-error-habrahabr

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

404-error-turbonilk

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

404-error-euroset

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

404-error-lego

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

404-error-hotdot

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

404-error-github

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

404-error-mailchimp

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

404-error-duoh

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

404-error-dropbox

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

404-error-mikekus

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

Оцените статью:

Очень плохоПлохоНормальноХорошоОтлично (6 Рейтинг: 5,00 из 5)
Loading...Loading...

Если Вам понравилась статья, поделитесь с друзьями в соц. сетях:

Вам также может понравиться...

Не хотите пропустить новую статью? Тогда подписывайтесь...

Комментариев: 7

  1. Nikita:

    А мы на портале todaynews.kz вместо страницы 404 сделали 301 р2едирект на главную

  2. Bolek:

    Уберите 301 редирект. 404 страница должна выдавать ответ сервера 404, материал не найден или страница не найдена.

  3. Дина:

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

  4. Bolek:

    500 ошибка — это недоступность сервера, как правило проблемы на стороне хостинг провайдера

  5. Lolek:

    Nikita — лучше делать страницу 404 ошибки с отложенным редиректом на главную страницу сайта. Делать задержку в 5-7 секунд, что б человек понял, что такой страницы не существует и перенаправить его на главную. Но большинство не замарачиваются над этим =)

  6. Volodimir:

    Я считаю для того что бы не выскакивали такие ошибки,нужно просто бережно относиться к своему компьютеру )вовремя чистить его..не засорять разным электронным «мусором» и тогда все будет хорошо)

  7. Роман:

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

    https://мотодворик.рф/site/opt/

Добавить комментарий

Уважаемые пользователи!


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


С уважением, Администрация сайта.


Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Связаться с нами

Если у Вас возникли какие либо вопросы, предложения и пожелания для развития нашего ресурса, связаться с нами Вы можете по e-mail: loleknbolek.com@gmail.com, или заполните форму что находиться ниже.

Пишите мы будем рады Вам ответить!