5 эффективных способов настройки страницы результатов поиска WordPress

Страница результатов поиска – что может быть проще? Несмотря на то, что страница результатов поиска WordPress часто игнорируется, она может быть ценным дополнением к улучшенный UX и успешный SEO-стратегия.

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

Оставайтесь с нами, чтобы узнать:

• что такое страница поиска и ее анатомия;
• лучшие практики кастомизации;
• 5 лучших способов преобразить страницу результатов поиска.

Оглавление

Страница результатов поиска и ее структура

Форму поиска можно разместить в любом месте сайта, чаще всего она находится в области заголовка и доступна с каждой страницы. Но что происходит, когда вы вводите поисковую фразу и нажимаете «Поиск»? Вы попадаете на другую страницу со всеми результатами поиска. Это страница результатов поиска со своим собственным шаблоном, который можно изменить, как и любой другой шаблон WordPress.

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

1. заголовок;
2. форма поиска;
3. подсчет результатов (желательно);
4. фильтры (настоятельно рекомендуется для WooCommerce);
5. цикл постов с нумерацией страниц – результаты поиска;
6. нижний колонтитул.

Поисковая система на сайте и страница результатов поиска

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

• Точность поиска, функциональность, будут ли выделены определенные результаты, поддержка AJAX (чтобы поисковые предложения отображались прямо в форме поиска), а также насколько подробными будут результаты — все эти вещи зависят от поисковой системы WordPressа не шаблон страницы результатов поиска.
  Хотя собственный поиск WordPress довольно прост, сторонние плагины расширяют его функциональность и могут заставить его работать очень хорошо.
• Страница результатов поиска — это то, как результаты будут отображаться после того, как вы нажмете кнопку «Поиск» (или клавишу «Ввод»), и вы будете перенаправлены на эту страницу.
  Шаблон страницы результатов поиска не влияет на функциональность поисковой системы и точность результатов.. Максимум, что вы можете контролировать с помощью шаблона, — это скрывать определенные типы сообщений или таксономии, сортировать их и устанавливать нумерацию страниц.

Если вы используете такие плагины, как ДжетПоиск которые поддерживают пользовательские поисковые предложения и запросы, а также поиск на основе AJAX (без перезагрузки страницы), пользователи могут даже не попасть на эту страницу только потому, что пропустили ее, щелкнув предлагаемые ссылки, которые появляются в виде раскрывающегося списка в поле поиска.

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

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

Настройка страницы результатов поиска

Существует несколько удобных способов настройки страницы результатов поиска.

Настройка тем блоков (полное редактирование сайта)

Это довольно легко сделать в редакторе блоков для тем, поддерживающих FSE. Идти к Панель инструментов > Внешний вид > Редактор > Шаблоны > Поиски измените его так, как хотите. Блок, отвечающий за получение результатов поиска, называется Цикл запроса. Вы можете изменить способ отображения сообщений на правой панели, например, изменить количество столбцов, добавить или удалить такие элементы, как заголовок, отрывок, избранное изображение и т. д.
Вы можете использовать один из сторонних плагинов редактора блоков из нашего списка для еще лучшего оформления.

Редактирование в Elementor

Чтобы отредактировать шаблон страницы результатов поиска в Elementor, вам понадобится Elementor Pro.

Идти к Панель инструментов > Шаблоны > Конструктор шаблонов, и выберите результаты поиска шаблон. Выберите виджеты для архива, например Архив сообщений или Сообщенияи настройте его стиль и макет.

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

После редактирования страницы установите условия отображения на результаты поиска страница.

Страница результатов поиска с помощью JetThemeCore и JetEngine

Если вы хотите, чтобы ваша страница результатов поиска была оформлена определенным образом и отображала определенный набор результатов, этот метод будет лучшим вариантом. Эти два плагина поддерживают Block Editor и Elementor (JetEngine также работает с Bricks).

В этом случае необходимо предпринять следующие шаги:

1. Создайте собственный запрос, используя ДжетЭнджин > Конструктор запросов для отображения желаемых результатов в правильном порядке.

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

