Примеры 404 страница: 27 примеров проработанной страницы 404 — Дизайн на vc.ru

Страница 404 ошибки — как сделать, примеры красивых дизайнов

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

Ошибка 404 страница не найдена (404 page not found) — это такой код ответ сервера, который был принят консорциумом W3C в 1992 году. Клиент (браузер) отправляет запрос серверу через протокол HTTP. А сервер этот запрос обрабатывает и выдает ответ 404.

Что означают эти цифры:

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

Вторые две цифры (0 и 4) означают именно ошибку “Не найдено”, которая относится к группе ошибок 4xx, например, 403 Forbidden (доступ запрещен), 400 Bad Request (неправильный запрос), 401 Unauthorized (не авторизовано) и другие.

Причины, почему возникает страница 404 ошибки:

• У страницы сменился url адрес
• Страница вообще была удалена с сайта
• Пользователь написал адрес с ошибкой
• Сайт недоступен в данный момент
• Сайт вообще больше не работает
• Некачественное интернет соединение

Содержание:

• 1 Страница 404 и SEO
• 2 Правильная страница ошибки
• 3 Несколько примеров

Страница 404 и SEO

Для SEO продвижения сайта важно, чтобы на сайте не было внутренних ссылок на 404 страницы, то есть так называемых битых ссылок. Проверяется это с помощью разных сервисов и программ, самой популярной из которых является программа Xenu’s Link.

Смотрите видео, как пользоваться программой:

Просто загоняете адрес сайта в программу и она находит внутренние битые ссылки на сайте.

В конце краулинга прога формирует отчет, где можно увидеть, есть ли на сайте битые ссылки или нет.

Если на сайте есть такие ссылки (404 ошибка, страница не найдена), то нужно их исправить. Если возможно, то вручную, например, поменять старый неправильный url на новый правильный. Или если страницы нет и она не нужна, то просто удалить с сайта внутреннюю ссылку на нее.

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

Правильная страница ошибки

Рекомендации, как сделать правильную 404 страницу для сайта:

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

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

Если же страницы нет, то можно создать ее самостоятельно. Делается это очень просто: в корневом каталоге сайта находите файл .htaccess (если его нет, то нужно создать, просто блокнот файл). Открываете этот .htaccess и в любом месте прописываете с новой строки:

ErrorDocument 404 http://ВАШ_САЙТ/404.php

Теперь и на вашем сайте есть 404 страница.

Несколько примеров

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

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

Ну и напоследок посмотрите мое подробное видео про страницу 404:

P.S. Если вам понравилась статья, то поделитесь ею в социальных сетях, пишите ваши вопросы или комментарии ниже.

Лучшие примеры страницы 404 | Как сделать страницу об ошибке интересной и функциональной?

1. ОПРЕДЕЛЕНИЕ ТЕРМИНОВ

1.1. В настоящей Политике конфиденциальности используются следующие термины:

1.1.1. «Администрация сайта» – уполномоченные сотрудники на управления сайтом, действующие от имени ООО «Третий Путь», которые организуют и (или) осуществляет обработку персональных данных, а также определяет цели обработки персональных данных, состав персональных данных, подлежащих обработке, действия (операции), совершаемые с персональными данными.

1.1.2. «Персональные данные» — любая информация, относящаяся прямо или косвенно к определяемому физическому лицу (субъекту персональных данных).

1.1.3. «Обработка персональных данных» — любое действие (операция) или совокупность действий (операций), совершаемых с использованием средств автоматизации или без использования таких средств с персональными данными, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных.

1.1.4. «Конфиденциальность персональных данных» — обязательное для соблюдения Организацией или иным получившим доступ к персональным данным лицом требование не допускать их распространения без согласия субъекта персональных данных или наличия иного законного основания.

1.1.5. «Пользователь сайта (далее Пользователь)» – лицо, имеющее доступ к Сайту, посредством сети Интернет и использующее Сайт Организации.

1.1.6. «IP-адрес» — уникальный сетевой адрес узла в компьютерной сети, построенной по протоколу IP.

1.1.7. «Cookies» — небольшой фрагмент данных, отправленный веб-сервером и хранимый на компьютере пользователя, который веб-клиент или веб-браузер каждый раз пересылает веб-серверу в HTTP-запросе при попытке открыть страницу соответствующего сайта.

2. ОБЩИЕ ПОЛОЖЕНИЯ

2.1. Порядок ввода в действие и изменения Политики конфиденциальности:

2.1.1. Настоящая Политика конфиденциальности (далее – Политика конфиденциальности) вступает в силу с момента его утверждения приказом Руководителей Организации и действует бессрочно, до замены его новой Политикой конфиденциальности.

2.1.2. Изменения в Политику конфиденциальности вносятся на основании Приказов Руководителей Организации.

2.1.3. Политика конфиденциальности персональных данных действует в отношении информации, которую ООО «Третий Путь» (далее – Организация) являясь владельцем сайтов, находящихся по адресам: 3put.

