Что такое страница 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.
568 views
Лучшие методы работы с 404 страницами для улучшения пользовательского опыта
Как бы хорошо ни был разработан сайт, время от времени на нем могут возникать ошибки, баги и сбои. Кроме того, пользователи могут ввести неправильный URL-адрес или посетить неработающую ссылку или страницу сайта, что приводит к возникновению ошибки.
Когда это происходит, посетители сайта неожиданно сталкиваются со стандартным сообщением об ошибке «404». Сообщение об ошибке 404 указывает на то, что страница сайта не смогла вернуть результат и больше не существует. Пользователи, столкнувшиеся с сообщением 404-error после неудачного результата поиска, обычно перенаправляются на другие страницы сайта.
Продуманный дизайн пользовательского сообщения об ошибке 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.
Попробуйте no-code платформу AppMaster
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, на сайте могут быть и другие типы страниц с ошибками на стороне клиента и на стороне сервера. Их уникальные коды отражают происхождение ошибки сайта, а наиболее распространенные из них рассмотрены ниже:
Попробуйте no-code платформу AppMaster
AppMaster поможет создать любое веб, мобильное или серверное приложение в 10 раз быстрее и 3 раза дешевле
Начать бесплатно401 ошибка
Эта ошибка на стороне клиента вызвана отсутствием у пользователя достаточных учетных данных для аутентификации.
Эта ошибка может быть вызвана посетителями сайта, которые забыли свой логин или пароль. В результате их личность не может быть проверена, и сайт возвращает результат поиска 404.
403 ошибка
Эта ошибка генерируется клиентом или пользователем, который не имеет достаточных прав или привилегий для доступа к странице. Эта ошибка часто возникает в офисах, где сотрудникам запрещен доступ к определенным внешним веб-сайтам; посетители могут увидеть это сообщение об ошибке при попытке просмотра. Чтобы решить эту проблему, клиентам необходимо перепроверить свою аутентификацию и попытаться снова войти в систему. Если это не удается, им может потребоваться обратиться к администратору сети для получения необходимых разрешений.
404 ошибка
Как уже говорилось в этой статье, ошибка 404 возвращается, когда страница не может быть найдена. Это может быть вызвано тем, что пользователь неправильно ввел URL-адрес. Эта ошибка также может быть вызвана удалением страницы. Таким образом, страница 404 становится недоступной для посетителей.
500 ошибка
Это ошибка, связанная с сервером или на стороне сервера, из-за которой результаты поиска не возвращаются. Страница с ошибкой 500 указывает на проблему с сервером, которая влияет на работу вашего сайта. Например, сервер может временно не работать из-за технических ошибок. В результате посетители будут встречать эту страницу ошибки при попытке перейти на сайт.
502 Ошибка
Ошибка 502 — это более конкретная страница ошибки, которая указывает на пресловутое подключение к Интернету. В тех случаях, когда возникают проблемы с подключением к Интернету, посетители увидят на своих экранах результат ошибки 502. Этот тип страницы ошибки не контролируется посетителями и связан с работой сервера.
503 Ошибка
Этот тип страницы ошибки часто используется крупными организациями, например, банками, чтобы указать на наличие простоев в обслуживании. Эта страница ошибки указывает посетителям, что простой сайта был запланирован для облегчения модернизации, обновления или технического обслуживания.
Как тип ошибки на стороне сервера, она также может указывать на проблему сбоев в работе сайта из-за большого количества пользователей в сети. Предприятия, проводящие крупные мероприятия по розничным продажам, иногда сталкиваются с таким типом страницы ошибки в ответ на наплыв пользователей на их сайт.
504 ошибка
Это популярное сообщение об ошибке связано с тайм-аутом шлюза. Посетители сайта могут заметить, что веб-сайту требуется длительное время для возврата результатов. Если сайт слишком долго обрабатывает запрос, он часто дает сбой и может выдать это сообщение об ошибке 504 на стороне сервера.
Как создать страницу 404 в WordPress?
На платформе WordPress страницу ошибки 404 можно создать, просто загрузив и установив один из инструментов. Их собственный плагин 404-page для WordPress обеспечивает простое решение для создания страницы 404 с пользовательскими функциями, которые оценят пользователи. Этот плагин избавляет от догадок тех, кто не занимается кодированием, и гражданских разработчиков благодаря удобному интерфейсу «перетащи, брось и установи».
Итог
Если компании предпочитают создать уникальное пользовательское сообщение 404, ориентированное на бренд, потребуется разработчик программного обеспечения. Этот путь является более дорогостоящим по сравнению с плагинами с низким кодом, предоставляемыми WordPress. Индивидуальный дизайн страницы ошибки 404 также может занять больше времени и потребовать нескольких консультаций, прежде чем будет принят дизайн. Уровень дизайна, необходимый для страницы 404 вашего сайта на WordPress, в конечном итоге зависит от вашего бюджета и сроков проекта.
Можно сократить время проекта, используя платформы без кода, такие как AppMaster. Если вам нужны мобильные веб-приложения, бэкенд AppMaster — отличный выбор, поскольку он предоставляет все в одном. Вам не нужна большая команда разработчиков, что означает значительное сокращение бюджета. С платформой для кодирования вы не услышите о пропущенных сроках или, что еще хуже, о том, что все нужно переписывать, никакого рефакторинга и технического долга.
Для быстрого и эффективного запуска — это отличное решение. Более быстрое время выполнения заказа необходимо для предприятий, чтобы быстрее реагировать на меняющиеся потребности и запросы своих пользователей. Мы приглашаем вас попробовать наши решения уже сегодня, чтобы понять, что лучше всего подходит для вашего бизнеса!
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 изображена девушка, роняющая мороженое, чего не должно было случиться. Как и битая ссылка.
- Полезные ссылки:
GitHub
Еще одним примером отличного дизайна страницы 404 является страница 404 Github. Вот что заставляет эту страницу работать:
- Обложка: Github использует удивительный фон на своей странице с ошибкой 404, которая также включает в себя свой талисман.
- Панель поиска: Страница 404 включает панель поиска и использует лучшие практики пользовательского интерфейса поиска в ее размещении. Функция поиска на странице 404 позволяет пользователям искать новые или альтернативные темы непосредственно на странице с ошибкой, вместо того, чтобы выполнять дополнительный шаг и сначала переходить на домашнюю страницу.
- Призыв к действию: На странице 404 есть меню входа, которое побуждает пользователя войти на веб-сайт.
- Полезные ссылки: На странице есть куча полезных ссылок в шапке для удобства пользователя.
Netflix
Netflix — это популярная платформа потокового вещания, которая также имеет собственный дизайн страницы 404. Вот что делает работу страницы 404 Netlix:
- Обложка: На фоне экрана 404 у Netflix есть потрясающий кинематографический снимок.
- Кнопка «Домой»: Netflix разместил кнопку, которая перенаправляет пользователя на домашнюю страницу.
Spotify
webm»> 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 — отличный выбор, поскольку он предлагает все в одном. Вам не нужна большая команда разработчиков, а значит существенное сокращение бюджета.