2. Создайте шаблон объявления (JetEngine > Объявления) с исходными «сообщениями», чтобы определить, как будут выглядеть отдельные элементы результатов поиска. Если у вас уже есть шаблоны списков для других архивов, и они будут соответствовать странице результатов поиска, вы можете пропустить этот шаг.
3. Идти к Crocoblock > Конструктор шаблонов (это функционал JetThemeCore), добавьте новый шаблон с условием «Архив > Результаты поиска» и добавьте туда все виджеты/блоки, которые вы хотите видеть на странице (форма поиска, боковые панели и т.д.) и Виджет/блок листинговой сетки. В его настройках выберите список, который вы создали для результатов поиска, и на вкладке «Пользовательский запрос» выберите запрос, который вы сделали на шаге 1. Он будет фильтровать и упорядочивать конкретные результаты, которые вы установили в запросе.
4. Если вы хотите добавить количество результатов, вы можете сделать это, добавив динамический тег; подробности см. в этой инструкции.

Полезные хуки (фрагменты кода) для страницы результатов поиска

Эти фрагменты кода следует вставить в файл функции.php файл вашей темы. Это повлияет на результаты глобально, даже если шаблон страницы результатов поиска был создан в конструкторах (Elementor, Full Site Editor, JetThemeCore, Bricks и т. д.).

Мы будем использовать хук «pre_get_posts» для запуска следующих фрагментов кода.

do_action_ref_array( 'pre_get_posts,' WP_Query $query )

Он срабатывает после создания объекта переменной запроса, но до выполнения фактического запроса.

Чтобы исключить страницы из результатов поиска и отображать только сообщения (вы можете заменить «сообщение» на любое имя пользовательского типа сообщения, если вам нужно отображать только их) или, если вы хотите отображать только страницы, замените его на «страница».

//Exclude Pages from Search Results
if (!is_admin()) {
function crposts_search_filter($query) {
if ($query->is_search) {
$query->set('post_type', 'post');
}
return $query;
}
add_filter('pre_get_posts','crposts_search_filter');
}

Отображение сообщений после определенной датыиспользуйте этот код:

function date_search_filter($query) {
	if ( ! is_admin() && $query->is_main_query() ) {
		if ( $query->is_search ) {
			$query->set( 'date_query', array(
				array(
					'after' => January 1, 2020',
				)
			) );
		}
	}
}
add_action( 'pre_get_posts', 'date_search_filter' );

Чтобы установить количество сообщений на страницеиспользуйте этот фрагмент:

function pagination_search_filter($query) {
	if ( ! is_admin() && $query->is_main_query() ) {
		if ( $query->is_search ) {
		$query->set( 'posts_per_page', 50 );
		return;
	}
}
add_action( 'pre_get_posts', 'pagination_search_filter' );

Если вы хотите еще больше изменить запрос, вам пригодится этот генератор запросов.

Проектирование страницы результатов поиска для WooCommerce

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

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

💡 Ознакомьтесь с обзором полезных функций JetWooBuilder в это подробное руководство.

Демонстрационный веб-сайт Bookstore (см. страницу результатов поиска) демонстрирует, насколько эффективно комбинация плагинов JetSearch, JetSmartFilters и JetWooBuilder может использоваться на сайте WooCommerce. Обратите внимание, что вы можете переключать представление с сетки на список, применять фильтры и сортировать результаты.

Если вы хотите узнать, как создать такую ​​страницу результатов поиска, следуйте этим инструкциям..

Также вы можете получить готовый динамический шаблон этого сайта в разделе Подписка «Все включено»а также 14 других шаблонов и более 40 статических шаблонов.

Часто задаваемые вопросы

Подведение итогов

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

Замечательно иметь на сайте полноценный поиск AJAX и отточенную страницу результатов поиска, где пользователи могут легко найти то, что ищут. Страница результатов поиска имеет решающее значение для WooCommerce и играет значительную роль для остальных сайтов WordPress.