ru, а также их поддоменах (далее – Сайт и/или Сайты), может получить от Пользователя Сайта при заполнении Пользователем любой формы на Сайте Организации. Администрация сайта не контролирует и не несет ответственность за сайты третьих лиц, на которые Пользователь может перейти по ссылкам, доступным на Сайтах.

2.1.4. Администрация сайта не проверяет достоверность персональных данных, предоставляемых Пользователем.

2.2. Порядок получения согласия на обработку персональных данных и их обработки:

2.2.1. Заполнение любой формы Пользователем на Сайте означает дачу Организации согласия на обработку его персональных данных и с настоящей Политикой конфиденциальности и условиями обработки персональных данных Пользователя, так как заполнение формы на Сайте Пользователем означает конклюдентное действие Пользователя, выражающее его волю и согласие на обработку его персональных данных.

2.2.2. В случае несогласия с условиями Политики конфиденциальности и отзывом согласия на обработку персональных данных Пользователь должен направить на адрес эл.

почты и/или на почтовый адрес Организации заявление об отзыве согласия на обработку персональных данных.

2.2.3. Согласие Пользователя на использование его персональных данных может храниться в Организации в бумажном и/или электронном виде.

2.2.4. Согласие Пользователя на обработку персональных данных действует в течение 5 лет с даты поступления персональных данных в Организацию. По истечении указанного срока действие согласия считается продленным на каждые следующие пять лет при отсутствии сведений о его отзыве.

2.2.5. Обработка персональных данных Пользователя без их согласия осуществляется в следующих случаях:

• Персональные данные являются общедоступными.
• По требованию полномочных государственных органов в случаях, предусмотренных федеральным законом.
• Обработка персональных данных осуществляется для статистических целей при условии обязательного обезличивания персональных данных.
• В иных случаях, предусмотренных законом.

2.2.6. Кроме персональных данных при посещении Сайта собираются данные, не являющиеся персональными, так как их сбор происходит автоматически веб-сервером, на котором расположен сайт, средствами CMS (системы управления сайтом), скриптами сторонних организаций, установленными на сайте. К данным, собираемым автоматически, относятся: IP адрес и страна его регистрации, имя домена, с которого Пользователь осуществил перехода на сайты организации, переходы посетителей с одной страницы сайта на другую, информация, которую браузер Посетителя предоставляет добровольно при посещении сайта, cookies (куки), фиксируются посещения, иные данные, собираемые счетчиками аналитики сторонних организаций, установленными на сайте. Эти данные носят неперсонифицированный характер и направлены на улучшение обслуживания Пользователя, улучшения удобства использования сайта, анализа посещаемости.

Эти данные собираются автоматически, отправку этих данных Пользователь может запретить, отключив cookies (куки) в браузере, в котором открывается сайт.

2.2.7. Порядок обработки персональных данных:

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

3. ПРЕДМЕТ ПОЛИТИКИ КОНФИДЕНЦИАЛЬНОСТИ

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

3.2. Персональные данные, разрешённые к обработке в рамках настоящей Политики конфиденциальности, предоставляются Пользователем путём заполнения регистрационной формы на Сайте и включают в себя следующую информацию:

3.2.1. фамилию, имя, отчество Пользователя.

3.2.2. контактный телефон Пользователя.

3.2.3. адрес электронной почты (e-mail).

3.3. Любая иная персональная информация неоговоренная выше подлежит надежному хранению и нераспространению, за исключением случаев, предусмотренных п. 2.5. настоящей Политики конфиденциальности.

4. ЦЕЛИ СБОРА ПЕРСОНАЛЬНОЙ ИНФОРМАЦИИ ПОЛЬЗОВАТЕЛЯ

4.1. Персональные данные Пользователя Администрация сайта может использовать в целях:

4.1.1. Установления с Пользователем обратной связи, включая направление уведомлений, запросов, касающихся использования Сайта, оказания услуг, обработка запросов и заявок от Пользователя.

4.1.2. Осуществления рекламной деятельности с согласия Пользователя.

4.1.3. Регистрации Пользователя на Сайтах Организации для получения индивидуальных сервисов и услуг.

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

5. СПОСОБЫ И СРОКИ ОБРАБОТКИ ПЕРСОНАЛЬНОЙ ИНФОРМАЦИИ

5.1. Обработка персональных данных Пользователя осуществляется без ограничения срока, любым законным способом, в том числе в информационных системах персональных данных с использованием средств автоматизации или без использования таких средств.

5.2. При утрате или разглашении персональных данных Администрация сайта информирует Пользователя об утрате или разглашении персональных данных.

5.3. Администрация сайта принимает необходимые организационные и технические меры для защиты персональной информации Пользователя от неправомерного или случайного доступа, уничтожения, изменения, блокирования, копирования, распространения, а также от иных неправомерных действий третьих лиц.

