Страница 404 для сайта: Карта сайта — Независимое театральное объединение "Зрительские симпатии"

Содержание

Как сделать редирект 404 ошибки

Посетители сайта видят 404 ошибку, если страница, на которую они пытаются перейти, не существует или по какой-то причине сервер не может её найти. В статье рассмотрим, что это за ошибка и какое влияние она оказывает на поведенческие факторы пользователей и SEO. А также разберем, как настроить редирект 404 ошибки через .htaccess.

Что такое ошибка 404

Ошибка 404 (File not found) возникает, когда сервер не может найти запрашиваемую пользователем страницу. От ее появления не застрахован ни один сайт. Достаточно ввести в адресной строке после домена рандомный набор символов. Например:

http://site.ru/asdfjkl;

Сервер не сможет найти страницу, и отобразится ошибка:

Ошибка 404 на сайте reg.ru

Также с ошибкой 404 можно столкнуться в следующих случаях:

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

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

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

Иногда при загрузке несуществующей страницы браузер получает ответ 200 вместо 404. Такой случай называют Ложной ошибкой (Soft 404). Он означает, что со страницей всё в порядке, хотя пользователь видит ошибку. Также проблема заключается в том, что Яндекс и Google показывают эту страницу в результатах поиска. Чтобы проверить код ошибки, воспользуйтесь проверкой URL от Google.

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

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

Возможные последствия для сайта

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

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

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

Примеры страниц с ошибкой 404

СберМаркет предлагает познать мудрость котов и цены на сайте

404 ошибка в разделе «Помощь» на сайте REG.RU

Как создать страницу ошибки 404 и настроить редирект на нее в .htaccess

1.
Создайте страницу одним из следующих способов:
- Если вы знаете HTML и CSS, напишите код страницы самостоятельно и загрузите файл с названием 404.html в корневую папку сайта.
- Если навыков верстки нет, в интернете можно найти бесплатные шаблоны со страницами ошибки. Скачайте файл и добавьте его в корневую папку.
- Если вы используете WordPress, воспользуйтесь плагином 404page — your smart custom 404 error page по инструкции ниже. Обратите внимание! Если вы воспользовались плагином, вам не нужно прописывать путь к файлу в .htaccess.
Как настроить страницу в плагине WordPress
1) Откройте админку вашего сайта в WordPress.
2) Перейдите в раздел «Плагины» и нажмите Добавить новый.
3) В строке поиска введите название 404page — your smart custom 404 error page.
4) Нажмите Установить → Активировать:
5) Перейдите в раздел Внешний вид → 404 Error Page.
6) Выберите в списке Sample Page, чтобы сменить стандартную страницу ошибки, и нажмите Edit Page:
7) Создайте страницу в открывшемся визуальном редакторе и нажмите
Обновить:
Готово! После обновления страница будет использоваться автоматически.
2.
Откройте конфигурационный файл .htaccess в корневой папке вашего сайта и добавьте в него строку:
```
ErrorDocument 404 https://site.ru/404.html
```
Где вместо site.ru — домен вашего сайта.
3.
Сохраните изменения.

Готово! Теперь при возникновении 404 ошибки, в браузере пользователей будет открываться созданная вами кастомная страница.

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

Disallow: /404.html

Редирект с 404 на главную (не рекомендуется)

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

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

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

Проверка редиректа 404

Проверить, корректно ли все настроено можно в Яндекс.Вебмастер и Google Search Console.

Яндекс.Вебмастер

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

1.
Откройте Яндекс.Вебмастер.
2.
Перейдите в раздел Инструменты
→ Проверка ответа сервера.
3.
Введите название страницы ошибки и нажмите Проверить.
4.
В коде статуса HTTP должно отображаться 404 Not Found:

Google Search Console

Если вы используете этот инструмент впервые, укажите свой домен и пройдите валидацию, добавив TXT-запись/загрузив файл в корневую папку сайта или с помощью других способов.

1.
Откройте Google Search Console.
2.
Перейдите в раздел «Покрытие» в меню справа. Здесь будет отображаться информация о страницах ошибок.

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

Если сайт многораздельный и многостраничный, вручную мониторить его будет сложно. Рекомендуется использовать для поиска страниц ошибки 404 онлайн-сервисы (Serpstat, BadLincs.ru и другие). Также можно воспользоваться плагинами в CMS. Замените ссылки и настройте редиректы. А также создайте понятную красочную страницу ошибки с объяснением причины, ссылками на основные разделы и строкой поиска.

Помогла ли вам статья?

Да

9 раз уже помогла

Правильная настройка страницы 404 — Digital-агентство ADVEGITAL

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

