Что такое страница 404 и как ее правильно оформить
10 мин — время чтения
Дек 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-proverk
- На вашем сайте стоит некорректная внутренняя ссылка. Например, вебмастер или контент-менеджер допустили ошибку и забыли указать .html в конце URL-адреса https://seranking.com/ru/oplata-za-proverku.html. В результате перейдя по ссылке https://seranking.com/ru/oplata-za-proverku, пользователь увидит страницу 404.
- Пользователь может сам некорректно ввести URL в адресную строку браузера.
- Иногда контент запрашиваемой страницы могут по какой-либо причине скрывать от пользователей и перенаправлять их на 404 страницу.
- Наконец, бывает, что страница с таким адресом существовала, но вы в какой-то момент ее удалили. При этом пользователь пытается открыть страницу, например, из закладок браузера или по ссылке с другого сайта. Появление таких страниц — естественный процесс в жизни сайта, хоть их наличие и нежелательно. Найти 404 страницы можно в процессе аудита сайта.
С пониманием причин, по которым пользователь может увидеть вашу страницу 404, перед вебмастером стоит две задачи:
- Свести к минимуму шансы попадания пользователя на страницу 404. Конечно же, вы не можете контролировать то, как пользователи вводят адрес страницы в поиске. А вот исправить некорректные внутренние ссылки вам вполне по силам, как и попробовать изменить внешние поломанные ссылки.
- Если пользователь все-таки попадает на страницу 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.
596 views
Улучшаем страницу 404-ой ошибки / Хабр
Если пользователь попадает на стандартную страницу ошибки 404, велика вероятность того, что он покинет веб-сайт и вряд ли вернется. Кастомная страница 404, полезная и привлекательная, способствует дальнейшему пребываниваю на вашем веб-сайте.Ответ прост: все.
Страница 404, на которой лишь написано «Страница не найдена», не будет полезной для посетителя; даже ссылка «Вернуться на главную» не поможет.Отсутствие достойной 404-ой страницы ухудшает впечатление пользователя. Посетители, которые ищут определенную страницу на вашем сайте, но попали на битую ссылку, будут вынуждены вернуться на главную страницу и начать поиск заново. Если они не найдут, что ищут, то тут же покинут веб-сайт. В идеале пользователь никогда не столкнется с подобными ошибками, но 404-ая страница позволяет извиниться перед пользователем и помочь ему найти то, что он ищет. Довольный посетитель вероятнее всего вернется на ваш веб-сайт.
Самое важное сделать страницу 404-ой ошибки простой и понятной пользователю. Напишите, что страница, которую ищет посетитель, не существует.
Извини, друг. Страница, которую вы запросили, не находится в нашей базе данных. Скорее всего вы попали на битую ссылку или опечатались при вводе URL. – A List Apart 404-ая страница
Очень важно, чтобы дизайн 404-ой страницы не отличался от остального веб-сайта. Это включает логотип, навигацию, цветовую схему и т.д.
Страница 404-ой ошибки должна быть предельно полезной для пользователя. Чтобы достичь желаемого эффекта, можно применить следующие элементы:
- Поисковая форма
- Ссылка на главную страницу
- Список самых популярных страниц
- Ссылка на карту сайта
- Кнопка сообщения о битой ссылке
Не думайте, что все знают, что такое 404-ая ошибка. Вас нужно объяснить, в чем проблема, в дружелюбной манере. Лучше сказать так: «Упс! Мы не можем найти страницу, которую вы ищете.
», чем так: «404-ая ошибка. Страница не найдена».
Если вы владете крупным веб-сайтом, например, как Google, с множеством страниц разного содержания, то страница 404 с картой сайта, популярными страницами или поисковой формой не поможет пользователю.
404-ая страница может быть простой и даже смешной. Если ваша страница является таковой, то она бесспорно задержит посетителей на вашем сайте. Возможно даже, что они будут скидывать эту страницу своим друзьям. Именно это и произошло с 404-ой страницей GitHub:
На сайте nosh.com вообще размещено видео:
Ваша страница 404-ой ошибки может быть эффективной и отлично смотреться, но очевидно, что она не должна появляться в результатах поиска. Это можно осуществить двумя способами:
- Убедитесь, что веб сервер возвращает правильный статус 404 HTTP, тогда поисковики будут игнорировать эту страницу.
- Добавьте страницу 404 в файл robots. txt.
txt.Disallow: /404.html
Чтобы использовать собственную страницу 404-ой ошибки, нужно создать файл .htaccess и добавить в него следующую строчку:
ErrorDocument 404 /error/404-error.html
Теперь мы знаем, что вместо скучных и бесполезных страниц 404-ой ошибки, нужно потратить время на создание собственной информативной страницы, увидев которую, посетителям не захочется покидать веб-сайт.
PS Все замечания по поводу перевода, орфографии и т.п. с удовольствием приму в личку. Спасибо!
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. Без хорошей страницы 404 ваши клиенты могут уйти, не зная, что не так или как вернуться к работающим страницам.
Ваш органический рейтинг — это то, к чему все должны относиться серьезно, независимо от того, используете ли вы платный поиск или нет.
Органический рейтинг зависит от алгоритма 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 изображена девушка, роняющая мороженое, чего не должно было случиться. Как и битая ссылка.
- Полезные ссылки: Вы можете найти несколько полезных ссылок на странице 404 Airbnb, таких как «Главная», «Поиск» и «Справка», которые позволят вам продолжить просмотр веб-сайта без необходимости возвращаться назад или, что еще хуже, выходить из него.
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.
Что должна содержать страница 404?
Должен включать –
– Панель поиска
– Сообщение об ошибке
– Ваш логотип
– Ссылки
– Призыв к действию
Хорошая страница 404 должна предлагать пользователям несколько вариантов навигации, чтобы они могли продолжить свое путешествие по веб-сайту и не застрять на странице с ошибкой.
Начните бесплатную 14-дневную пробную версию с AddSearch.
Дайте нам знать, если вам понравился пост. Только так мы можем стать лучше.
404 Pages Best Practices для улучшения взаимодействия с пользователем
Независимо от того, насколько хорошо разработан веб-сайт, время от времени он может быть подвержен ошибкам, ошибкам и сбоям. Кроме того, пользователи могут ввести неверный URL-адрес или посетить неработающую ссылку на веб-сайт или страницу, что приведет к возникновению ошибки. Когда это происходит, посетители веб-сайта внезапно сталкиваются со стандартным сообщением об ошибке «404». Сообщение об ошибке 404 указывает на то, что страница на сайте не вернула результат и больше не существует. Пользователи, которые сталкиваются с сообщением об ошибке 404 после неудачные результаты поиска обычно перенаправляются на альтернативные страницы веб-сайта.
Тщательно разработанное индивидуальное сообщение об ошибке 404 на веб-сайте с творческими и беззаботными деталями может отличить разочарованных пользователей от удивленных.
Оригинальные и игривые детали пользовательского веб-сайта с ошибкой 404 влияют на общий пользовательский опыт (UX) посетителей сайта. Уникальный стиль и смысл пользовательского сообщения об ошибке 404 также могут повлиять на желание пользователей вернуться на ваш сайт в будущем.
Источник: Dribbble
Как выглядит страница 404?
Прежде чем понять, как создать страницу с ошибкой 404 и почему это важно, важно знать, как выглядит идеальная страница с ошибкой 404. Стандартная страница веб-сайта с ошибкой 404 включает основные функции веб-сайта, которые предупреждают пользователей об ошибке. Некоторые из этих функций также предназначены для перенаправления пользователей на другие функциональные страницы веб-сайта.
Стандартное сообщение об ошибке: Стандартное сообщение об ошибке 404 может возвращать результат «страница не найдена», когда пользователи пытаются получить доступ к неправильной или неработающей странице веб-сайта. Другие веб-сайты могут возвращать сообщение 404, в котором просто говорится: «К сожалению, ошибка 404», «Неверный URL-адрес» или «Не удается найти локальную хост-страницу».
Ссылки на альтернативные веб-сайты
После того, как пользователи попадут на страницу веб-сайта с ошибкой 404, они могут быть перенаправлены с неправильной страницы на альтернативную веб-страницу или воронку продаж. Благодарные посетители веб-сайта обычно ценят эти ссылки на веб-сайты, поскольку они стремятся вернуться на полнофункциональную страницу сайта. Думайте о сообщении об ошибке 404 как о знаке того, что ваши посетители выбрали неправильный маршрут. Дополнительные ссылки на странице сообщения об ошибке 404 подобны карте, которая дает им альтернативный маршрут.
Последовательные особенности дизайна
Несмотря на то, что они «заблудились» на вашем веб-сайте, пользователи должны указать, что они все еще на правильном пути. Сообщение об ошибке 404 сообщает пользователям, что они временно потеряны на сайте. Это также может указывать на то, что они ввели неправильный URL-адрес веб-сайта. Тем не менее, последовательный брендинг страницы с ошибкой 404, цвета, шрифты и другие элементы дизайна веб-сайта убеждают посетителей в том, что они по-прежнему находятся на правильном сайте.
Что я должен поместить на пользовательскую страницу 404?
Мы давно смирились с тем, что сообщения об ошибках 404 всегда будут частью работы онлайн-сайтов. Таким образом, разместить лучший контент и сделать эту ошибку 404-страницы заманчивой и привлекательной не менее важно, чем другие страницы веб-сайта. Тем не менее, разработка продуманных пользовательских сообщений об ошибках 404 на веб-сайте может сделать раздражающий пользовательский опыт (UX) гораздо более терпимым.
Включите юмор
Посетители сайта могут быть скорее удивлены, чем раздражены, когда на веб-сайте появится забавное или остроумное сообщение об ошибке 404. Хорошим примером являются сообщения об ошибках 404 на таких сайтах, как Amazon, Ikea и развлекательный гигант HBO. Их пользовательские сообщения об ошибках 404 очень забавны, причудливы и просто забавны! Эти сообщения об ошибках 404 улучшают пользовательский интерфейс (UX), придавая веб-сайту индивидуальный подход. Эти небольшие детали дизайна нравятся посетителям сайта и увеличивают вероятность того, что они вернутся на ваш сайт в будущем.
Разместите хороший контент
Веб-сайты могут использовать настраиваемые страницы веб-сайтов с ошибкой 404, чтобы максимизировать возможности для маркетинга, потенциальных клиентов и продаж. Они могут размещать рекламу и призывы к действию в ссылках на веб-сайты в пользовательских сообщениях об ошибках 404 на веб-сайте. Умные предприятия используют веб-сайты с ошибкой 404 для расширения своей маркетинговой, рекламной и рекламной стратегии. Они могут использовать свои страницы ошибок 404, чтобы добавлять ссылки на интересный контент и будущие продукты, которые могут конвертироваться в продажи от посетителей сайта.
Должен быть чистый дизайн
Не поддавайтесь желанию заполнить пустые места на страницах вашего веб-сайта с ошибкой 404 слишком большим количеством информации. В этой области веб-сайты должны применять принцип KISS о простоте (глупости). Хотя предприятия могут использовать веб-сайты с ошибкой 404 в качестве дополнительных возможностей брендинга, этот подход должен быть сбалансированным.
Незагроможденная страница сообщения 404 смягчает общий пользовательский опыт (UX), уменьшая разочарование пользователей чистым и гладким дизайном веб-сайта. На пользовательский опыт также положительно влияет согласованное с брендом, дополняющее сообщение об ошибке 404 на веб-сайте.
Попробуйте AppMaster без кода сегодня!
Платформа может создать любое веб-приложение, мобильное или серверное приложение в 10 раз быстрее и в 3 раза дешевле
Начать бесплатноКак создать страницу 404?
Теперь пришло время посмотреть, как вы должны создать страницу с ошибкой 404 на своем веб-сайте и повысить удобство использования вашего веб-сайта и удержание посетителей.
Включить элементы дизайна
Определите тип элементов дизайна, которые будут отображаться на страницах вашего веб-сайта с ошибкой 404. Веб-сайты могут воссоздать свои уникальные сообщения бренда с помощью элементов дизайна, которые могут быть причудливыми, милыми, профессиональными, образовательными или развлекательными.
Выбранные элементы дизайна ошибки 404 также основаны на типе пользователей, которые часто посещают ваш сайт. Внимание будет уделено цветам, шрифтам, графическим элементам и общей эстетике страницы сообщения 404. Дизайнеры должны поставить себя на место своих конечных пользователей, чтобы увидеть страницу сообщения об ошибке 404 с их точки зрения.
Добавить элементы навигации
Какой бы ни была эстетика вашего дизайна, некоторые стандартные функции необходимо включить на страницу сообщения 404. Сообщение об ошибке 404 веб-сайта должно быть включено, чтобы предупредить пользователей о неработающей, отсутствующей ссылке или неправильном URL-адресе. Также будет включен призыв к действию, чтобы побудить пользователей сайта выполнить корректирующие действия на странице веб-сайта с ошибкой 404.
Инструмент отчетности
Страницы ошибок 404 веб-сайтов должны быть разработаны таким образом, чтобы пользователи могли сообщать о проблемах со ссылками на веб-сайты.
Настройка сервера
Сервер веб-сайта должен быть спроектирован так, чтобы отображать сообщение «ошибка 404» в ответ на неверный URL-адрес или ошибку сайта.
Это можно легко сделать, если ваш веб-сайт является сайтом с низким кодом / без кода. Однако, если сайт создается на заказ, может потребоваться инженер-программист для настройки и тестирования сообщения веб-сайта об ошибке 404.
Отслеживание показателей сайта
Разработчики могут выбрать отслеживание показателей сайта, чтобы получить полезную информацию о вероятности того, что пользователи будут генерировать сообщения «ошибка 404». Сгенерированные данные могут быть полезны для обновления веб-сайта, устранения неполадок и устранения проблем. Последующие шаги могут быть предприняты, чтобы свести к минимуму вероятность того, что посетители вернут сообщение 404. Google Analytics — еще один полезный инструмент данных для отслеживания того, как часто веб-сайт возвращает сообщение «ошибка 404».
Помогает ли пользовательская страница 404 SEO?
Ответ и да и нет. Пользовательская страница 404 не обязательно может улучшить рейтинг в Google сама по себе. Тем не менее, пользовательское сообщение об ошибке 404 создает более позитивный пользовательский опыт, чем веб-сайты с простыми сообщениями «ошибка 404».
Эти пользовательские сообщения 404 превращают раздражающий результат в новый опыт для пользователей. Некоторые сайты предпочитают развлекать своих посетителей играми, милыми животными или забавными шутками, когда они сталкиваются с ошибкой 404. Эти уникально разработанные пользовательские сообщения об ошибках 404 веб-сайта с большей вероятностью вызовут положительную или ошеломленную реакцию посетителей сайта.
Основываясь на их положительном ответе, настраиваемые сообщения веб-сайта об ошибке 404 улучшают общее взаимодействие с пользователем (UX). Посетители сайтов с пользовательскими сообщениями 404 имеют более положительный пользовательский опыт (UX), чем посетители сайтов без них.
Источник: Dribbble
Побочный эффект заключается в том, что эти пользователи с большей вероятностью будут изучать дополнительный контент вашего веб-сайта. Таким косвенным образом пользовательские страницы 404 помогают SEO-рейтингу сайта. Пользовательские страницы сообщений об ошибках 404 позволяют веб-сайтам использовать аналитику, сгенерированную с веб-сайта, для управления вашей стратегией сообщений об ошибках 404.
Компании могут создавать дополнительные возможности SEO, выбирая публикации на веб-сайте, с которыми пользователи больше всего взаимодействовали. Они также могут включать ссылки на самые популярные страницы веб-сайтов с сообщениями об ошибках 404. Это будет перенаправлять пользователей на рабочие страницы, тем самым увеличивая поисковый трафик. Это приведет к более высокому рейтингу ваших бизнес-поисковиков в Google SEO.
Какие страницы ошибок должны быть на сайте?
В дополнение к сообщениям об ошибках 404 веб-сайт может иметь другие типы страниц ошибок на стороне клиента и на стороне сервера. Их уникальные коды отражают происхождение ошибки веб-сайта, наиболее распространенные из которых рассматриваются ниже:
401 Ошибка
Эта ошибка на стороне клиента вызвана отсутствием у пользователя достаточных учетных данных для аутентификации. Эта ошибка может быть вызвана тем, что посетители сайта забыли свой логин или пароль. В результате их личность не может быть подтверждена, и веб-сайт возвращает результат поиска 404.
Попробуйте AppMaster без кода сегодня!
Платформа может создать любое веб-приложение, мобильное или серверное приложение в 10 раз быстрее и в 3 раза дешевле
Начать бесплатно403 Ошибка
Эта ошибка генерируется клиентом или пользователем, у которого нет достаточных разрешений или привилегий для доступа к странице. Эта ошибка часто возникает в офисах, где работникам запрещен доступ к определенным внешним веб-сайтам; посетители могут увидеть это сообщение об ошибке при попытке просмотра. Чтобы решить эту проблему, клиентам необходимо дважды проверить свою аутентификацию и попытаться снова войти в систему. Если это не удается, им может потребоваться обратиться к сетевому администратору для получения необходимых разрешений.
404 Ошибка
Как обсуждалось в этой статье, результат ошибки 404 возвращается, когда страница не может быть найдена. Это может быть связано с неправильным вводом URL-адреса пользователем. Эта ошибка также может быть вызвана удаленной страницей.
Поэтому страница 404 становится недоступной для посетителей.
500 Ошибка
Это ошибка, связанная с сервером или на стороне сервера, из-за которой ваши результаты не возвращаются во время поиска. Страница ошибки 500 указывает на проблему с сервером, которая влияет на ваш сайт. Например, сервер может быть временно недоступен из-за технических ошибок. В результате посетители будут встречаться с этой страницей ошибки при попытке навигации по сайту.
502 Ошибка
Ошибка 502 — это более конкретная страница ошибки, которая указывает пальцем на интернет-соединение. В случаях, когда возникают проблемы с подключением к Интернету, посетители увидят на своих экранах результат ошибки 502. Этот тип страницы ошибки находится вне их контроля и по своей природе связан с сервером или на стороне сервера.
503 Ошибка
Этот тип страницы ошибок часто используется крупными организациями, такими как банки, для указания наличия простоя из-за обслуживания. Эта страница с ошибкой указывает посетителям, что время простоя сайта было запланировано для облегчения обновлений, обновлений или обслуживания.
Как тип ошибки на стороне сервера, он также может указывать на проблему со сбоями сайта из-за большого количества пользователей в сети. Компании, которые проводят крупные мероприятия по розничным продажам, иногда сталкиваются с такой страницей ошибок в ответ на то, что пользователи переходят на их сайт.
504 Ошибка
Это популярное сообщение об ошибке связано с превышением времени ожидания шлюза. Посетители сайта могут заметить, что веб-сайту может потребоваться длительное время для возврата результатов. Если веб-сайту требуется слишком много времени для обработки запроса, он часто дает сбой и может возвращать это сообщение об ошибке 504 на стороне сервера.
Как создать страницу 404 в WordPress?
На платформе WordPress страницу с ошибкой 404 можно создать, просто загрузив и установив один из их инструментов. Их собственный 404-страничный плагин для WordPress предоставляет простое решение для создания страницы 404 с пользовательскими функциями, которые оценят пользователи.
Этот плагин избавляет от необходимости догадываться для тех, кто не кодирует, и для гражданских разработчиков благодаря удобному интерфейсу перетаскивания и установки.
Если предприятия предпочитают создавать уникальные персонализированные сообщения 404, ориентированные на бренд, потребуется разработчик программного обеспечения. Этот маршрут более дорогостоящий, чем плагины с низким кодом, предоставляемые WordPress. Индивидуальный дизайн страницы с ошибкой 404 также может занять больше времени и потребовать нескольких консультаций, прежде чем остановиться на дизайне. Уровень дизайна, необходимый для страницы 404 вашего веб-сайта в WordPress, в конечном итоге зависит от вашего бюджета и сроков проекта.
Можно сократить время проекта, используя платформы без кода, такие как AppMaster. Если вам нужны мобильные веб-приложения, бэкэнд AppMaster — отличный выбор, поскольку он предлагает все в одном. Вам не нужна большая команда разработчиков, а значит существенное сокращение бюджета.
