Тупик со вкусом: как сделать страницу 404, после которой человек остаётся, а не уходит
Photo: CaptPicard, CC0, via Wikimedia Commons
Кто-то кликнул по старой ссылке, опечатался в адресе или Google показал страницу, которую вы давно удалили. И вот человек смотрит на белую пустоту с надписью «404 Not Found». Что он сделает дальше? Если ваш сайт — новичок без настроенной страницы ошибки, ответ почти всегда один: закроет вкладку.
Хорошая новость: превратить этот тупик в развилку можно за один вечер, даже если вы делаете сайт на конструкторе и ни разу не открывали FTP-клиент. Разберём, что именно написать, чего избегать и как проверить, что всё работает.
Почему 404 — это не ошибка, а второе первое впечатление
Подумайте о маршруте: человек уже проявил интерес — он кликнул. Это тёплый, почти горячий посетитель. Стандартная страница ошибки — это как закрытая дверь магазина в час пик без таблички «мы переехали». Обидно и бессмысленно.
А теперь представьте обратное: человек попадает на страницу, которая спокойно объясняет, что случилось, извиняется без пафоса и предлагает три очевидных пути дальше. Вероятность, что он останется, вырастает в разы. Для маленького сайта, где каждый посетитель на счету, это не косметика — это удержание.
Что должна говорить страница, которой не существует
Формула простая, четыре элемента:
- Признание факта. «Такой страницы нет» — прямо и без жаргона.
- Короткое объяснение. Одна фраза: ссылка устарела или адрес введён с опечаткой.
- Извинение без драмы. Лёгкое, человеческое, не театральное.
- Выход. Кнопка на главную, ссылка на популярные материалы, строка поиска, если она есть.
Вот три готовых шаблона, которые можно взять и адаптировать под свой тон.
Вариант «Спокойный»:
Такой страницы у нас нет. Возможно, ссылка устарела или в адресе закралась опечатка. Загляните на главную — там всё самое важное.
Вариант «Тёплый»:
Хм, здесь ничего нет — и это наша вина, а не ваша. Страница переехала или её вовсе не существовало. Давайте начнём с главной?
Вариант «С характером» (для неформальных проектов):
Эта страница сбежала. Мы её искали, честно. Пока она не вернулась — вот дорога на главную и пара статей, которые точно на месте.
Выбирайте тон, который совпадает с остальным сайтом. Если ваши статьи написаны с юмором — шутка в 404 уместна. Если вы ведёте блог о финансах — держитесь варианта «Спокойный».
Чего писать не стоит
Список антипаттернов, которые встречаются чаще, чем хотелось бы:
- Технический дамп. «Error 404: The requested URL was not found on this server» — это текст для разработчика, а не для человека.
- Обвинение посетителя. «Вы ввели неправильный адрес» — даже если это правда, звучит как упрёк.
- Тупик без ссылок. Текст есть, а кнопок нет. Человек в ловушке.
- Юмор ради юмора. Шутка на четыре абзаца, из которой непонятно, что делать дальше. Остроумие — приправа, а не блюдо.
- Устаревшие ссылки. Классика: на странице 404 стоит ссылка на статью, которую удалили полгода назад. Проверяйте, куда ведут кнопки.
Как это сделать технически: три сценария
Сценарий 1. Конструктор (Wix, Squarespace, Tilda и подобные). Обычно страница 404 уже есть — её нужно просто найти в настройках и отредактировать как обычную страницу: поменять текст, добавить кнопку. В Wix это «Настройки сайта → Страница 404», в Squarespace — отдельный шаблон в дизайне. Пятнадцать минут работы.
Сценарий 2. WordPress. Зайдите в редактор темы (Внешний вид → Редактор файлов тем) и найдите файл 404.php. Большинство современных тем позволяют править текст прямо там, а если тема блочная — через «Внешний вид → Редактор сайта» появится отдельный шаблон «404». Не хотите трогать код — поставьте плагин вроде SeedProd или 404page и соберите страницу визуально.
Сценарий 3. Сайт на чистом HTML и хостинге. Создайте файл 404.html в корневой папке сайта. Большинство американских хостингов (Bluehost, Hostinger, SiteGround) автоматически подхватят его. Если нет — добавьте в файл .htaccess строку ErrorDocument 404 /404.html. Всё, готово.
Полезная деталь, о которой забывают: не молчите в поиске
Хотите маленький бонус? Добавьте на страницу 404 три-четыре ссылки на самые читаемые статьи вручную. Это называется «спасательные ссылки»: человек пришёл не просто так — дайте ему лучший материал, который у вас есть. И следите за этим списком раз в пару месяцев: то, что было популярно весной, к осени может устареть.
Как проверить, что всё работает
Не ждите, пока это сделает случайный посетитель. Сделайте сами:
- Наберите в браузере
вашсайт.com/какой-угодно-набор-букв. Должна открыться ваша страница, а не голая техническая надпись. - Кликните по каждой кнопке на ней. Все ссылки должны вести на живые страницы.
- Проверьте с телефона. Страница ошибки, которая красиво выглядит на мониторе и разваливается на экране iPhone — это полдела.
- Если хотите пойти дальше — посмотрите в Google Search Console отчёт «Страницы»: там видно, на какие несуществующие адреса люди действительно попадают. Иногда стоит просто настроить редирект со старого адреса на новый.
Тупик или развилка — решаете за один вечер
Страница 404 — одно из тех мест на сайте, где видно отношение автора к мелочам. Её никто не планирует заранее, все попадают туда случайно — и именно поэтому она так много говорит о вас. Час работы, три абзаца текста, пара кнопок — и случайный гость вместо закрытой вкладки получает повод остаться.
Заведите себе привычку: сделали новую страницу на сайте — загляните и в 404, убедитесь, что спасательные ссылки всё ещё актуальны. Пять минут в месяц — и тупик навсегда останется развилкой.