6. ОБЯЗАТЕЛЬСТВА СТОРОН

6.1. Пользователь обязан:

6.1.1. Предоставить информацию о персональных данных, необходимую для пользования Сайтом.

6.1.2. Обновить, дополнить предоставленную информацию о персональных данных в случае изменения данной информации.

6.2. Администрация сайта обязана:

6.2.1. Использовать полученную информацию исключительно для целей, указанных в п. 4 настоящей Политики конфиденциальности.

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

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

6.2.4. Осуществить блокирование и/или удаления персональных данных, относящихся к соответствующему Пользователю, с момента обращения или запроса Пользователя или его законного представителя либо уполномоченного органа по защите прав субъектов персональных.

7. ОТВЕТСТВЕННОСТЬ СТОРОН

7.1. Администрация сайта, не исполнившая свои обязательства, несёт ответственность в соответствии с действующим законодательством Российской Федерации, за исключением случаев, предусмотренных п.2.5. и 7.2. настоящей Политики

Конфиденциальности.

7.2. В случае утраты или разглашения Конфиденциальной информации Администрация сайта не несёт ответственность, если данная конфиденциальная информация:

7.2.1. Стала публичным достоянием до её утраты или разглашения.

7.2.2. Была получена от третьей стороны до момента её получения Администрацией сайта.

7.2.3. Была разглашена с согласия Пользователя.

8. РАЗРЕШЕНИЕ СПОРОВ

8. 1. До обращения в суд с иском по спорам, возникающим из отношений между Пользователем сайта и Администрацией сайта, обязательным является предъявление претензии (письменного предложения о добровольном урегулировании спора).

8.2. Получатель претензии в течение 30 календарных дней со дня получения претензии, письменно уведомляет заявителя претензии о результатах рассмотрения претензии.

8.3. При не достижении соглашения спор будет передан на рассмотрение в судебный орган в соответствии с действующим законодательством Российской Федерации.

8.4. К настоящей Политике конфиденциальности и отношениям между Пользователем и Администрацией сайта применяется действующее законодательство Российской Федерации.

9. ДОПОЛНИТЕЛЬНЫЕ УСЛОВИЯ

9.1. Администрация сайта вправе вносить изменения в настоящую Политику конфиденциальности без согласия Пользователя.

9.2. Новая Политика конфиденциальности вступает в силу с момента ее размещения на Сайте, если иное не предусмотрено новой редакцией Политики конфиденциальности.

9.3. Действующая Политика конфиденциальности размещена на страницах сайтов находящихся по адресам: 3put.ru, а также на их поддоменах.

Что такое страница 404 и как ее правильно оформить

9 мин — время чтения

Дек 24, 2020

Поделиться

Если пользователь пытается загрузить в браузере несуществующий URL-адрес, появляется страница 404. Ее задача — сообщить пользователю, что такой страницы на сайте нет. 

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

Почему пользователи видят страницу 404

Свое название страница 404 получила от кода ответа сервера 404 — он означает, что сервер ничего не нашел по указанному адресу. 

В такой ситуации пользователь может увидеть одно из стандартных сообщений:

• 404 Not Found
• 404 Error
• HTTP 404 Not Found
• The page cannot be found
• The requested URL was not found on this server

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

• На ваш сайт поставлена некорректная ссылка с другого сайта. Например, страница с тарифами на нашем сайте имеет вид https://seranking.com/ru/oplata-za-proverku.html. Допустим, «u» в адресе страницы заменили на «y» — ссылка будет указывать на несуществующую страницу https://seranking.com/ru/oplata-za-proverky.html 
• На вашем сайте стоит некорректная внутренняя ссылка. Например, вебмастер или контент-менеджер допустили ошибку и забыли указать .html в конце URL-адреса https://seranking.com/ru/oplata-za-proverku.html. В результате перейдя по ссылке https://seranking.com/ru/oplata-za-proverku, пользователь увидит страницу 404.
• Пользователь может сам некорректно ввести URL в адресную строку браузера.
• Иногда контент запрашиваемой страницы могут по какой-либо причине скрывать от пользователей и перенаправлять их на 404 страницу.
• Наконец, бывает, что страница с таким адресом существовала, но вы в какой-то момент ее удалили. При этом пользователь пытается открыть страницу, например, из закладок браузера или по ссылке с другого сайта. Появление таких страниц — естественный процесс в жизни сайта, хоть их наличие и нежелательно. Найти 404 страницы можно в процессе аудита сайта.

С пониманием причин, по которым пользователь может увидеть вашу страницу 404, перед вебмастером стоит две задачи:

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

Хорошая и плохая страница 404

Попадание пользователей на несуществующею страницу и взаимодействие с ней неизбежно. Наша задача — сделать этот процесс максимально комфортным и полезным для посетителя сайта. 

Для начала взглянем на рекомендации Google для страниц 404: 

