Почему важна ваша страница 404 и как сделать ее блестящей, а не скучной

Статья написана:
  • Дизайн веб-сайта
  • Обновлено: май 08, 2019

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

Цель страницы 404

404 ошибке
Фото: CyboRoZ

Цель страницы 404 - сохранить посетителя на вашем сайте, даже если он попадет на несуществующую страницу.

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

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

Чего не делать

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

Давайте посмотрим на распространенное сообщение об ошибке на сайте без настроенного 404.

Сообщение об ошибке 404

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

Образцы хороших страниц 404

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

Лори Соард (мой сайт)

Страница ошибки XORUM
Страница ошибки 404 на сайте LoriSoard.com

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

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

Это предлагает посетителю сайта множество опций, но вы также можете сузить выбор, чтобы направить их на определенную страницу. Я делаю это на других сайтах, где цель сайта уже.

Секрет веб-хостинга раскрыт

Страница 404 в WHSR

Неудивительно, что WHSR хорошо справляется со своей страницей 404.

Здесь, в WHSR, есть страница ошибок 404, которая предлагает аналогичную выгоду от наличия той же навигационной структуры, что и остальная часть сайта. Грустное изображение кошки добавляет причудливое прикосновение, и текст в шутку говорит: «Кот съел наш файл».

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

Голубой фонтан

Blue Fountain Media - это сайт, который действительно хорошо делает страницу 404. Хотя это нарушает правило отсутствия сценариев, оно эффективно заставляет посетителя оставаться на сайте некоторое время. Это также оригинально и поэтому незабываемо.

синие фонтанные носители 404

Blue Fountain Media приглашает посетителя, который не может найти страницу, которую он ищет, чтобы поиграть в игру Pac Man. Кто мог устоять? Разумеется, навигационная структура и контактная информация расположены в верхней части страницы на случай, если посетитель захочет получить дополнительную информацию о Blue Fountain Media.

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

Википедия

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

wikipedia 404

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

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

Советы по обновлению вашей страницы

  • Выкинь технаря. Посетители вашего сайта не заботятся о том, почему страницы нет или что вызвало ошибку, так же, как они заботятся о том, чтобы попасть на нужную страницу.
  • Включите ссылку на домашнюю страницу.
  • Не указывайте пальцем на посетителей. Никому не нравится, когда ему говорят, что он неправ. Вместо того чтобы сказать «вы ввели неверный URL», просто укажите, что страница не может быть найдена.
  • Творчество это хорошо, а безумие - нет. Страница WHSR 404 (скриншот выше) является хорошим примером, потому что она предлагает юмор, но не имеет летающих обезьян, увеличивающих и уменьшающих масштаб.

Google также предлагает некоторые конкретные советы по созданию полезной страницы 404.

Как добавить пользовательскую страницу 404

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

1. Настройка ошибок через cPanel

Перейдите на панель управления вашего сайта. Адрес, вероятно, что-то вроде этого:

http://yoursite.com/controlpanel

or

http://yoursite.com:2082

Зайдя на панель управления, прокрутите вниз до раздела «Дополнительно» и нажмите «Страницы ошибок».

панель управления3. Редактировать страницы ошибок

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

страницы ошибок

Страница, которая вытягивает, - это место, где вы можете вставить коды, которые вы хотите для этой страницы.

Пользовательские 404s WordPress

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

  • Google 404
  • Полезные 404
  • Страница ошибки в стиле Dunstan

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

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

О Лори Соард

Лори Сэард работает независимым писателем и редактором с 1996. Имеет степень бакалавра в области английского образования и степень доктора журналистики. Ее статьи появились в газетах, журналах, онлайн, и она опубликовала несколько книг. С 1997 она работает веб-дизайнером и промоутером для авторов и малых предприятий. Она даже работала на коротких веб-сайтах рейтинга популярной поисковой системы и изучала глубокую тактику SEO для ряда клиентов. Ей нравится слушать ее читателей.

Подключение: