Главная страница – оформление по правилам продающего сайта
Пн, 9/01/17 – 17:44 | One Comment

Окинув взглядом главную страницу, среднестатистический посетитель сайта доверится впечатлению от дизайна, интерфейса, стиля. Оформленное «на коленке» вызовет рефлекторную реакцию закрытия вкладки – такого …

Читать статью »
CSS верстка

Оформление веб-страницы: css3 html5 приемы верстки сайтов

Дизайн

Веб-дизайн: правила создания и лучшие примеры дизайна сайтов

Wordpress

Wordpress сайту: современные и креативные, шаблоны вордпресс

Интернет-маркетинг

О маркетинге в сети Интернет и web-эффективности

Свой сайт

О создании оформления сайта, как сделать свой сайт лучше

Главная » Свой сайт

Как улучшить страницу 404 ошибки

1 Июнь 2013 Нет комментариев

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

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

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

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

Примеры оригинальных и красивых страниц 404

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

  • Рациональный подход к делу и разумную стратегию
  • Заявленную креативность своих дизайнеров
  • Исключительность и особенность своего бренда
  • Готовности предложить нестандартные идеи и пути их решения

Кажется дизайнеру страницы ошибки 404 удалось выразить избранную стратегию и оптимистичный настрой компании Amore ( аmore.se/404 )

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

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

красивая страница сайтакрасивая страница 404

Краткая памятка по разработке дизайна «несуществующей страницы» :

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

После создания, файл страницы (например 404.html) нужно разместить на сервере и сконфигурировать файл .htaccess. Для случая, когда сайт на Apache вверху файла .htaccess размещаем директиву ErrorDocument 404 /404.html (страница 404 — в корне сайта) или ErrorDocument 404 http://www.site.ru/404/ (страница 404 — не в корне сайта)

Убедитесь, что страница 404 не индексируется поисковыми системами (возвращается правильный http статус ошибки). Запретить индексацию можно в robots.txt, дописав строчку  Disallow: /404.html.

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

Идеи оформления страницы 404 ошибки

Piccsy ( http://piccsy.com/404 )

варианты 404 Вы куда-то не туда забрели, но иллюстрации R. Klonek стоит посмотреть 

Master IT ( master-it.biz/404/)

как улучшить страницу 404Дамы и Господа, Хакеры …и… роботы, а также МНОГОУВАЖАЕМЫЙ

dp20 ( dp20.ru/Error )

404 страницыКоментарии Web сервера с 404 страницы по поводу случившейся ошибки

Athenos  ( athenos.com/404 )

как улучшить страницу 404Вы бродите по интернету хуже пьяного матроса

Airgid  ( airgid.com/404 )

страниица 404 ошибки Что-то сломалось, да? Для разрешения проблемы свяжись с нами…

IRDB  ( irdb.com/404/)

404 не найденоЧувак, никого тут нет. Ну кроме меня

Juicy Graphics  ( juicygraphics.net/404notfound )

not found ошибка 404О боже! Кажется мы потеряли один ломтик

Yougov  ( yougov.co.uk/404/)

404 страница не найденаПерсонаж  аналитической компании YouGov озадачен ошибкой: 404 страница не найдена

Laserred  ( laserred.co/404 )

404 ERROR, ошибка 404Не паникуй, это всего лишь 404 ERROR, так называемая  ошибка 404

Fish Finger ( http://fishfinger.me/404 )

страница 404 ошибкиПохоже вы высадились на 404-й. Но не волнуйтесь, мы гарантируем — шеф-повар будет жив.

We Heart It ( http://weheartit.com/404 )

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