Оформление страницы 404 (NOT FOUND ошибка) на сайте
С уверенностью в 99,9% можно сказать, что каждый интернет-пользователь встречался с ошибкой 404. Увидев на своем экране эту страницу, юзер испытывает далеко не самые приятные эмоции. Дальнейшим его действием будет переход на другой сайт, где он сможет найти ответы на свои вопросы. Для решения этой проблемы необходимо реализовать качественное оформление страницы 404, которое поможет «охладить» пользователя и сохранить его пребывание на страницы.
Теоретические ведомости об ошибке 404Ошибка 404 подразумевает, что страница по которой осуществился переход не была найдена.
Плохо ли это для SEO продвижение? В целом, это естественно. Поисковая система Google определяет ошибку 404 как нормальный процесс работы ресурса.
На самом деле не все настолько однозначно. В жизни ресурс может значительно «просесть» в том случае, когда ошибка «вылезла» на странице, которая обеспечивала сайт трафиком.
При любых обстоятельствах наиболее верным решением будет разбор причин, из-за которых появилась ошибка 404. Узнав проблему будет возможность оперативного ее устранения.
Причины появления ошибкиВо время перехода по ссылке пользователь отправляет запрос на сервер, он его обрабатывает и перенаправляет юзера на указанную в адресной строке страницу. Если таковой страницы не существует, тогда сервер отправляет ответ с кодом 404.
Существуют две причины, из-за которых это возможно:
1. Ошибки в ссылке, допущенные пользователем при вводе.
2. Переезд или удаление страницы.
Если с первой причиной, к сожалению, Вам справиться не удастся, то вот со второй надо работать и нивелировать ее. Лучшей работой будет мониторинг сайта на наличие удаленных или вызванных переездом ссылок. Это можно делать как вручную, так и используя специальные сервисы, такие как:
Даже держа под контролем всю ситуации и, убедившись в отсутствии нерабочих ссылок, все равно стоит провести работу над оформлением страницы 404.
Какие мысли приходят в голову пользователя, который увидит следующую страницу.
Скорее всего он находится в непонимании происходящего и сразу же думает продолжить поиски на других сайтах, ведь на данной странице нет вообще никакой необходимой информации и даже наименьшей попытки удержать пользователя.
Для того, чтобы это исправить необходимо:
- Объяснить пользователю то, что он находится на том сайте, который ему нужен. Весомое значение для этого вносит наличие шапки и подвала (футера) сайта.
Расположите в видимой зоне свои контакты для того, чтобы юзер знал куда обращаться по своему запросу.
Разместите на странице ошибки кнопку возврата на основную страницу.
Дайте пользователю возможность «пожаловаться» на Ваш сайт, или же, по-простому, сообщить об ошибке, которая была замечена.
Не оформив страницу ошибки 404, скорее всего Вы будете терять посетителей, которые будут встречаться с ней. Именно для того, чтобы сохранить пребывание пользователя, и не иметь потери трафика необходимо проделывать работу над этим компонентом. Также рекомендуем Вам внимательно следить о возможных удаленных или переехавших ссылках.
Зачем бизнесу страница ошибки 404: все об обработке, оформлении и проверке 404
SEO 404
Автор статьи
Анна Ольяная
Статья написана в рамках статейного конкурса Serpstat и SEOnews. Условия конкурса.
Для начала давайте разберем – что такое 404? Почему это ошибка? И причем тут бизнес?
404 – это код состояния HTTP.
Опустим подробности о том, что такое код состояния HTTP, вы это можете прочитать в Википедии.
С точки зрения SEO нас интересуют следующие коды состояния http:
| Код? | Что передает? | Что значит для поисковой системы? |
| 200 | запрос был успешно получен, понят и обработан | Такой код ответа сервера должны отдавать все рабочие страницы сайта. |
| 301 | ресурс перемещен навсегда | Такой код ответа сервера настраивается, если требуется перенаправление на другую страницу. Например, сделали редизайн со сменой CMS. Адреса страниц поменялись, но трафик мы сохранить хотим. |
| 500 | внутренняя ошибка сервера | Сервер столкнулся с непредвиденным условием, которое не позволяет ему выполнить запрос (получен код 500 Internal Server Error). Обычно, говорит о проблемах на хостинге. |
| 404 | Ресурс не найден | Указывает на то, что этой страницы больше нет, и поисковому роботу нужно удалить ее из своей базы. |
На страницу ошибки 404 пользователи попадают в нескольких случаях:
- если они неверно набрали адрес страницы,
- кто-то указал неправильную ссылку на сайт,
- вы удалили какую-то страницу с сайта (сняли товар с производства, перестали оказывать услугу).
Неверно настроенная 404 – проблемы для бизнеса
Существуют 2 основных группы проблем для бизнеса, когда можно сказать, что ошибка 404 настроена неправильно:
- обработка ошибки 404,
- оформление страницы ошибки 404.
Далее разберем основные моменты, с которыми можно столкнуться при проблеме из первого блока.
Основные ошибки при настройке обработки 404 ошибки для SEO
- Ошибка 1. 404 не обрабатывается.
Что это значит?
При вводе любого несуществующего адреса на сайте, url в адресной строке меняется, а содержимое страницы остается неизменным.
То есть, мы зашли на главную страницу site.ru. Увидели одно содержимое. Дописали к site.ru/pr7777 – содержимое осталось прежним, хотя страницы по такому адресу нет.
Таким образом, мы получаем бесчисленное множество дубликатов главной страницы.
Поисковые системы сейчас получают данные о страницах для индексации из множества источников, например, Яндекс Метрика, куки бразуеров, с помощью которых она может проиндексировать эти страницы, и это не скажется положительно на ранжировании сайта и сократит лимит на индексацию полезных страниц.
Решение
Настроить корректную обработку ошибки 404 для всех несуществующих страниц на сайте.
Если страницы-дубликаты уже попали в индекс поисковой системы, чтобы минимизировать последствия, закройте их в robots.txt от индексации.
- Ошибка 2. На сайте настроена Soft 404
Soft 404 — это замена страницы ошибки 404 страницей с контентом о несуществующей странице с кодом ответа сервера 200 (существующей страницы). Яндекс. Вебмастер относит soft 404 к распространенным ошибкам при разработке сайтов.
Наиболее часто встречается soft 404 в CMS Битрикс.
Когда принимаете работы по разработке, в обязательном порядке проверьте корректность настройки 404.
При «мягкой» ошибке 404 поисковые роботы получают сигнал, что страницы по несуществующим адресам доступны для индексации, тратит на них ресурсы и не исключает из поисковой базы. Поисковая система получает сигнал, что на сайте множество страниц с одинаковым содержимым, и это может существенно сказаться на общем доверии к сайту со стороны поисковых систем, а значит на позициях и трафике.
- Ошибка 3. Редирект на главную.
Частой ошибкой при настройке обработки ошибки 404 является настройка редиректа с 404 на главную страницу. Этот вариант можно рассмотреть как разновидность soft 404 с такими же последствиями.
Представьте недоумение пользователей, которые попадают на главную страницу вашего сайта, когда собирались перейти на страницу, к примеру, о шампуне для кошек.
Основные ошибки при оформлении страниц 404 ошибки
Итак, основные проблемы, связанные с некорректной настройкой обработки ошибки 404 мы разобрали. Переходим ко второй группе проблем – оформлению страницы ошибки 404.
Допустим, мы провели работы и настроили правильную обработку ошибки 404. Для всех несуществующих адресов у нас отдается долгожданный код ответа сервера 404, а не 200, и не 301.
Когда пользователь попадает на страницу с 404 ошибкой, очень высока вероятность потерять этого пользователя насовсем. Поэтому очень важно, чтобы посетитель поневоле попавший на несуществующую страницу вашего сайта, не захотел с него в ту же секунду уйти, а продолжил поиск.
Рассмотрим наиболее распространенные «недружелюбные» шаблоны страниц 404 ошибки.
Все перечисленные варианты 404 страниц не позволяют пользователю вернуться на сайт и дезориентируют его. Вероятность того, что пользователь закроет сайт и не вернется стремится к 100%.
- Ошибка 1. Шаблон 404 страницы от хостера.
Многие хостинги подставляют в случае отсутствия на сайте собственного шаблона 404 ошибки, свой шаблон.
- Ошибка 2. Белый лист вместо шаблона 404.
Если хостер не предоставляет шаблона 404, то вместо шаблона 404 страницы будет отображаться белый лист с надписью «404 not found».
- Ошибка 3. Шаблон 404 от браузера.
Если при коде ответа сервера 404 не предусмотрено совсем никакого шаблона, то за вас его сделает браузер.
- Ошибка 4. Шаблон 404 от CMS.
В некоторых CMS предустановлен шаблон 404 ошибки.
Он не так плох, как перечисленные выше варианты, так как позволяет вернуться на главную страницу и описывает причины, по которым пользователь мог попасть на 404 страницу.Но он никак не связан с дизайном сайта и «недружелюбен».
- Ошибка 5. «Непонятная» страница.
Часто встречаются страницы 404 ошибки, которые выполнены в дизайне сайта, отдают код ответа 404, но их содержимое никак не намекает на то, куда вы попали.
Это может быть страница с картой сайта, пустая страница сайта, просто странная страница сайта, как на примере ниже.
</p>
<ul>
<li>Она должна быть в дизайне сайта. Пользователь должен понимать, что он попал на нужный сайт, просто по неверной ссылке.</li>
<li>Она должна содержать пояснения, почему пользователь здесь оказался.</li>
<li>С нее должна быть доступна навигация сайта, чтобы пользователь мог вернуться и продолжить поиск по сайту по-другому.</li>
<li>Заголовок страницы, <title> и мета-описания должны быть соответствующими.</li>
</ul>
<p>Но можно пойти и дальше)</p>
<p>Очень желательно, при разработке сайта запланировать креативную страницу 404 ошибки. Чтобы она запомнилась пользователю и вызвала положительные эмоции. Примеры креативных 404 мы припасли на конец статьи.</p>
<h3>«Битые» ссылки</h3>
<p>В статье о 404 ошибке нельзя не затронуть тему битых ссылок.</p>
<p>«Битыми» ссылками называют ссылки, которые ведут на страницу 404 ошибки. Они могут появиться, если</p>
<ul>
<li>при простановке ссылки допущена опечатка,</li>
<li>адреса страниц изменились при редизайне, а 301 редиректы вы не настроили,</li>
<li>страница, на которую вела ссылка, была удалена.
</p>Проверь себя!
- Код ответа сервера
Все несуществующие страницы должны отдавать код ответа сервера 404
Проверить можно, к примеру, в Яндекс.Вебмастере
- Оформление
Страница 404 ошибки
- должна быть в дизайне сайта,
- информировать пользователя, почему он здесь оказался,
- иметь соответствующие и мета-описания,</li> <li>иметь навигацию.</li> </ul>
- Битые ссылки.
С помощью сервисов, которые мы дали в этой статье, либо любых других, находим страницы, с которых ведут битые ссылки и устраняем их.
Все в порядке? Работаем дальше.
Автор статьи
Анна Ольяная
Основатель агенства Орех. Более 10 лет опыта в SEO-продвижении.
Задать вопрос
404 Page Best Practices — Top 5 UX/UI Design Tips
Каким бы невероятным ни был дизайн, страницы 404 могут расстроить ваших пользователей. Цель команды дизайнеров UX — предоставить самое быстрое решение для исправления ошибки с минимальными усилиями.
404 страницы — интересный аспект дизайна веб-сайта. Некоторые дизайнеры выбирают творческий подход, в то время как у других явно есть дела поважнее, как в этом примере с блог-платформы Ghost. Страница ошибки 404. 5 минут. Сделанный.
В этой статье рассматриваются 404 страницы некоторых ведущих мировых брендов, включая советы и рекомендации.
Создавайте, прототипируйте и тестируйте свой веб-дизайн с помощью самого передового в мире инструмента дизайна. Начните создавать невероятные пользовательские интерфейсы с помощью UXPin. Зарегистрируйтесь, чтобы получить бесплатную пробную версию.
Какова цель страницы 404?
Ошибка 404 возникает, когда кто-то вводит неверный URL-адрес или страница не существует. Возможно, они неправильно ввели адрес или нажали «неработающую ссылку». Страница 404 информирует пользователя об этой ошибке.
404 история ошибок
Самые ранние модели персональных компьютеров имели 64 КБ ОЗУ или меньше.
Программистам нужно было упрощать. Они разработали систему классификации программных функций. Ошибки ввода присвоены классу 400.
Существует четыре ошибки ввода класса 400 (коды состояния).
- 400 Неверный запрос . Ввод имеет неправильный синтаксис.
- 401 Неавторизованный . Пользователь не может получить доступ без имени пользователя и пароля.
- 403 Запрещено . У пользователя нет прав доступа к файлу.
- 404 Страница не найдена . Пользователь ввел несуществующий URL-адрес или сделал ссылку на него.
В то время компьютер не выдавал никаких решений, только код ошибки — не слишком полезный. Многие веб-сайты по-прежнему не предлагают особой помощи или пояснений, кроме заголовка «Страница 404 не найдена», , что приводит к плохому взаимодействию с пользователем и упущенным возможностям.
Зачем вам страница 404?
Если у вас нет специальной страницы 404, веб-браузер пользователя создаст ее.
Вот пример того, что они могут увидеть:
Веб-страницы 404, созданные браузером, создают ужасный пользовательский опыт, что приводит к потере посетителей и потенциальных конверсий. Единственный способ исправить это — отредактировать или повторно ввести URL-адрес — , что многие люди не будут делать . Этот процесс особенно утомительный и трудоемкий для тех, кто использует мобильное устройство.
Настраиваемая страница 404 позволяет разработчикам взять под контроль ошибку и обеспечить удобный пользовательский интерфейс для ее исправления.
Как создать страницу 404?
Дизайн целевой страницы 404 должен быть простым и полезным. Вот четыре ключевых элемента дизайна, которые необходимо включить.
- Навигация по заголовку: позволяет пользователям находить контент и функции, которые они ищут.
- 404 заголовок ошибки: явно описывает тип ошибки, чтобы пользователи сразу знали, что произошло.
- Сообщение об ошибке: суммируйте ошибку в предложении.
К сожалению, с ошибкой 404 сложно определить, что пошло не так, кроме того, что страницы не существует. - Ссылки: ссылка или ссылки на странице с ошибкой 404 будут зависеть от вашего веб-сайта и контента. Например, страница ошибки 404 Google предоставляет одну ссылку на домашнюю страницу через логотип компании.
Издатель новостей BBC предлагает несколько вариантов:
- Специальная навигация по заголовкам с популярными категориями контента
- Ссылка на домашнюю страницу
- Окно поиска
Пользовательские страницы 404 Передовые практики
Предотвращение ошибок
Первым шагом должно быть предотвращение ошибок 404. Хотя почти невозможно контролировать человеческую ошибку — , то есть ввод неправильного адреса , — веб-мастера могут предпринять шаги, чтобы предотвратить появление 404.
Хотя некоторые из этих задач не входят в круг обязанностей дизайнера, как защитники пользовательского опыта, дизайнеры должны следить за тем, чтобы соответствующие группы отслеживали и устраняли эти проблемы.
- Неработающие внутренние ссылки — это ссылки с одной страницы на другую на вашем сайте, которые легко исправить и предотвратить ошибку 404. Регулярные UX-аудиты гарантируют, что эти неработающие ссылки будут идентифицированы и исправлены.
- Крайне важно использовать редиректы 301 при удалении страниц или изменении структуры URL. Эти перенаправления обеспечивают хороший пользовательский опыт и помогают с SEO.
- . Используйте такие инструменты, как Ahrefs, Ubersuggest и SEMRush, чтобы найти неработающие обратные ссылки и связаться с издателями, чтобы исправить ошибку — обычно ответственность SEO-менеджера.
Внедрение этих процессов предотвращения ошибок снизит вероятность возникновения ошибки 404, улучшив взаимодействие с посетителями вашего веб-сайта.
Будьте проще – «Не заставляйте меня думать»
404 страницы раздражают и разочаровывают, особенно если это контент, который вам нужен срочно. Дизайнеры должны избегать беспорядка, предоставляя пользователям самое быстрое решение, позволяющее двигаться дальше.
Вот два отличных примера от PayPal и YouTube.
Глобальный платежный гигант PayPal предлагает простую страницу 404, которую легко читать и понимать, не задумываясь. Верхний и нижний колонтитулы навигации видны над сгибом, что означает, что пользователи могут найти соответствующие ссылки без прокрутки.
YouTube выводит простоту дизайна на новый уровень на своей странице 404 с изображением обезьяны, кратким пояснением, логотипом (со ссылкой на главную страницу) и полем поиска.
В обоих примерах пользователям не нужно читать и обрабатывать то, что произошло; они могут просто двигаться дальше.
Противоположным этому примеру является HubSpot. Хотя мы любим продукты HubSpot, их страница 404 очень загружена и сбивает с толку. Там нет ссылки на 404 или ошибку; вы должны прочитать первые несколько строк текста, прежде чем понять, что происходит.
Поддержание согласованности бренда
404 Страницы должны поддерживать соответствие бренда и дизайна, чтобы пользователи знали, что они попали на нужный веб-сайт.
Обеспечение беспрепятственного взаимодействия с пользователем для решения проблемы поможет укрепить близость к бренду.
Один из лучших 404-страничных примеров, которые мы нашли, взят с сайта awwwards. Дизайнеры Awwwards создали красивую страницу 404 в 3D-стиле, которая выглядит фантастически и соответствует бренду — , демонстрируя лучший веб-дизайн .
Страница 404 Lego — еще один пример того, как дизайнеры совместили впечатления от бренда с юмором и ценностью для бизнеса. Эммет, персонаж Lego Movie, строитель, выглядит заинтересованным, а призыв к действию (CTA) звучит так: «Начать покупки» — отличная стратегия для электронной коммерции 404 страницы .
Используйте юмор с осторожностью
Проблема использования юмора в том, что он субъективен. То, что одному человеку покажется забавным, другому покажется раздражающим из-за страницы 404. Если вы собираетесь использовать юмор, убедитесь, что для его интерпретации не требуется слишком много чтения, иначе вы усугубите разочарование, особенно для пользователей с когнитивными нарушениями и нарушениями обучаемости.
Наша страница UXPin 404 отличается забавным дизайном и заголовком, но это явно ошибка 404, и мы предоставляем ярко-синюю кнопку, которая уводит пользователей в безопасное место.
404 на IMDB — еще один отличный пример фирменного юмора. На странице есть большой речевой пузырь с 404 ERROR, выделенный жирным шрифтом, и цитата из фильма, заменяющая ключевое слово на «страница».
В этом примере это «Я — пропавшая страница Джека» — цитата из блокбастера 1999 года «Бойцовский клуб» . Эта цитата каждый раз меняется, предоставляя пользователям ссылку на фильм.
Возможности для бизнеса и повышение конверсии
Дизайнеры могут использовать страницы 404 для продвижения продуктов или направления пользователей к возможностям получения дохода. Как и в случае с юмором, важно подходить к этой стратегии дизайна с осторожностью — должно быть ясно, что это страница 404, и вы не пытаетесь воспользоваться плохой ситуацией.
VPN-провайдер NordVPN предоставляет ссылки на свои планы и функции VPN.
Эта стратегия хорошо работает для NordVPN, потому что они продают только один продукт на этом веб-сайте, поэтому большинство посетителей хотят просматривать любую из этих страниц.
Приложение для повышения производительности Monday.com использует минимальный дизайн, состоящий из 404 страниц. Основной CTA в центре экрана помогает пользователям, направляя их на домашнюю страницу, а второй CTA ниже на экране побуждает посетителей попробовать продукт.
Разработка веб-сайтов и страниц ошибок с помощью большинства графических инструментов относительно проста, но получить точные результаты во время тестирования практически невозможно. Дизайнеры должны полагаться на внешние инструменты или поручить инженерам создавать прототипы на основе кода.
UXPin — это инструмент проектирования на основе кода, который позволяет дизайнерам достигать тех же результатов с прототипами, что и фронтенд-разработчики с кодом. Лучшая часть . Дизайнеры используют UXPin точно так же, как и любой популярный инструмент на основе изображений, и им не нужно писать ни одной строки кода.
Интерактивное прототипирование
Интерактивные прототипы UXPin реагируют на пользовательские триггеры, такие как щелчки, касания, пролистывания, прокрутки и т. д., предоставляя пользователям опыт работы с прототипом, неотличимый от конечного продукта.
UXPin также подключается к API через IFTTT, позволяя командам импортировать оперативные данные, отправлять электронные письма, синхронизировать календари, отправлять твиты или связываться с устройствами IoT из прототипа, созданного с помощью инструмента проектирования.
Эти интерактивные прототипы позволяют разработчикам расширить возможности прототипирования, тем самым решая больше проблем и выявляя больше возможностей для бизнеса.
Расширенные функции на основе кода
UXPin обладает четырьмя ключевыми функциями, которые отличают его от других популярных инструментов проектирования. Эти функции позволяют дизайнерам создавать сложные пользовательские интерфейсы и компоненты, которые выглядят и воспринимаются как конечный продукт.
- Состояния: позволяют разработчикам создавать несколько состояний для одного элемента пользовательского интерфейса и разрабатывать сложные интерактивные компоненты, такие как аккордеоны, карусели, степперы и многое другое.
- Переменные: собирайте данные из пользовательского ввода и создавайте персонализированный, динамичный пользовательский интерфейс, например приветственное сообщение, используя данные из поля имени в форме регистрации.
- выражений: функции, подобные Javascript, для создания сложных компонентов и расширенной функциональности — код не требуется!
- Условные взаимодействия: создайте условия «если-то» и «если-иначе» на основе взаимодействия с пользователем для создания динамических прототипов с несколькими результатами для точного воспроизведения конечного продукта.
С помощью усовершенствованных прототипов UXPin дизайнеры могут тестировать обработку ошибок форм, страницы ошибок и другие проблемы удобства использования в процессе проектирования, гарантируя пользователям правильную информацию для быстрого устранения проблем.
Начните разрабатывать лучшие веб-сайты и цифровые продукты с помощью единственного инструмента проектирования, созданного для точного создания прототипов и тестирования взаимодействия с пользователем. Изучите расширенные функции UXPin. Подпишитесь на бесплатную пробную версию.
Создавайте прототипы, которые будут такими же интерактивными, как и конечный продукт. Попробуйте UXPin
Нашли это полезным? Поделиться с
от UXPin 29 марта 2023 г.
UXPin — это веб-инструмент для совместной работы над дизайном. Мы рады поделиться своими знаниями здесь.
Как создать страницу 404?
Страница 404 — это пустая страница или неработающая ссылка.
Вы не хотите, чтобы посетители видели такую страницу. Вы ничего не можете сделать с неработающими ссылками, встроенными в ваш код, но вы можете воспользоваться страницами с ошибкой 404, чтобы побудить пользователей совершить конверсию. Хорошая страница 404 не обязательно должна быть скучной, общей ошибкой 404. Его можно использовать как возможность для брендинга и конверсии.
Разработка страницы 404, побуждающей пользователей вернуться на правильный путь, сложнее, чем вы думаете. Этот пост в блоге покажет вам, как создать страницу 404.
Что такое страница ошибки 404?
Страница ошибки 404 — это веб-страница, которая появляется, когда пользователь переходит на несуществующую страницу. Это также известно как ошибка «страница не найдена». Это может произойти по нескольким причинам, URL-адрес был введен неправильно или произошла ошибка сервера, на котором размещен ваш сайт. Содержимое было перемещено или удалено, но веб-адрес остался прежним. Файл может быть временно недоступен из-за технических проблем или работ по техническому обслуживанию с нашей стороны и т.
д.
Почему важна страница 404?
Если вы ищете простой способ улучшить взаимодействие с пользователем, обратите внимание на одну из самых игнорируемых страниц вашего сайта: страницу 404.
Страница 404 — это то, что люди видят, когда вводят несуществующий URL-адрес. Это важно, потому что это может помочь вам снизить показатель отказов и улучшить удержание клиентов, показывая посетителям, где они ошиблись в своем поиске, и помогая им понять, что они не виноваты в том, что не могут найти то, что хотят.
Как создать страницу 404?
404 страницы — отличный способ сообщить посетителям, что что-то пошло не так, и предложить им способ вернуться на правильный путь. Но как его спроектировать? Позвольте нам провести вас через эти девять простых пунктов, которые объяснят вам, как создать веб-страницу 404:
- Решите, какую страницу вы хотите создать
- Включите простое сообщение об ошибке 404
- Элементы дизайна должны Совпадение с остальной частью вашего веб-сайта
- Ссылка на разные страницы вашего веб-сайта
- Панели навигации
- Панели поиска
- Легкое прикосновение
- Будь проще
- Призыв к действию
Подробнее: Как создать веб-сайт за 15 шагов?
1) Решите, какую страницу вы хотите создать
Во-первых, вы должны решить, какую страницу 404 вы хотите создать.
Например, если ошибка была вызвана плохой ссылкой в электронном письме или сообщении в социальной сети, вероятно, лучше не создавать совершенно новую страницу для этой ситуации. Вместо этого измените ссылку в теле письма или публикации, чтобы она вела прямо на вашу главную страницу, а не перенаправляла пользователей в другие места на вашем сайте.
Если ошибка более серьезная, например, если кто-то неправильно набрал свой URL-адрес, вы можете создать специальную страницу, которая объясняет, что произошло, и предлагает варианты того, как это можно исправить. Это может включать ссылки на стандартные поисковые системы, такие как Google или Bing, чтобы они могли найти то, что ищут, быстрее, чем если бы они полагались только на ссылки на вашем веб-сайте. Если возможно, включите изображение того, что они искали, чтобы оно еще более четко выделялось на фоне другого текстового контента на этой странице.
2) Включите простое сообщение об ошибке 404
При разработке страницы 404 важно, чтобы она была простой.
Чем сложнее и запутаннее страница, тем больше вероятность того, что люди перейдут с вашего сайта, прежде чем понять, что происходит.
Лучшее, что вы можете сделать, это добавить простое сообщение об ошибке, в котором будет точно указано, что пошло не так и как это исправить. Если у вас есть время, вы можете добавить несколько ссылок, чтобы помочь им вернуться в нужное место.
3) Элементы дизайна должны соответствовать остальной части вашего веб-сайта
Как и на любой другой странице вашего веб-сайта, первый шаг — убедиться, что она соответствует остальной части вашего веб-сайта. Если вы хотите, чтобы ваша страница 404 была дружелюбной и гостеприимной, убедитесь, что это отражено в цветовой гамме и стиле вашего дизайна. Если вы хотите, чтобы он был более серьезным и профессиональным, выберите соответствующую цветовую гамму. Помните, что вам нужно убедиться, что любой стиль, который вы выберете, по-прежнему соответствует общему внешнему виду вашего сайта.
После того, как вы выбрали дизайн, подумайте, какая информация может быть полезна посетителям, которые попадают на эту страницу.
Может быть, они ищут адрес (который обычно можно найти в нижней части большинства веб-сайтов) или, может быть, они ищут контактную информацию (часто в разделе «Свяжитесь с нами»). Включите эти вещи, если они имеют отношение к вашему бизнесу; они могут помочь людям быстро найти то, что им нужно!
4) Ссылки на разные страницы вашего сайта
Ваши пользователи окажутся на вашей странице 404 по какой-то причине, и, скорее всего, не потому, что они ее ищут. Вероятно, они пытаются перейти к чему-то другому, и когда они нажимают на ссылку и оказываются на несуществующей странице, это то, что вам нужно сообщить в дизайне страницы 404.
Вы можете пойти одним из двух путей: с юмором или честностью. Юмор часто используется в маркетинговых текстах, но все же важно быть честным со своими пользователями. Не заставляйте их думать, что они все еще на правильном пути, написав забавное сообщение; вместо этого убедитесь, что они знают, что щелкнули неправильную ссылку и что их первоначальная цель осталась невыполненной.
Например: «Извините! Мы заблудились по дороге».
Или: «Страница, которую вы искали, не найдена».
5) Панели навигации
Страница 404 — это способ предоставить пользователям простой способ вернуться к страницам вашего сайта, которые они, возможно, намеревались посетить. Вы можете создать пользовательскую страницу 404 с любыми вариантами дизайна, но, по крайней мере, вы должны включить некоторые важные панели навигации вверху. Это позволит посетителям легко найти то, что они ищут на вашем сайте.
6) Панели поиска
Еще одна вещь, которую вы хотели бы сделать, это включить панель поиска в верхней части страницы 404, чтобы люди могли быстро понять, что они ищут. Если они не увидят то, что хотят сразу, они воспользуются этой строкой поиска и найдут то, что ищут, за считанные секунды. Если вы используете сайт электронной коммерции или блог, вы также захотите включить ссылки на популярные продукты или публикации на своем сайте, чтобы посетители не ушли с пустыми руками.
7) Легкое прикосновение
Во-первых, будьте краткими. Вы не хотите, чтобы ваши пользователи читали развернутое эссе о том, почему они видят эту страницу или что им делать дальше. Вам нужно только включить простое сообщение на странице 404, которое говорит: «Ой! Мы не смогли найти страницу, которую вы искали. Попробуйте поискать здесь».
Во-вторых, быть полезным. Скажите им, что они должны делать дальше, например, сообщите им, куда идти на сайте или дайте им ссылку для поиска контента, который они ищут, но не заставляйте их переходить для этого через другой веб-сайт или приложение.
8) Будьте проще
Самое главное при разработке страницы 404 — убедиться, что она не выглядит так, будто вы слишком стараетесь. Он должен выглядеть как любая другая часть вашего веб-сайта, за исключением того, что вы захотите включить сообщение, объясняющее, что произошло, и направляющее пользователей обратно на домашнюю страницу. Важно быть кратким, чтобы не расстраивать пользователей, заставляя их читать многословные объяснения.
Помните, что это может быть отличным поводом для юмора, если вы этого хотите!
9) Призыв к действию
Еще один шаг — включить призыв к действию, который говорит им, куда им следует идти вместо этого. В этом случае мы могли бы сказать: «Привет! Вы попали на нашу страницу 404. Мы сожалеем об этом! Если вы нажмете здесь, вы сможете найти то, что ищете». Вы также можете включить в свой текст несколько полезных ссылок. Например: «Вот некоторые другие страницы на нашем сайте, которые могут помочь» и включите их ссылки.
Каковы преимущества страницы 404?
Страница 404 — это страница, которая появляется, когда пользователь пытается получить доступ к ссылке, к которой у него нет доступа. Страницу 404 также называют «ошибка не найдена» или «страница не найдена». Пользователям может быть неприятно видеть сообщение об ошибке, когда они нажимают на ссылку, поэтому жизненно важно убедиться, что на вашем веб-сайте есть хорошая страница 404.
Вот некоторые из преимуществ наличия отличной страницы 404:
- Обслуживание пользователей
- Пользователи могут получить соответствующую информацию
- Увеличивает коэффициент конверсии для вашего веб-сайта
1) Обслуживание пользователей
Это говорит о том, что вы заботитесь о своих пользователях.
Если вы потратите время на создание качественной страницы 404, это покажет, что вы заботитесь о своих клиентах и хотите, чтобы им было легко пользоваться вашим сайтом.
2) Пользователи могут получить соответствующую информацию
Сообщает пользователям, что произошло и как они могут это исправить. Хорошая страница 404 объяснит, почему произошла ошибка, и предложит, как пользователь может вернуться в нужное русло, нажав на другие ссылки на вашем сайте или снова выполнив поиск того, что он искал, с помощью Google или другой поисковой системы.
3) Повышает коэффициент конверсии для вашего веб-сайта
Помогает повысить коэффициент конверсии, поскольку посетители больше доверяют вашему бренду, если видят, что вы потратили время на создание чего-то уникального для них.
404 Страница: Как удержать посетителей на сайте?
Страница 404 — это способ обработки веб-сайтом ошибок, когда вы пытаетесь получить доступ к несуществующей странице. Это также отличная возможность удержать людей на вашем сайте, что может стать проблемой, если они ищут что-то, чего там нет.
Лучший способ справиться с этой ситуацией — дружелюбно, объяснить, что произошло, и дать несколько советов о том, что они могут делать дальше.
Для многих людей страница 404 — это первое впечатление о вашем сайте.
Итак, чтобы удержать посетителей на сайте и не заставить их уйти, важно правильно оформить страницу 404. Вот несколько простых шагов для этого.
Шаг 1. Не паникуйте
Прежде всего, не паникуйте! Если ваш посетитель получит ошибку 404, надежда еще есть; они могут еще не осознавать этого. Вот здесь и приходите на помощь: мягко дайте им понять, что что-то работает не так, как ожидалось, но не заставляйте их чувствовать, что весь их день был испорчен.
Шаг 2. Объясните, что пошло не так
Объясните, что пошло не так, понятным языком, понятным каждому (не переусердствуйте с техническими терминами). Ничего страшного, если это будет длиннее одного предложения; люди обычно читают весь текст на веб-странице, прежде чем решить, хотят ли они продолжать ее чтение.
Предоставьте им два варианта: нажмите здесь, чтобы вернуться на домашнюю страницу, или повторите поиск того, что они искали, с помощью нашей поисковой системы (если она у вас есть).
Шаг 3. Опишите проблему
У всех такое было: переходишь по ссылке, а страница не загружается. Вместо этого вас встречает бесполезное сообщение об ошибке.
Это может быть невероятно неприятно для пользователей, которые часто задаются вопросом, что произошло и почему они видят эту странную страницу вместо того, что ожидали. Еще более неприятно, когда пользователь нажимает на другую ссылку и снова получает то же сообщение об ошибке!
Вот почему так важно разработать страницу 404, которая поможет посетителям понять, что произошло, когда они щелкнули неработающую ссылку, и даст им возможность как можно быстрее вернуться на правильный путь.
Шаг 4. Говорите простыми словами
Это особенно важно, если у вас есть сайт электронной коммерции или что-то еще, где пользователи пытаются быстро вернуться домой после нажатия на неправильную ссылку или ввода неверного URL-адреса (что происходит во всех случаях).
время). Вы не хотите, чтобы они уходили, потому что они не могут вас понять. Так что попробуйте говорить простыми словами.
Шаг 5. Предоставление ресурсов для помощи в решении проблемы
Убедитесь, что пользователи, перешедшие на эту страницу, могут легко найти то, что ищут, и вернуться на правильный путь. Если кто-то попадает на вашу страницу 404, потому что он щелкнул ссылку в электронном или текстовом сообщении, убедитесь, что у него есть возможность щелкнуть и найти реальную вещь. Если кто-то попадает сюда случайно, убедитесь, что у вас есть способ связаться со службой поддержки, чтобы они могли выяснить, как они сюда попали (и, возможно, даже как они могут избежать этого снова).
Не делайте его слишком длинным или слишком скучным! Люди, пришедшие из Google, могут просто оглядываться вокруг Google, не отправляйте их обратно в пустоту без какой-либо информации об их ошибке или о том, почему они оказались здесь.
Шаг 6: Поддерживайте текущий дизайн вашего веб-сайта
404 Страницы — необходимое зло, но они не должны быть кошмаром для ваших посетителей.
Первое, что вам нужно сделать, это сохранить текущий дизайн вашего сайта. Это поможет удержать посетителя на вашем сайте, а не отправлять его обратно на страницу результатов поиска или на другой сайт.
Затем убедитесь, что у вас есть привлекательная и информативная страница 404, которая сообщает посетителям, что они найдут, если перейдут по ней. Цель состоит в том, чтобы вернуть людей, перешедших по неработающей ссылке, на ваш сайт и заинтересовавшихся тем, что там есть. Не забывайте: ничего из этого не будет работать, если у вас нет доступной страницы 404!
Подробнее: Различные типы дизайна веб-сайтов и их основные функции
Шаг 7. Исправление ошибочных ссылок
Чтобы посетители оставались на сайте, вам нужно сделать так, чтобы им было как можно проще найти то, что им нужно. И один из лучших способов сделать это — исправить ошибочные ссылки.
Это означает, что вы должны регулярно проверять каждую страницу своего сайта и убедиться, что все ссылки работают правильно.
Если есть неработающие ссылки, исправьте их как можно скорее. В противном случае посетители вашего сайта могут разочароваться и уйти до того, как найдут то, что ищут.
Шаг 8. Рассматривайте ошибку пользователя как возможность для UX
Отличный способ начать разработку более полезной страницы 404 — рассматривать ошибку пользователя как возможность для UX. Если пользователь видит эту страницу, это потому, что он пытался зайти на несуществующий сайт вашего сайта, так почему бы не упростить для него поиск того, что он искал?
Рассмотрите возможность использования аналитических данных для определения наиболее часто встречающихся ошибок пользователей на вашем сайте (вы также можете использовать тепловые карты, если у вас есть к ним доступ). Используйте эти идеи, чтобы создать список возможных улучшений или дополнений к структуре вашего сайта. Включите ссылки на популярные страницы сайта, чтобы посетители могли легко вернуться домой.
Подробнее: 21 закон UX для создания успешных дизайнов
Шаг 9: Избавьтесь от беспорядка, чтобы повысить уровень успеха пользователей
Страница 404 — деликатная тема.
Нехорошо держать пользователей на сайте, но также нехорошо показывать им сообщение об ошибке и отсылать их прочь.
Так что же делать?
Ответ прост: уменьшите беспорядок и повысьте вероятность успеха пользователя.
Другими словами, убедитесь, что когда пользователь попадает на страницу 404, он может быстро уйти с нее. Не заставляйте их охотиться за ссылками или кнопками; убедитесь, что все находится там, где оно должно быть.
Примеры отличных страниц с ошибкой 404
Страница с ошибкой 404 — отличное место, чтобы напомнить пользователям, что ваш сайт по-прежнему актуален и что им еще есть что предложить. Это также отличная возможность выделить другой контент или продукты, которые могут иметь отношение к их поиску.
Лучший способ создать страницу 404 — сделать ее простой и получать от нее удовольствие. Вот несколько примеров страниц 404, которые помогут вам создать свою:
Adobe При нажатии на ссылку на продукт или услугу Adobe, которая не найдена, вам будет представлена эта страница.
Так что же делает Adobe? Они дружелюбно приветствуют их: «Это неизведанные воды». со ссылками на другие части сайта и возможностью поиска того, что они ищут. Это просто, но это работает!
Страница 404 Mailchimp — это удивительно симпатичный и удобный способ справиться с ошибкой.
При нажатии на ссылку с надписью «Мы потеряли эту страницу» с некоторой дополнительной информацией. На главной странице сайта вы попадете на страницу с изображением лошади (или осла, мы еще разбираемся).
Остальная часть страницы будет содержать ссылку на домашнюю страницу Mailchimp.
PixarСтраница Pixar 404 — это дружелюбное сочетание веселья и полезности. Это заставит вас улыбнуться.
Страница Pixar 404 содержит анимированный шаблон страницы 404 плачущего персонажа из их фильма. Он включает в себя текст ошибки, который гласит: «Оооо… не плачь». Идея заключается в том, чтобы дать пользователям почувствовать, что они не одиноки в своем разочаровании, когда они застревают на странице с ошибкой, и дать им понять, что Pixar понимает, насколько неприятным может быть отсутствие ссылки.
LEGO
Раздел LEGO 404 — это место, где пользователи могут получить помощь, если у них возникнут проблемы с сайтом. Это также шанс для LEGO продемонстрировать свое чувство юмора и креативность, используя Эммета, главного героя из серии «Лего Фильм», в качестве лица сайта.
Несмотря на то, что это не типичная страница 404, ей все же удается заинтересовать своих посетителей чем-то забавным и причудливым.
GitHubСообщение об ошибке «Это не та веб-страница, которую вы ищете» отображается вместе с изображением «Звездных войн» на странице 404 для веб-сайта хостинга и разработки GitHub, чтобы привлечь его технически подкованную аудиторию. .
Marvel
Страница Marvel 404 — одна из самых интересных веб-страниц в Интернете. Это весело и интерактивно, и оно было создано теми же людьми, которые принесли вам все эти замечательные комиксы Marvel!
Страница 404 имеет несколько вариаций, основанных на известных персонажах или комиксах бренда.
Например, вы также можете увидеть появление комического персонажа и сказать что-то вроде: «Даже глаз Уату не видит вашего запроса…»
Итог
Мы надеемся, что этот пост помог пролить свет на то, как вы можете создать 404 страницы, делая их более функциональными, простыми в использовании и более эстетичными. Мы призываем вас пробовать новые техники, получать от них удовольствие и продолжать экспериментировать! Проявив немного творчества и экспериментов, вы можете легко создать персонализированную страницу 404, которая понравится вашим посетителям.
За последний год или около того мы стали замечать, что все больше и больше компаний и веб-сайтов создают свои собственные уникальные страницы 404. Они перепробовали все, от забавных до глупых (хотя все равно довольно крутых), что, на наш взгляд, является отличной тенденцией. Мы рекомендуем вам попробовать разные подходы к дизайну страницы 404, будь то одностраничный или многостраничный дизайн. Просто убедитесь, что посетителям понятно, в чем заключается проблема: «Не найдено», «Страница не найдена», «Ошибка 404» и т.