• Пользователям должно быть понятно, что запрашиваемая страница недоступна. Сообщите им об этом в вежливой форме.
• Страница 404 должна быть выполнена в том же стиле (включая средства навигации), что и основной сайт.
• Также мы рекомендуем разместить на ней ссылки на самые популярные статьи или разделы комментариев, а также на главную страницу.
• Дайте пользователям возможность сообщать о неработающих ссылках.
• Даже если ваша страница 404 привлекательна и удобна, вы вряд ли захотите, чтобы она отображалась в результатах поиска Google. Убедитесь в том, что при запросе несуществующей страницы ваш веб-сервер возвращает действительный код статуса HTTP 404. Это необходимо, чтобы исключить индексирование страницы 404 поисковыми системами, например Google.

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

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

Наконец, подобная ситуация идет вразрез со всеми рекомендациями Google. Ведь если пользователю понятно, что страница не найдена, никаких дальнейших действий он выполнить не может. Поэтому ваша задача — сделать все, чтобы пользователь ошибался красиво 🙂

Какой должна быть хорошая страница 404?

Что же из себя представляет хорошая страница 404? Именно то, что процитировано в справке поисковика.  

1. Страницу 404 нужно выполнить в общем дизайне сайта: она не должна отличаться ничем, кроме контента. Это логично, ведь контента на странице нет, вернее он является уведомлением пользователю о том, что страницы не существует. Так у пользователя не будет складываться ощущение, что он попал на другой сайт. Он будет по-прежнему видеть привычные цвета, логотип, шапку сайта и навигацию.

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

3. Добавьте на страницу строку поиска по сайту. Возможно, уточнив свой запрос, посетитель найдет именно то, что ему нужно.

4. Предоставьте форму обратной связи, чтобы пользователь мог написать вам о своей проблеме и указать на неработающую ссылку. Таким образом вы установите контакт с пользователем, покажете свою заботу о качестве сайта и, возможно, найдете скрытые проблемы.

5. Следите за тем, чтобы страница не содержала прокруток. Весь контент должен умещаться на одном экране. 

6. Если проблема может возникнуть из-за необходимости авторизоваться на сайте, на странице обязательно должна быть форма для авторизации. 

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

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

Ошибки при создании страницы 404

Кроме плохой информированности страницы 404 нужно помнить и о других проблемах.

Перенаправление на главную

Страница 404 это страница 404 🙂 Никаких перенаправлений с нее быть не должно, за исключением случаев, описанных ниже. Поисковый робот должен четко понимать, что страница не найдена (в случае ответа 404) либо удалена (в случае ответа 410). Больше про ответы сервера в технической документации — https://developer.mozilla.org/ru/docs/Web/HTTP/Status. 

Таким образом, когда вы перенаправляете бота на главную страницу, вы вводите его в заблуждение. Не рекомендует так делать и сотрудник Google Джон Мюллер:

Несмотря на это, для WordPress существую специальные плагины, которые перенаправляют несуществующие страницы на главную.  Мы настоятельно не рекомендуем их использовать. 

Единственный случай, когда перенаправления с несуществующей страницы оправдано — это перенаправление на другую аналогичную страницу, которая решает те же задачи пользователя. 

Ответ сервера, отличный от 404

Выше в статье мы цитировали справку Google, где было прямо сказано, что для несуществующей страницы ответ сервера всегда должен быть 404. Часто встречается ошибка, когда страница 404 выполнена по всем правилам, но ответ сервера — 200 либо другой. 

Это в корне неверно, так как приводит к ряду проблем:

• ответ сервера 200 позволяет роботам просканировать и проиндексировать страницу, если не существует других запретов; 
• вместо сообщения о том, что страница не существует, она будет обработана.

Поэтому вы должны проконтролировать ответ сервера — сделать это можно, например, с помощью инструмента SE Ranking «Аудит сайта». В разделе «Отчет об ошибках» вы увидите, сколько страниц на вашем сайте отдают код ответа 404, а во вкладке «Просканированные страницы» вы сможете отфильтровать данные по коду ответа сервера.

Возвращаясь к кодам ответа севера, важно понимать следующее:

• При использовании ответа сервера 404 поисковый бот еще некоторое время будет посещать страницу в надежде на то, что она вернулась и код ответа 404 был получен случайно — ведь в жизни сайта случается всякое. Но через время он поймет, что страницы не существует, и она будет удалена из индекса.
• При использовании ответа сервера 410 страница будет удалена быстрее. Хотя обычно вебмастера не сильно переживают по этому поводу и используют 404 код.
• Ответ сервера 200, как писалось выше, не решает задачу сообщить боту, что страницы больше нет. Ведь ответ сервера 200 — это ответ существующих страниц сайта.  
• В случае когда страница отдает ответ сервера 200, но на самом деле страницы не существует, могут появляться Soft 404 ошибки. Больше про Soft 404 описано в справке Google. А здесь сотрудник Google John Mueller также комментирует возможные ситуации, при которых появляется Soft 404.
• Ответ сервера 301 используется в случае перенаправления несуществующего URL-адреса на другой URL.

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

