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

Если там висит стандартный белый экран с надписью «Not Found» — это потерянный пользователь и потерянная продажа.

Что вообще происходит, когда сервер отдаёт 404

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

Важно: сервер должен именно вернуть 404, а не 200. Это звучит очевидно, но многие CMS и движки настроены так, что страница ошибки отдаётся со статусом 200 (OK). Для пользователя разница незаметна, а вот поисковик начинает индексировать вашу страницу ошибки как нормальный контент — так называемый «мягкий 404». Проверьте это через DevTools (вкладка Network) или любым HTTP-чекером.

Почему плохая 404 — это дыра в воронке

Представьте: человек переходит по старой ссылке из статьи двухлетней давности. Попадает на пустой экран с «Страница не найдена». Что он делает? В 70% случаев — закрывает вкладку. Не ищет вас через поиск, не идёт на главную, просто уходит.

По данным исследований UX, пользователь на странице ошибки принимает решение за 3–5 секунд. Если за это время он не видит ничего полезного — вы его потеряли.

При этом хорошая 404 реально работает:

  • удерживает пользователя на сайте
  • направляет к нужному разделу
  • иногда даже вызывает симпатию к бренду

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

Понятное объяснение

Не «Error 404», не «Page not found» по-английски на русскоязычном сайте. Напишите человеческим языком: «Такой страницы нет». Можно добавить причину — «возможно, ссылка устарела или вы опечатались».

Не нужно извиняться семь раз и объяснять устройство HTTP. Одно короткое предложение — и хватит.

Навигация

Главное, что должно быть на 404 — способ двигаться дальше. Минимальный набор:

  • кнопка «На главную»
  • строка поиска по сайту
  • 3–5 ссылок на популярные или ключевые разделы

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

Поиск

Поле поиска на 404 — один из самых эффективных инструментов удержания. Пользователь, скорее всего, знает, что искал. Дайте ему возможность найти это самостоятельно, не уходя с сайта.

Контакты или чат

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

Чего не надо делать

Прятать навигацию. Некоторые делают 404 в виде отдельного «острова» без шапки сайта. Идея понятна — чтобы не отвлекать. Но в итоге пользователь оказывается в тупике без каких-либо ориентиров.

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

Ставить таймер обратного отсчёта. «Вы будете перенаправлены через 5 секунд...» — раздражает. Пользователь не хочет ждать и не хочет, чтобы за него решали, куда идти.

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

Забывать про мобильники. 404 тоже должна нормально выглядеть на телефоне. Проверьте, что кнопки не выходят за экран, текст читаемый, форма поиска работает.

Как настроить 404 технически

На чистом сервере (Apache/Nginx)

В Apache достаточно добавить в .htaccess:

ErrorDocument 404 /404.html

В Nginx в блоке server:

error_page 404 /404.html;
location = /404.html {
    internal;
}

После этого создайте файл 404.html в корне сайта. Он должен быть самодостаточным: со своими стилями, ссылками и всем необходимым.

На WordPress

WordPress обрабатывает 404 через шаблон 404.php в папке темы. Если его нет — движок использует резервный шаблон. Откройте 404.php и отредактируйте под свои нужды: добавьте виджет поиска (get_search_form()), выведите последние записи, добавьте ссылки на важные страницы.

Проверьте заодно, что статус действительно 404, а не 200. Плагин Redirection или Yoast SEO помогут отслеживать ошибки 404 и настраивать редиректы.

На React / Next.js

В Next.js создайте файл pages/404.tsx (или .jsx) — фреймворк автоматически использует его для несуществующих маршрутов. Статус будет правильным по умолчанию.

В React с react-router добавьте маршрут-«ловушку» в конце:

<Route path="*" element={<NotFound />} />

Но учтите: если у вас SPA без серверного рендеринга, сервер всё равно должен быть настроен так, чтобы отдавать 404 при прямом переходе по несуществующему URL.

SEO и 404: что важно знать

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

Мягкий 404 — страница отдаёт 200, но содержит текст об ошибке. Google видит её как обычную страницу, индексирует, а потом помечает как «мягкий 404» в Search Console. Это засоряет индекс и может влиять на ранжирование нормальных страниц.

Много битых ссылок — если на ваш сайт ведут сотни внешних ссылок на удалённые страницы, вы теряете ссылочный вес. Решение: настройте 301-редиректы со старых URL на актуальные. Даже если страница удалена навсегда — редирект на тематически близкий раздел лучше, чем 404.

Проверить битые ссылки можно через Google Search Console (раздел «Покрытие»), Screaming Frog или Ahrefs.

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

Вот как выглядит минимально жизнеспособная 404 для обычного коммерческого сайта:

[Логотип / шапка сайта с основной навигацией]

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

[Поле поиска по сайту]

Попробуйте перейти в один из разделов:
— Главная
— Услуги
— Портфолио
— Контакты

[Подвал сайта]

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

Как отслеживать 404 в аналитике

Настройте отслеживание 404 в Google Analytics 4 или Яндекс Метрике. Для этого добавьте на страницу ошибки событие или виртуальный просмотр страницы с меткой.

В GA4 это делается через Google Tag Manager: создайте триггер на pageview для URL, содержащих /404 или на страницах с заголовком «Страница не найдена», и отправляйте кастомное событие page_not_found с параметром previous_url — так вы поймёте, откуда пришёл пользователь.

Что смотреть в отчётах:

  • какие URL чаще всего дают 404 (значит, где-то висит битая ссылка)
  • откуда приходят пользователи на 404 (внешние сайты, email-рассылки, соцсети)
  • что делают дальше — уходят или остаются

Если какой-то URL регулярно генерирует 404, поставьте на него 301-редирект или восстановите страницу.

Нужна помощь с настройкой

Если сайт делался давно и там накопились сотни битых ссылок, это не повод переделывать всё с нуля. Часто достаточно аудита и точечных правок. Команда REEXY (r3xy.ru) занимается поддержкой и доработкой сайтов — поможет разобраться с техническими ошибками, настроить редиректы и привести 404 в порядок.

Коротко о главном

Хорошая страница 404 — это не красота ради красоты. Это конкретный инструмент, который:

  1. Удерживает пользователя на сайте вместо того, чтобы отправить его к конкурентам
  2. Помогает ему найти нужное через поиск или навигацию
  3. Не вредит SEO — отдаёт правильный HTTP-статус
  4. Позволяет вам отслеживать проблемы с битыми ссылками

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