wp3.ru wordpress WP3

Как настроить страницу 404 в WordPress

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

Настройка обычно сводится к двум задачам: изменить шаблон 404.php в теме и наполнить страницу полезными элементами. Если тема использует блочный шаблон, логика будет немного другой, но смысл тот же: страница должна быть понятной, аккуратной и полезной.

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

Перед правкой шаблона полезно понять, какой результат нужен. Хорошая 404-страница не пытается «замаскировать» ошибку, а помогает человеку быстро сориентироваться.

  • Короткое и понятное сообщение без технического жаргона.
  • Поиск по сайту.
  • Ссылки на главную, популярные рубрики или важные разделы.
  • Визуально нормальная верстка, без ощущения сломанного сайта.
  • Если уместно — контакты или подсказка, как найти нужный материал.

Если на сайте много контента, особенно полезно добавить блоки с последними записями, популярными статьями или рубриками. Если сайт небольшой, достаточно поиска и ссылки на главную.

Где в WordPress настраивается 404

В классических темах за это отвечает файл 404.php. Когда WordPress не находит страницу, он подключает именно этот шаблон. Если файла нет, тема может использовать общий шаблон, но на практике почти всегда отдельный 404-файл присутствует.

В блочных темах, где используется редактор сайта, логика может быть завязана на шаблон 404 в разделе «Внешний вид» → «Редактор». Там страница собирается из блоков, а не из PHP-разметки. Это удобно, если вы хотите менять текст и блоки без правки кода.

Если вы не уверены, какая у вас тема, откройте раздел «Внешний вид». Если есть «Редактор», скорее всего, тема блочная. Если доступен только «Редактор файлов темы» или работа ведется через FTP/хостинг, вероятнее всего, тема классическая.

Как изменить страницу 404 в классической теме

Самый надежный способ — править дочернюю тему. Если менять файл напрямую в родительской теме, обновление может затереть ваши изменения. Это особенно важно, если тема обновляется регулярно.

Обычно нужно открыть файл 404.php в дочерней теме и заменить или дополнить его содержимое. Ниже пример простой и рабочей структуры страницы 404, которую можно адаптировать под свою тему:

<?php get_header(); ?>

<main id="primary" class="site-main">
	<section class="error-404 not-found">
		<header class="page-header">
			<h1 class="page-title">Страница не найдена</h1>
		</header>

		<div class="page-content">
			<p>Похоже, адрес был введён с ошибкой или страница была удалена. Попробуйте поискать нужный материал или перейти на главную.</p>

			<?php get_search_form(); ?>

			<p><a href="<?php echo esc_url( home_url( '/' ) ); ?>">Перейти на главную</a></p>
		</div>
	</section>
</main>

<?php get_footer(); ?>

Здесь важны три вещи. Во-первых, используется стандартный хук темы для шапки и подвала. Во-вторых, подключается форма поиска через get_search_form(). В-третьих, ссылка на главную формируется через home_url( '/' ), а не вручную — так меньше шансов ошибиться с адресом.

Если хотите добавить список популярных материалов, можно вставить обычный блок с последними записями или рубриками. Для этого не нужно усложнять шаблон: достаточно вывести нужный HTML или использовать стандартные WordPress-функции, если тема уже строится на PHP-шаблонах.

Что лучше не делать в 404.php

Не стоит превращать страницу ошибки в полноценную рекламную витрину. Слишком длинный текст, баннеры и лишние элементы только мешают. Также не нужно скрывать факт ошибки и перенаправлять пользователя на главную без объяснения — это сбивает с толку и ухудшает навигацию.

Еще одна частая ошибка — ломать общий шаблон темы. Если после правки 404 страница стала без шапки, без подвала или с «поехавшей» версткой, значит, файл собран неправильно. В таком случае проще сравнить его с оригиналом темы и вернуть стандартную структуру get_header() / get_footer().

Как настроить 404 в блочной теме

Если тема поддерживает редактор сайта, откройте шаблон 404 и соберите его из блоков. Это удобнее для владельца сайта, потому что текст, кнопки и ссылки можно менять без кода.

Практически полезная схема выглядит так:

  • заголовок с сообщением об ошибке;
  • короткое пояснение, что страница не найдена;
  • блок поиска;
  • кнопка или ссылка на главную;
  • список рубрик, последних записей или популярных материалов.

Если в теме есть шаблон 404, его можно отредактировать прямо в редакторе сайта. Если шаблона нет, создайте новый и назначьте его как 404 в структуре темы, если редактор это позволяет. Названия и доступные действия зависят от конкретной темы и версии WordPress, поэтому здесь лучше ориентироваться на интерфейс вашей установки, а не на универсальную инструкцию.

Как сделать страницу 404 полезной для посетителя

Смысл настройки не в том, чтобы просто заменить стандартную фразу. Страница должна помогать человеку продолжить путь по сайту. На практике лучше всего работают несколько простых элементов.

ЭлементЗачем нуженКогда особенно полезен
ПоискПозволяет сразу найти нужный материалНа контентных сайтах, блогах, каталогах
Ссылка на главнуюДает быстрый выход из тупикаПочти всегда
Рубрики или разделыПомогают сориентироваться в структуре сайтаЕсли материалов много
Последние записиПоказывают актуальный контентДля новостных и блоговых сайтов

Если сайт коммерческий, можно добавить ссылки на каталог, услуги, контакты или страницу с ответами на частые вопросы. Но не перегружайте 404 лишними блоками: пользователь пришел не за выбором из десятка вариантов, а за быстрым способом найти нужное.

Как проверить, что 404 работает правильно

После настройки обязательно проверьте результат вручную. Самый простой способ — открыть заведомо несуществующий адрес на вашем домене, например https://ваш-домен.ru/nesushchestvuyushchaya-stranitsa. Если шаблон настроен правильно, вы увидите именно вашу страницу 404, а не стандартную заглушку темы или ошибку сервера.

Проверьте несколько вещей:

  • отображается ли нужный заголовок и текст;
  • работает ли поиск;
  • ведут ли ссылки на правильные страницы;
  • не ломается ли верстка на мобильном экране;
  • не происходит ли автоматический редирект на главную без вашего участия.

Если страница не открывается как 404, а сервер возвращает другую ошибку, проблема может быть не в WordPress, а в настройках веб-сервера или кэша. В таком случае сначала очистите кэш сайта и браузера, а затем проверьте, не перехватывает ли запрос плагин редиректов или правила на уровне хостинга.

Когда лучше не править шаблон вручную

Если вы используете сложную коммерческую тему или сайт обслуживается через конструктор, ручная правка PHP-файлов может быть неудобной и рискованной. В этом случае безопаснее использовать возможности самой темы или редактора сайта. Это особенно актуально, если у вас нет доступа к дочерней теме или вы не хотите затрагивать код.

Если же тема устаревшая и 404-шаблон в ней сделан грубо, иногда проще создать дочернюю тему и собрать аккуратный шаблон заново, чем пытаться подстраиваться под старую верстку. Но перед этим стоит сделать резервную копию файлов и базы данных, чтобы можно было быстро откатить изменения.

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

Хорошо настроенная страница 404 не исправляет битые ссылки, но заметно снижает потери трафика и раздражение пользователей. Если сделать ее короткой, понятной и полезной, посетитель не уйдет с сайта сразу после ошибки, а получит нормальный маршрут дальше.

×
Твой WordPress — твои правила!

Топовые темы и плагины со скидкой 20%.

Забрать выгодно ⋙