185 views

10 примеров пользовательских страниц 404, ранжированных от лучших к худшим | by Tia Peterson

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

Что хорошо, что плохо, а что не впечатляет: давайте рассмотрим пользовательские 404 страницы популярных веб-сайтов.

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

Лучшие в сети предвидят, что это произойдет, и пользуются этим, создавая оптимальный пользовательский опыт из плохих.

Я провел случайную прогулку по Интернету, чтобы найти примеры страниц с ошибкой 404, которые либо хорошо работали, либо плохо работали, либо впечатляли или не впечатляли иным образом.

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

Пользовательская страница 404 Medium.com

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

Что работает

• Ясность . Четкое сообщение об ошибке объясняет, что произошло и почему посетитель видит страницу.
• Следующий шаг . Существует очевидный и огромный призыв к Search Medium, чтобы исправить ситуацию.
• Эмпатия . Команда пошла дальше следующего шага, чтобы сопереживать посетителю и глубже погрузить его в некоторые статьи, дополненные интересными миниатюрами. Это единственный из десяти случайных, кто даже пытался сочувствовать.
• Нет места лучше дома . Они включали явную ссылку на домашнюю страницу.

Что не работает

• Дизайн CTA для поиска Medium приглушен и исчезает, сводя на нет тот факт, что типографика такая большая. Я бы использовал более заметную основную кнопку Medium для поиска вместо этой приглушенной кнопки с контуром, которая обычно используется для обозначения того, что что-то неактивно.

Пользовательская страница 404 Whitehouse.gov

Вполне естественно, что веб-сайт с более чем 31 000 ссылающихся сайтов¹ должен иметь полезную страницу 404, и Whitehouse. gov не разочаровал.

Что работает

• Ясность . Это объясняет, что происходит, в том числе уникальные ситуации, в которых находятся администрации исполнительной власти США. У большинства других сайтов не будет архивов только потому, что они меняют руководство каждые 4–8 лет, как, например, Whitehouse.gov. Это объяснение страницы 404 дает понять, что введенный URL-адрес мог существовать когда-то и был законно перемещен.
• Руководство . Есть кнопка для перехода к упомянутым выше архивам.
• Дизайн . Он фирменный и чистый.

Что не работает

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

Пользовательская страница 404 Fiverr

Хорошо, Fiverr. Дай пять для удовольствия.

Что работает

• Это смешно — или, по крайней мере, смешно. Может быть, смешно, — это с натяжкой. Это, безусловно, вызывает удивление.
• Следующий шаг . Он ориентирован на конкретный следующий шаг, который заключается в поиске услуги.
• Повышает трафик . У команды была блестящая идея помочь людям в их поиске, выделив некоторые из наиболее популярных сервисов. Это приводит к качественному трафику на сайт и одновременно помогает выявить намерения.

Что не работает

• Я бы предпочел видеть 404 в тексте, а не в изображении. Всем, включая скринридеров, должно быть ясно, что произошло.
• Общая функциональность 404 плохая. На самом деле довольно сложно получить страницу 404 на Fiverr, потому что страницы услуг и продавцов имеют URL-адреса верхнего уровня, и они приходят и уходят, когда им заблагорассудится, создавая пустоту.
• Кроме того, очень распространенные орфографические ошибки на важных страницах не имеют надлежащих перенаправлений, а также не вызывают ошибку 404. Например, /login — это реальный URL-адрес для входа, но если вы ввели /loginn, вы не получите ошибку 404, и вы не получить страницу входа. Вы получаете страницу, которая говорит, что страница больше не существует. Что странно и, надеюсь, не преднамеренно. Ты можешь это исправить, Fiverr!

Пользовательская страница 404 Amazon.com

Я хотел бы полюбить страницу 404 Amazon, но не люблю. Я понимаю, собаки милые. Но ошибки 404 — это важный бизнес, а Amazon — огромный сайт с множеством проблем с навигацией. Они упускают возможность здесь.

Тем не менее, достоинство этой страницы 404 в том, что она краткая и (в основном) полезная.

Что работает

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

Что не работает

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

Пользовательская страница 404 CUNY

Знаете ли вы?

CUNY (Городской университет Нью-Йорка) насчитывает более 250 000 студентов. Это один из крупнейших университетов мира. И вы можете поспорить, что это связано с ТОННОЙ веб-трафика. Им абсолютно необходим пользовательский 404!

И у них есть один. Это не супер, но и не зверски. Спуск начинается с №5.

Что работает

• Ставит все галочки. Он соответствует всем важным критериям страницы 404, включая в первую очередь объяснение того, что, черт возьми, произошло.
• Попытки руководства . Он предоставляет список популярных ссылок CUNY — мест, которые пытаются посетить большинство студентов, преподавателей или сотрудников.

