Страница 404 появляется, когда сервер не находит запрошенный адрес. Пользователь мог ошибиться в ссылке, перейти по старому URL или открыть материал, который перенесли. Пустой экран и короткое «ошибка» оставляют человека без следующего шага, поэтому 404-страницу стоит проектировать как часть навигации сайта. Её задача — спокойно объяснить ситуацию и вернуть посетителя к полезному содержимому.
При этом красивый дизайн не отменяет технический смысл ответа. Для действительно отсутствующей страницы сервер должен вернуть HTTP 404 или 410, а не обычный 200. Если URL показывает текст ошибки, но отвечает 200, поисковик может распознать soft 404. Ниже — порядок от проверки статуса до текста, ссылок, поиска и тестирования в CMS.
Что должна делать страница ошибки
Хороший шаблон решает три задачи. Он ясно сообщает, что адрес не найден; сохраняет привычную шапку и визуальную систему сайта; предлагает реальные способы продолжить просмотр. Это могут быть ссылка на главную, поиск, популярные разделы и несколько материалов по теме. Не перегружайте экран десятками случайных ссылок: человек должен понять следующий шаг за несколько секунд.
- Коротко объясните проблему без обвинения пользователя.
- Сохраните логотип, основные цвета и навигацию сайта.
- Дайте заметную ссылку на главную и поле поиска, если оно есть.
- Предложите разделы или статьи, близкие к исходному пути.
- Добавьте контакт или форму сообщения о битой ссылке, если это полезно проекту.
Google Search Central рекомендует сделать пользовательскую 404-страницу полезной, но отдельно подчёркивает: такая страница не должна индексироваться как обычный контент. При переезде существующей страницы нужен 301 на новый адрес, а не 404. Поэтому сначала определите причину ошибки, затем выбирайте ответ.
404, 410 и 301: какой ответ выбрать
| Ситуация | Ответ | Что видит пользователь |
|---|---|---|
| Адрес ошибочен или материал удалён без замены | 404 Not Found | Объяснение, поиск и ссылки на разделы |
| Ресурс удалён окончательно и это важно зафиксировать | 410 Gone | Сообщение об удалении и альтернативы |
| Материал переехал на понятный новый URL | 301 Redirect | Автоматический переход на замену |
| Сервер временно не работает | 5xx | Сообщение о временной проблеме и повторной попытке |
Нельзя превращать любой неизвестный адрес в главную страницу с кодом 200. Для человека такой переход может выглядеть удобно, но поисковику сложно понять, что произошло. Массовые редиректы всех ошибок на главную создают неожиданный маршрут и скрывают реальные битые ссылки. Настройка должна учитывать тип URL и наличие точной замены.
Структура полезной 404-страницы
Начните с заголовка, который можно понять без технических терминов: «Страница не найдена» или «Похоже, этот адрес устарел». Под ним объясните, что делать дальше. Номер 404 можно оставить крупным визуальным элементом, но он не должен быть единственным сообщением. Если дизайн строится на шутке или иллюстрации, смысловая подсказка всё равно должна оставаться очевидной.
- Заголовок сообщает о недоступности страницы.
- Короткое пояснение предлагает продолжить поиск.
- Кнопка ведёт на главную.
- Поисковая строка помогает найти материал по запросу.
- Ссылки ведут к разделам или недавно популярным публикациям.
- Небольшая форма обратной связи помогает сообщить о битой внутренней ссылке.
Ссылки должны быть живыми и регулярно обновляться. Не вставляйте на шаблон вручную список, который перестанет работать после первой перестройки меню. Если CMS поддерживает вывод категорий или популярных материалов автоматически, ограничьте количество и проверьте порядок. Для узкого проекта иногда лучше показать три ключевых раздела, чем универсальную ленту из двадцати карточек.
Поиск и подсказки
Поиск особенно полезен, если человек пришёл на сайт по внешней ссылке и помнит только тему материала. Поле должно быть заметным, иметь понятную кнопку и работать с мобильной клавиатурой. Проверьте состояние при пустом запросе, опечатке и отсутствии результатов. Страница 404 не обязана сама находить правильный материал, но она должна дать человеку возможность сделать это без возврата в поисковик.
Если URL содержит понятный раздел, можно показать тематические ссылки. Например, ошибка в адресе статьи о WebP может вести к разделу создания сайтов и к существующему материалу об оптимизации изображений. Это полезнее, чем универсальная подборка, не связанная с исходным интересом.
Как настроить 404 в CMS и на сервере
Способ зависит от стека. В WordPress обычно у темы есть шаблон 404.php, но за HTTP-ответ отвечает связка ядра, веб-сервера и плагинов. В статическом сайте создают отдельную страницу или правило хостинга. В приложении маршрут неизвестного адреса должен вернуть правильный статус после рендеринга. Не копируйте конфигурацию от другого сервера без проверки: Apache, Nginx, CDN и прокси обрабатывают ошибки по-разному.
Сначала сделайте копию текущей конфигурации и проверьте шаблон на тестовом URL. Затем убедитесь, что внутренние ссылки на отсутствующие адреса не появляются из меню, карточек и sitemap. Не добавляйте в sitemap URL, которые специально должны отдавать 404 или 410. После изменения очистите кэш на нужном уровне, иначе браузер или CDN может показывать старый ответ.
Доступность и мобильная версия
Кнопки и поле поиска должны быть доступны с клавиатуры и иметь понятные подписи. Контраст текста проверяют на фоне иллюстрации, а не только в макете. Не прячьте единственную ссылку на главную в изображении. На смартфоне заголовок не должен занимать весь экран, а таблицы и карточки — создавать горизонтальный скролл. Проверьте 404 при выключенном JavaScript: базовое сообщение и навигация должны остаться доступными.
Адаптивность важна и для обычных страниц: на сайте уже есть материал о подходах к адаптивной вёрстке. Для 404 достаточно тех же принципов: гибкая ширина, крупные зоны нажатия, читаемый текст и отсутствие декоративного элемента, который перекрывает путь к действию.
Как проверить страницу после настройки
- Откройте заведомо несуществующий URL и убедитесь, что ответ — 404 или 410.
- Проверьте исходный статус через инструменты разработчика или HTTP-клиент.
- Убедитесь, что страница не содержит noindex, который случайно закрывает весь сайт, но и не подаётся как обычная статья.
- Нажмите главную, поиск, разделы и все рекомендованные ссылки.
- Повторите проверку на мобильной ширине и при медленной загрузке.
- Посмотрите журналы и отчёты краулера: всплеск 404 может указывать на сломанные внутренние ссылки.
Проверяйте не только один красивый URL. Протестируйте адрес с лишним слэшем, старый путь после переноса и случайную строку. Для каждого сценария должно быть понятное решение: точный 301, честный 404 или временный ответ сервера. Запишите результат проверки, чтобы следующая смена темы или CDN не вернула ошибку к старому поведению.
Хорошая 404-страница не маскирует поломку и не обещает найти несуществующее. Она принимает ситуацию, помогает пользователю и оставляет поисковику корректный сигнал. Такой шаблон занимает немного времени, но снижает число тупиковых переходов и делает сайт аккуратнее в повседневной работе.