Код страницы 404 расшифровывается как «не найдено». Ошибка возникает, когда страница была удалена или перенесена, когда в ссылке на страницу или файл неправильно прописано название файла или алиас страницы. Это самая распространенная ошибка в интернете.

изменился адрес страницы
ссылка неправильно прописана
неправильно введен адрес сайта в поисковой строке брауера
страница или файл удалены

Например, у вас на сайте был раздел «Новости», на который вела ссылка /news. html. Вы решили поменять алиас раздела на «novosti», а ссылку при этом оставили такой же. В этом случае пользователь, перейдя по ней, попадет на страницу 404.

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

Как создать страницу 404

Если сайт работает на CMS (Joomla, WordPress, UMI и др.), то такая страница создается по умолчанию.

Сначала нужно создать файл .htaccess
В файле нужно прописать следующую строку: ErrorDocument 404 /имястраницы.html
Потом файл .htaccess нужно добавить в корневой каталог сайта.

В конце нужно настроить страницу 404

Правила настройки страницы 404

Остановимся на том, что страница 404 уже создана и лежит в корне сайта. Следующий этап — ее оформление.

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

1 Оформление страницы не должно отличаться от дизайна сайта в целом, включая шрифт, цвета и т. д.

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

3Должно содержаться короткое пояснение, почему посетитель попал на 404. Например, такое: «К сожалению, эта страница недоступна. Возможно, вы воспользовались недействительной ссылкой или страница была удалена».

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

Текст на странице 404 может быть чисто информативным и лаконичным, а можно добавить к нему немного юмора — он немного сгладит негатив от ошибки.

Пример страницы 404 на нашем сайте:

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

ВАЖНО: Страницу 404 нужно закрыть от индексирования. Для этого в файле robots.txt надо вписать следующую строку: Disallow: /адрес_404страницы

Есть ли вред от 404 ошибки?

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

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

Сервисы Вебмастер и Метрика на Яндексе
Сервисы Search Console и Google Analytics
Виджеты встроенные в CMS

Нужен настоящий SEO-сайт и интернет-реклама? Пишите, звоните:

Наша почта:
Единая справочная: 8 (843) 2-588-132
WhatsApp: +7 (960) 048 81 32
Оставить заявку

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

Независимо от того, насколько хорошо спроектирован веб-сайт, время от времени он может быть подвержен ошибкам, ошибкам и сбоям. Кроме того, пользователи могут ввести неверный 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 на веб-сайте.

Как создать страницу 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.

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 — отличный выбор, поскольку он предлагает все в одном. Вам не нужна большая команда разработчиков, а значит существенное сокращение бюджета. С платформой кодирования вы не услышите о срыве сроков или, что еще хуже, о том, что все нужно переписывать, никакого рефакторинга и технического долга. Для быстрого и эффективного запуска это отличное решение. Более быстрое время обработки важно для компаний, чтобы быстрее реагировать на меняющиеся потребности и требования своих пользователей. Мы приглашаем вас попробовать наши решения сегодня, чтобы увидеть, что лучше всего подходит для вашего бизнеса!

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

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

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

Что такое стандартные и настраиваемые страницы 404?

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

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

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

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

поисковые системы показывают устаревшую ссылку; или
других сайтов ссылаются на устаревшие страницы.

Но для этого нужно контролировать несколько причин, таких как:

страница удаляется с сайта; или
сайт перезапускается.

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

Независимо от причины, вам нужен способ удержать их внимание.

Зачем использовать пользовательские страницы 404?

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

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

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

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

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

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

Как создать страницу 404, которая понравится пользователям

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

Расскажите пользователю, почему он здесь. Объясните простым языком, почему они видят страницу с ошибкой.
Дайте пользователю возможность продолжить. Помогите им перемещаться, не нажимая кнопку «Назад». Например, панель поиска, несколько полезных ссылок, возможность общения в чате со службой поддержки, интерактивный основной логотип или все вышеперечисленное.
Поддерживайте визуальную привлекательность. То, что это страница с ошибкой, не означает, что она должна быть уродливой. Играйте с элементами дизайна, пока не получите страницу, которая будет 90 167 полезной и 90 168 привлекательной.
Будьте последовательны. Пользовательские страницы 404 должны иметь дизайн, соответствующий их сайтам. Придерживайтесь одного языка, цветовой палитры, темы и фирменного стиля.

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

Шесть пользовательских страниц 404 для подражания

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

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

Netflix

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

ModCloth

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

Twitter

Простое объяснение и несколько способов поиска чего-то нового делают страницу не найденных в Twitter короткой и приятной.

Все рецепты

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

Ars Technica

Талисман бренда «лунная акула» запоминается на странице ошибок Ars Technica, а панель поиска помогает посетителям найти то, что они ищут.

Pixar

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

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

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