Что не работает

• Это безумно скучно и, честно говоря, заставляет меня задуматься, неужели университет так же скучен, как страница 404. Абсолютно никакого персонажа, если только их персонаж не является изображением картонной коробки. А если бы в комплекте была картонная коробка, было бы лучше.
• Список полезных веб-сайтов сильно страдает от того, что делают почти все университетские навигационные системы: информационной перегрузки. Веб-сайты университетов всегда стараются быть всем для всех. Вместо этого они должны отдавать приоритет чему-то, например студентам, и использовать специальную обработку, например колоду карточек, чтобы выделить ссылки Прием , Подать заявку и Текущий учащийся . Остальное можно кинуть в список.
• Есть инструкция использовать функцию поиска «выше», но она бесполезна. Значок поиска — это крошечная штучка вверх и вправо, а не «выше», как написано. Эти типы визуальных указаний также недоступны. В качестве исправления они могли бы просто изменить инструкцию на «Кроме того, вы можете ищите то, что вы ищете» и используйте реальную ссылку для поиска вместо чего-то основанного на скрипте, к которому вы не можете получить через URL. Добро пожаловать, CUNY!

Пользовательская страница 404 для Coursera

«Привет, Coursera? Звонил 1982 год и хочет вернуть свою графику».

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

Что работает

• Следующие шаги . Здесь есть несколько мест, куда вы можете перейти, и Coursera аккуратно на них ссылается.

Что не работает

• Существует странная прогрессия уменьшения размера шрифта до такой степени, что некоторые действительно ценные ссылки, такие как «Coursera для бизнеса» или блог, становятся настолько маленькими, что почти неразборчивы.
• Это вроде рассказывает вам, что происходит… в виде анимированного GIF. В идеале, как я уже говорил с Fiverr, ошибка 404 должна быть четкой и в тексте.
• Как и некоторые другие пользовательские ошибки 404, Coursera упускает огромную возможность помогать людям и вовлекать их глубже в сайт, возможно, взяв страницу из их собственного веб-дизайна и используя карточки и изображения со ссылками на категории, популярные курсы, и т.д.

Пользовательская страница 404 Университета Колорадо-Боулдер

Мне на самом деле нравится страница 404 Колорадо-Боулдер с эстетической точки зрения. Только не функционально.

Так бывает умно и весело, а бывает слишком умно или слишком весело. В данном случае Boulder использование очень крупной типографики (извините, я не мог удержаться) и наличие какой-то фигурки быка в стиле Lego делает страницу непригодной для использования, пока вы не прокрутите ее.

Что работает

• На марке . Команда дизайнеров, так сказать, не оставила ни одной страницы неперевернутой. Престижность им за расширение бренда на всем пути.
• Удалить сообщение . Если вы не уверены, что произошло после просмотра этого сообщения об ошибке для всего окна просмотра и для всего окна просмотра, не уверен, что мы сможем вам помочь.

Что не работает

• Здесь нечего смотреть/делать. То бишь есть, если прокрутить. И даже когда вы это сделаете, нет никаких полезных инструкций или интересных слов, которые помогут вам выйти из раздражающего тупика.

Страница 404 Forbes.com или баннер. Или что угодно.

Уважаемый Forbes,

Вы можете лучше.

Что работает

• Полезный следующий шаг . По крайней мере, этот баннер/страница помогает вам, предоставляя окно поиска.
• Расскажет, что произошло . Страницы там нет. Или это?

Что не работает

• Баннер, который можно закрыть? Меня смущает UX этого. Почему команда Forbes использует баннер в стиле оповещения, который вы можете закрыть? Или «X» предназначен для того, чтобы отклонить рекламу GIANT, появившуюся через несколько секунд после попадания в 404?
• Большая ошибка с точки зрения привлечения людей к контенту. Журнал, который не помогает людям найти другой отличный контент? Наверняка есть какие-то другие страницы, которые посетитель мог бы увидеть вместо них. Разве главная цель журнала не отвлекать и сбивать с толку?

Тут-тут, Forbes. Ту ту.

Пользовательская страница 404 DashThis.com

Вас не развлекает?²

Кто не любит отличную страницу LOTR, ставшую мемом 404? Все понимают, верно?

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

С DashThis, насчитывающим 18 000 пользователей из более чем 122 стран, им надлежит делать все правильно, а не просто смешно.

Что работает

• Умный . Я дам им это. Это, безусловно, умный и отличный способ извлечь выгоду из тренда.
• На марке . Сделано красиво и в этом нет никаких сомнений. Как инструмент визуальной отчетности, где внешний вид действительно имеет значение, это перо в их кепке.

Что не работает

