КакСеПравиСайт All articles
Пошаговые гайды

Тупик со вкусом: как сделать страницу 404, после которой человек остаётся, а не уходит

КакСеПравиСайт
Тупик со вкусом: как сделать страницу 404, после которой человек остаётся, а не уходит

Photo: CaptPicard, CC0, via Wikimedia Commons

Кто-то кликнул по старой ссылке, опечатался в адресе или Google показал страницу, которую вы давно удалили. И вот человек смотрит на белую пустоту с надписью «404 Not Found». Что он сделает дальше? Если ваш сайт — новичок без настроенной страницы ошибки, ответ почти всегда один: закроет вкладку.

Хорошая новость: превратить этот тупик в развилку можно за один вечер, даже если вы делаете сайт на конструкторе и ни разу не открывали FTP-клиент. Разберём, что именно написать, чего избегать и как проверить, что всё работает.

Почему 404 — это не ошибка, а второе первое впечатление

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

А теперь представьте обратное: человек попадает на страницу, которая спокойно объясняет, что случилось, извиняется без пафоса и предлагает три очевидных пути дальше. Вероятность, что он останется, вырастает в разы. Для маленького сайта, где каждый посетитель на счету, это не косметика — это удержание.

Что должна говорить страница, которой не существует

Формула простая, четыре элемента:

  1. Признание факта. «Такой страницы нет» — прямо и без жаргона.
  2. Короткое объяснение. Одна фраза: ссылка устарела или адрес введён с опечаткой.
  3. Извинение без драмы. Лёгкое, человеческое, не театральное.
  4. Выход. Кнопка на главную, ссылка на популярные материалы, строка поиска, если она есть.

Вот три готовых шаблона, которые можно взять и адаптировать под свой тон.

Вариант «Спокойный»:

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

Вариант «Тёплый»:

Хм, здесь ничего нет — и это наша вина, а не ваша. Страница переехала или её вовсе не существовало. Давайте начнём с главной?

Вариант «С характером» (для неформальных проектов):

Эта страница сбежала. Мы её искали, честно. Пока она не вернулась — вот дорога на главную и пара статей, которые точно на месте.

Выбирайте тон, который совпадает с остальным сайтом. Если ваши статьи написаны с юмором — шутка в 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 три-четыре ссылки на самые читаемые статьи вручную. Это называется «спасательные ссылки»: человек пришёл не просто так — дайте ему лучший материал, который у вас есть. И следите за этим списком раз в пару месяцев: то, что было популярно весной, к осени может устареть.

Как проверить, что всё работает

Не ждите, пока это сделает случайный посетитель. Сделайте сами:

  1. Наберите в браузере вашсайт.com/какой-угодно-набор-букв. Должна открыться ваша страница, а не голая техническая надпись.
  2. Кликните по каждой кнопке на ней. Все ссылки должны вести на живые страницы.
  3. Проверьте с телефона. Страница ошибки, которая красиво выглядит на мониторе и разваливается на экране iPhone — это полдела.
  4. Если хотите пойти дальше — посмотрите в Google Search Console отчёт «Страницы»: там видно, на какие несуществующие адреса люди действительно попадают. Иногда стоит просто настроить редирект со старого адреса на новый.

Тупик или развилка — решаете за один вечер

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

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

All Articles

Related Articles

Сайт лежит, в Сиэтле утро, а поддержка спит: ночной протокол для владельца сайта в США

Сайт лежит, в Сиэтле утро, а поддержка спит: ночной протокол для владельца сайта в США

Хостинг, DNS и другие чужие слова: словарь, после которого документация читается как инструкция к тостеру

Хостинг, DNS и другие чужие слова: словарь, после которого документация читается как инструкция к тостеру

90 дней с сайтом: дневник, который я вёл вместо жалоб друзьям

90 дней с сайтом: дневник, который я вёл вместо жалоб друзьям