Страница 404: как оформить, чтобы посетитель не ушёл

Рано или поздно посетитель попадает на адрес, которого больше нет: опечатка в ссылке, старый адрес из чужой статьи, битая ссылка в письме. Что он увидит — зависит от вас. Стандартная техническая заглушка «Страница не найдена» закрывает вкладку почти сразу. Грамотно сделанная страница 404 оставляет человека на сайте и возвращает его к делу.

Разберу, как её оформить и почему здесь легко навредить.

Что это за страница и чем она не является

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

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

Обязательные элементы

Хорошая страница 404 решает одну задачу: вернуть посетителя в нужное место за минимальное число действий.

• Честное объяснение. Первая строка от первого лица: страница не найдена, возможно, адрес изменился. Без канцелярита и извинений на три абзаца.
• Поиск по сайту. Поле поиска прямо на странице — самый быстрый путь к цели, если человек знает, что искал.
• Ссылки на главные разделы. Три-пять пунктов меню или карточек — то, куда чаще всего идут: каталог, блог, контакты.
• Подборка популярных материалов. Пять-восемь ссылок на статьи или товары, которые действительно читают. Работает даже тогда, когда человек не знает, что именно искал.
• Контакт. Строка с почтой или телефоном для тех, кто пришёл по важной ссылке и хочет найти нужное.

Куда не надо ставить ссылки

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

Хороший ориентир: если бы вы сами попали на несуществующую страницу, что вам помогло бы быстрее всего? Поиск и подборка популярного — почти всегда.

Технические правила

Код ответа 404. Именно так, а не «мягкие» 200 или 302. Проверить можно в инструментах разработчика или простым сервисом проверки заголовков.

Запрет индексации. Сама страница не должна попадать в индекс: у неё нет уникального контента, а её появление в выдаче бессмысленно.

Работа с битыми адресами. Если на несуществующие страницы ведут внутренние ссылки — это отдельная проблема, которую стоит найти и починить. Как это делается, подробно в статье про аудит битых ссылок.

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

Оформление и тон

Страница 404 — редкое место, где можно позволить себе лёгкий тон. Короткая фраза с человеческой интонацией, иллюстрация в стиле сайта, аккуратный шрифт — этого достаточно. Чего стоит избегать: технических деталей вроде «HTTP Error 404 Not Found» крупным шрифтом, шуток, которые непонятны новой аудитории, и звуковой рекламы.

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

Как собирать данные о переходах на 404

Без обратной связи страница остаётся статичной, хотя её содержание можно улучшать по фактам. Источников три. Первый — панель вебмастера: там видно, какие адреса отдают ошибку и по каким ссылкам на них попадают. Второй — логи сервера: полный список запросов с кодами ответа, включая те, что не дошли до вебмастера. Третий — собственная аналитика по событиям страницы.

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

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

Связь с навигацией сайта

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

Ещё один сценарий: страница устарела и её содержимое уехало в новую статью. Тогда правильно не удалять адрес, а поставить постоянный редирект и сохранить трафик. Логика переноса подробно разобрана в материале про аудит переезда сайта, где описано, как не потерять накопленный вес адресов.

Как проверить свою страницу

1. Запросите несуществующий адрес и убедитесь, что сервер отдаёт код 404, а не 200.
2. Пройдите путь обычного пользователя: понятно ли с первого экрана, что произошло и что делать.
3. Проверьте работу поиска и ссылок — все должны вести на живые страницы.
4. Посмотрите на телефоне: ничего не уезжает, кнопки не маленькие.
5. Раз в квартал просматривайте частые 404 в логах и настраивайте редиректы там, где есть очевидный адрес-преемник.

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