• Неясно . В UX последнее, что вам нужно, это чтобы люди говорили: «А?» при просмотре вашего дизайна или инструкций. Лично я понимаю то, на что намекает фраза «не просто…», но многие этого не понимают. Мало того, они использовали подзаголовок/главную копию, чтобы углубиться в неизвестность, вместо того, чтобы говорить о проблеме: ошибке 404.
• Это тупик — или так кажется . Поскольку команда DashThis решила занять так много места графикой в ​​стиле LOTR, люди задаются вопросом, что делать теперь, когда они не могут найти то, что искали. Есть несколько полезных советов НИЖЕ рисунка, но они гораздо важнее рисунка и должны быть над ним.
• Это огромная неудача . Поскольку отчеты DashThis — это ссылки, которые вы даете клиентам, они должны понимать это правильно. Путешествие Фродо было важным, как и это.

О, Дисней. Как сильно вы разочаровываете!

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

Что работает

• Ясность . Страница получает баллы за добавление четкого сообщения о том, что страница исчезла. Я имею в виду, кто-то съел эту страницу, черт возьми!
• Указывает на проблему . Престижность Диснею за то, что он сделал то, что никто другой не сделал, а именно, чтобы подчеркнуть тот факт, что проблема заключается в URL-адресе! Я хочу дать им реквизит для того, чтобы люди проверяли URL-адрес. Я предполагаю, что они просмотрели свои данные 404 и обнаружили, что опечатки создают большинство ошибок, и поэтому они решили пойти по этому пути. Так много ошибок 404 — это просто результат опечаток.

Что не работает

• Виноваты в другом. Вот так. Либо кто-то съел страницу, либо вы ошиблись URL-адресом. Несмотря на это, они не дают вам никакой другой помощи, кроме этой. Что, если вы правильно указали URL? Что теперь? Нет поиска? Нет полезных ссылок? И этот огромный нижний колонтитул не в счет.

Хорошая попытка, Микки!

— —

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

¹ Согласно Alexa

² Вы знаете этот фильм, не просматривая его?

7 лучших примеров страниц 404 для сайтов электронной коммерции | Nexcess

Блог Главная

28 марта 2022 г.

Линдси Миллер

Электронная торговля

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

На самом деле хорошо продуманная ошибка 404 — это лучшая практика для веб-сайтов электронной коммерции. Лучшие сайты электронной коммерции выяснили, как максимально эффективно использовать свои страницы 404.

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

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

Важность страницы 404

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

Что вызывает ошибку 404?

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

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

Причины, по которым клиенты попадают на страницу 404 на веб-сайте электронной коммерции, включают:

• Опечатка или опечатка в URL-адресе . Если кто-то вводит ссылку прямо в адресную строку, легко ошибиться или пропустить букву, особенно если он печатает на своем телефоне.
• Проблема с сервером. Технические неполадки могут вызвать ошибку 404.
• Удаленная страница или продукт. Если вы удалите и удалите страницу или продукт, ссылка больше не будет работать. Хотя ваш веб-сайт знает, что вы удалили ссылку, вы не можете изменить все места, где ее сохранили люди.
• Изменен URL-адрес. Если ваш URL-адрес изменился, любой, кто сохранил старую ссылку, попадает на страницу 404, если вы не настроили перенаправление. Например, если ваш сайт электронной коммерции использует категории в структуре ссылок, и вы измените названия категорий, все ваши URL-адреса изменятся.

Связанное чтение: 14 современных тенденций дизайна веб-сайтов на 2022 год >>

Влияние на конверсию

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

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

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

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

Academy

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

Urban Outfitters

Забавный GIF-файл, соответствующий их бренду, а подборка их самых популярных продуктов пытается вернуть покупателей на страницу продукта.

Sur la Table

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

Birchbox

Эта страница 404 от Birchbox сияет своей простотой, предоставляя вам два варианта продолжения поиска нужного продукта.

Bonobos

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

DSW

На этой странице 404 преобладает простота с тремя вариантами возврата, перехода на домашнюю страницу или поиска.

The Container Store

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

Передовой опыт страницы 404 для электронной торговли

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

Лучшие практики для 404 страниц включают:

• Очеловечить сообщение. «Извините, страница не найдена» звучит пресно. Используйте креативный и броский текст, соответствующий вашему бренду. Academy и Sur la Table использовали сильные стороны своего бренда, разместив 404-страничный текст.
• Будьте проще. Во всех примерах, которые мы рассмотрели, дизайн и пользовательский интерфейс были простыми. Если кто-то потерялся, перенаправьте его как можно быстрее. Предоставьте краткие варианты, чтобы помочь им найти нужную страницу.
• Включить поиск и контактную информацию. Страница Container Store превосходно предоставляет покупателям различные способы найти то, что им нужно, включая поиск, ссылки на главные категории и контактную информацию. Не оставляйте людей без понятия, куда идти дальше. Позволить им достучаться до человека — отличный вариант.
• Продвижение товаров. Большинство покупателей в какой-то момент нажимают что-то в разделе «рекомендовать для вас» на сайте электронной коммерции. Поэтому рассмотрите возможность добавления рекомендаций по продуктам на страницу 404. Вы также можете использовать пространство для продвижения таких вариантов, как «купи сейчас, заплати потом».

