Красивая картинка с космонавтом на странице 404 - это оформление, а не суть. Сначала сайт обязан отдать браузеру и поисковику правильный код ответа сервера, и только потом имеет смысл думать, что показать человеку. Разбираем сначала технику, потом дизайн.
Вопрос "как сделать красивую 404" обычно всплывает в последнюю неделю перед сдачей сайта, когда дизайнер присылает картинку с котиком или роботом. К этому моменту никто ещё не проверил, отвечает ли сервер кодом 404, а не текстом "ничего не найдено" под кодом 200 - хотя разница незаметна человеку и критична для поисковика.
Ещё один повод разобраться в теме - обычный этап роста сайта. Товары заканчиваются, статьи переносят на новый адрес, разделы переименовывают. Каждое такое действие оставляет за собой битую ссылку, и от того, как сайт на неё отвечает, зависит, потеряет он позиции или нет.
Что означает код 404 и почему сервер должен ответить именно так
HTTP-код - трёхзначное число, которое сервер добавляет к ответу на запрос браузера до того, как отдать содержимое страницы. Код 200 значит "всё в порядке, вот страница". Код 404 значит "по этому адресу ничего нет". Человек эту цифру не видит, а поисковый робот и браузер реагируют именно на неё.
Когда браузер получает код 404, он показывает страницу с сообщением об ошибке, но фиксирует: этого адреса не существует. Поисковик ведёт себя так же - убирает адрес из очереди на обход, а если он уже был в индексе, со временем выкидывает из выдачи.
Проверить код ответа можно без специальных инструментов - расширением браузера, которое показывает статус страницы, либо вкладкой "Сеть" в инструментах разработчика: набираете адрес несуществующей страницы и смотрите, что вернул сервер. Как устроена такая диагностика системно, разбирали в статье про технический SEO-аудит: проверка кодов ответа стоит там одним из первых пунктов.
Мягкая 404: страница есть, а кода нет
Мягкая 404 (soft 404) - ситуация, когда человек видит на экране "страница не найдена", а сервер при этом отвечает кодом 200. Технически для поисковика это обычная рабочая страница с текстом об ошибке. Он её индексирует, хранит в базе и время от времени даже показывает в выдаче - с заголовком вроде "404 - страница не найдена", что выглядит странно и бьёт по доверию к сайту.
Причина обычно техническая: страницу ошибки собирают на движке как обычный шаблон, а код ответа никто не выставляет отдельно, по умолчанию любой ответ сервера получается 200. Проверить наличие такой проблемы можно в панели Яндекс.Вебмастера или Google Search Console: там отдельно показывают, сколько адресов сайт отдаёт мягкой 404.
Лечится мягкая 404 на уровне разработчика: шаблон страницы остаётся тем же, но сервер обязан явно выставить заголовок 404 (или 410, о нём ниже) до того, как отдать содержимое. В справке Яндекс.Вебмастера мягкая 404 прямо названа причиной, по которой мусорные страницы задерживаются в индексе.
Чем 404 отличается от 410 и когда нужен именно он
Код 410 (Gone) означает то же самое "ничего нет", но с уточнением: страница существовала, и её убрали намеренно, возвращать никто не планирует. Разница для поисковика ощутимая: 404 он периодически перепроверяет - вдруг страница снова появится, а 410 воспринимает как более твёрдый сигнал и быстрее выкидывает адрес из базы.
На практике это означает: если товар закончился, но похожий появится через месяц - подойдёт обычная 404 или временная заглушка "нет в наличии". Если раздел закрыт навсегда, акция прошла и повторяться не будет - лучше 410. Настраивается это похожим способом, но для конкретных URL правило прописывают отдельно: обычную 404-страницу движок отдаёт всем несуществующим адресам сам, а 410 - точечное решение под конкретный случай.
Когда вместо 404 нужен редирект, а когда он делает только хуже
Не любая пропавшая страница должна отдавать 404. Если материал переехал на новый адрес и остался тем же по сути - карточка товара сменила URL, статья попала в новую рубрику - правильный ответ постоянный редирект 301 на актуальную страницу. Он передаёт вес старой ссылки новой и не создаёт для посетителя тупика. Подробный разбор сценариев, когда ставить 301, а когда нет, - в статье 301 редирект: 8 сценариев и как не потерять трафик.
Ошибка начинается там, где редиректом закрывают любую пропажу подряд, чаще всего массовым перенаправлением на главную. Человек искал конкретную вещь, а попал в раздел "выберите ещё раз" и обычно просто уходит. Поисковики относят это к разновидности мягкой ошибки: содержания, ради которого пришёл человек, там нет, а формально страница отвечает успешно. Если новой страницы с тем же содержанием не существует, честнее отдать обычную 404, чем массово редиректить всё на главную.
Что размещать на самой странице и сохранять ли меню
Задача страницы 404 - не извиниться, а помочь человеку найти то, за чем он пришёл. Минимальный набор:
- Поиск по сайту. Самый быстрый способ вернуть посетителя к цели. Как сделать поиск действительно полезным - в статье Поиск по сайту: как сделать так, чтобы им пользовались.
- Ссылки на главные разделы. Каталог, услуги, блог - то, с чего обычно начинается навигация по сайту.
- Несколько популярных материалов или товаров. Не случайных, а реально посещаемых - это видно в любой аналитике.
- Контакты или форма связи. Иногда человек попал на битую ссылку из письма или рекламы и хочет просто написать, а не разбираться в структуре сайта.
- Короткий текст без шуток. Достаточно фразы "страница не найдена" и подсказки, что делать дальше. Часть посетителей приходит сюда в момент, когда что-то уже пошло не так - не работает оплата, битая ссылка из письма поставщика, и шутка здесь читается неуместно.
Шапку сайта и основное меню на странице 404 лучше сохранять - человек должен уйти дальше без клика "назад" в браузере. Убирать стоит разве что второстепенные виджеты, которые перегружают страницу и отвлекают от главной задачи - подсказать, куда идти.
Как найти свои 404: панель вебмастера, логи, аналитика
Три источника закрывают почти всю картину.
Панель вебмастера. И Яндекс.Вебмастер, и Google Search Console показывают список адресов, которые сайт отдаёт с ошибкой, включая источник ссылки - откуда на них ведут. Данные обновляются без участия разработчика. Документация по проверке ошибок индексации есть в Google Search Central.
Логи сервера. Полная картина за нужный период, включая переходы ботов и прямые заходы, которые не всегда видны в вебмастере. Нужен доступ к хостингу или помощь разработчика, зато видно, с каких именно адресов и как часто идут заходы на несуществующие страницы.
Отчёты аналитики. Яндекс.Метрика считает просмотры страницы 404 как обычной страницы - видно, откуда приходят такие визиты и сколько их накопилось за месяц.
Собранный список стоит разложить по причинам: опечатка в чужой ссылке, старая страница без редиректа, случайный переход бота, брошенная ссылка из рекламы. Для первых трёх обычно достаточно точечного редиректа или починки ссылки, четвёртая требует разговора с тем, кто ведёт рекламную кампанию.
404 после редизайна - отдельная задача
Редизайн - самый частый источник массовых 404 разом: меняется структура разделов, переименовываются категории, иногда переезжает вся система адресов. Если список старых URL не собрали заранее и не свели с новой структурой через редиректы, поисковик после запуска обновлённого сайта натыкается на сотни битых ссылок одновременно, и позиции проседают быстро.
Правильный порядок - выгрузить список всех проиндексированных адресов до начала работ, а не после, и держать таблицу соответствия "старый адрес - новый адрес" под рукой всю разработку. Как это делать по шагам, разбирали в статье Редизайн сайта без потери позиций в поиске: пошаговый план. Страница 404 в этой схеме не первая линия защиты, а подстраховка на случай адресов, которые действительно пропали, а не просто переехали.
Чек-лист проверки страницы 404
Что стоит проверить перед сдачей сайта и раз в несколько месяцев после запуска:
| Проверка | Как сделать |
|---|---|
| Код ответа | Открыть несуществующий адрес, проверить код в инструментах разработчика - должен быть 404, не 200 |
| Мягкая 404 | Отчёт об ошибках индексации в Яндекс.Вебмастере и Google Search Console |
| Дубли под кодом 404 | Несколько разных несуществующих адресов не должны отдавать одну и ту же страницу |
| Список битых ссылок | Логи сервера и отчёт вебмастера за последние 2-3 месяца |
| Навигация со страницы | Поиск, ссылки на разделы, контакты - всё кликабельно и ведёт куда нужно |
| Редиректы вместо 404 | Проверить товары и статьи с новым адресом - должен стоять 301, а не заглушка ошибки |
Отдельно стоит проверить страницы, которые случайно попадают под 404 без причины - опечатка в шаблоне, лишний слэш в конце адреса, другой регистр букв. Такие ложные срабатывания иногда прячутся среди похожих на дубли адресов, а разбор дублей и того, как их находить, - в статье Дубли страниц: как найти и закрыть.
Тупик, из которого есть выход
Страница 404 начинается не с картинки, а с кода ответа сервера: без него все остальные усилия поисковик просто не учитывает. Дальше - разумный выбор между 404, 410 и редиректом под конкретную ситуацию, а не один приём на все случаи разом. И только в последнюю очередь дизайн: поиск, ссылки на разделы, контакты и короткий текст без шуток. У нас в практике порядок работы именно такой: сначала чинят коды ответа, и лишь потом дизайнер дорисовывает страницу сверху.
Если чувствуете, что подобные технические мелочи на сайте копятся сами по себе и разбираться в них некогда - в поддержке сайтов у нас такие проверки идут по регламенту, а не только когда кто-то случайно заметил проблему.