Получите помощь в создании страницы 404 для электронной торговли

Хорошо спроектированная страница 404 для электронной коммерции начинается с хорошо спроектированного сайта электронной коммерции. StoreBuilder от Nexcess упрощает проектирование и настройку вашего магазина WooCommerce.

Просто ответьте на несколько вопросов, и StoreBuilder создаст красивый и функциональный сайт электронной коммерции. Всего через несколько минут вы будете на пути к добавлению товаров.

Попробуйте конструктор интернет-магазинов без риска в течение 30 дней.

Связанные ресурсы

Будущее электронной коммерции: 3 основные темы, на которые стоит обратить внимание в 2022 году

5 крупных брендов, использующих электронную торговлю WordPress Аналитика производительности

Стратегическое использование руководств покупателя в электронной коммерции

Линдси Миллер

Линдси Миллер знает WordPress вдоль и поперек. Она работает с WordPress с 2010 года, когда завела свой первый блог на WordPress. С тех пор она посещала WordCamp по всему миру и имела честь выступать на многих WordCamp и других мероприятиях WordPress, таких как WooSesh и WordFest. В настоящее время она является владельцем Content Journey, агентства контент-маркетинга, которое занимается увеличением органического трафика веб-сайтов для своих клиентов с помощью SEO и ведения блогов.

404 Pages Best Practices with Examples

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

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

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

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

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

Но как люди попадают на страницу с ошибкой 404? Статистика говорит, что в среднем 45,87% людей, столкнувшихся со страницами ошибок 404, приходят через электронные письма, закладки, опечатки или прямые ссылки, социальные сети и рефералы отвечают за 30,26% аудитории. Некоторые пользователи также могут быть перенаправлены на страницу по неработающим ссылкам на вашем сайте, что составляет 17,58% аудитории. В то время как оставшиеся 6,3% поступают непосредственно из поисковых систем. Источник: Impact Plus

Почему 404 страницы имеют значение?

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

Ваш органический рейтинг — это то, к чему все должны относиться серьезно, независимо от того, используете ли вы платный поиск или нет.

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

Это возвращает нас к необходимости правильного дизайна UX/UI для веб-сайтов и страниц ошибок 404.

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

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

Что должна содержать страница 404?

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

Панель поиска

Большинство считает, что достаточно добавить панель поиска на главную страницу веб-сайта. Они часто упускают из виду важность и ценность создания панели поиска на странице веб-сайта 404.

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

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

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

Ссылки

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

Призыв к действию

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

Должны ли страницы 404 иметь навигацию?

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

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

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

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

Страницы 404: передовой опыт и примеры

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

Airbnb

Отличным примером для начала является страница ошибки 404 Airbnb. Вот что Airbnb внедрила в дизайн страницы 404:

• Анимация: На дизайне страницы 404 Airbnb изображена девушка, роняющая мороженое, чего не должно было случиться. Как и битая ссылка.
  
• Полезные ссылки: На странице Airbnb 404 вы можете найти несколько полезных ссылок, таких как «Главная», «Поиск» и «Справка», которые позволят вам продолжить просмотр веб-сайта без необходимости возвращаться назад или, что еще хуже, выходить из него.

GitHub

Еще одним примером отличного дизайна страницы 404 является страница 404 Github. Вот что заставляет эту страницу работать:

• Обложка: Github использует удивительный фон на своей странице с ошибкой 404, которая также включает в себя свой талисман.
  
• Панель поиска: Страница 404 включает панель поиска и использует лучшие практики пользовательского интерфейса поиска в ее размещении. Функциональность поиска на странице 404 позволяет пользователям искать новые или альтернативные темы непосредственно на странице с ошибкой, вместо того, чтобы выполнять дополнительный шаг и сначала переходить на домашнюю страницу.
• Призыв к действию: На странице 404 есть меню входа, которое побуждает пользователя войти на веб-сайт.
  
• Полезные ссылки: На странице есть куча полезных ссылок в шапке для удобства пользователя.

Netflix

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

• Обложка: У Netflix есть потрясающий кинематографический снимок на фоне экрана 404.
  
• Кнопка «Домой»: Netflix разместил кнопку, которая перенаправляет пользователя на домашнюю страницу.

Spotify

Spotify также имеет удивительный индивидуальный дизайн страницы 404. Вот что нам понравилось:

• Анимация: На странице 404 Spotify есть анимация воспроизведения записи.
  
• Полезные ссылки: Мы видим, как Spotify эффективно использовал заголовок своей страницы 404, разместив на нем много полезных ссылок.
  
• Перенаправление: Spotify разместил ссылку в центре, чтобы перенаправить пользователя на предыдущую страницу.

Заключение

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

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

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

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

Почему 404 страницы имеют значение?

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