Страница поиска WordPress – как правильно настроить и улучшить страницу с поисковыми результатами

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

Для чего предназначена страница поиска WordPress

Когда сайт становится слишком большим, а пагинация постов растягивается на сотни страниц, посетителям становится труднее ориентироваться в потоке контента.

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

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

Реализация такого функционала решает несколько задач:
Помогает дольше удерживать посетителей на веб-сайте. Это, в свою очередь, снижает количество отказов и улучшает SEO-показатели. В результате поисковики повышают сайт WordPress в выдаче.
Улучшение удобства пользования. Посетители высоко оценивают сайты, на которых не нужно тратить много усилий, чтобы разобраться, где что находится, и как это все работает. Они с удовольствием возвращаются на такие сайты и проводят на них много времени.
Увеличение продаж товаров и услуг. Покупатели онлайн-магазинов активно используют поисковую строку, чтобы найти товар, который им подходит. Поэтому продвинутая поисковая система обязательно должна присутствовать на сайте электронной коммерции.

Как можно усовершенствовать страницу поиска в WordPress

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

В чистой установке ВордПресс с активированной базовой темой поисковая страница имеет следующие особенности:
Выводится заголовок, крупная картинка и первые 55 символов анонса. Это далеко не всегда удобно для пользователей и некрасиво выглядит на фронтенде. Нужно стилизовать поисковые результаты в соответствии с потребностями аудитории конкретного сайта.
Недостаточно релевантный запросу список результатов. Записи выводятся в хронологическом порядке. Для удобства нужно сделать так, чтобы в первую очередь выводились те результаты, которые лучше соответствуют запросу.
Слова запроса в поисковых результатах не подсвечиваются. Пользователь не может оценить, насколько релевантны результаты его запросу. Полезно сделать подсветку слов, которые искал посетитель.
Подсказки в поисковой строке не работают. С этой удобной опцией поисковиков Яндекс и Google мы все знакомы. При вводе первых букв всплывают подсказки, что избавляет пользователей от необходимости набора полного текста. В интернет-магазинах в поисковой строке могут также отображаться картинки товаров, что помогает покупателям быстрее найти желаемое и повышает продажи.
Нет расширенного поиска с фильтрацией результатов. Посетитель не может сортировать список по каким-либо критериям, например, по дате или оценкам рейтинга. Особенно важно сделать поиск со всевозможными фильтрами на сайте интернет-магазина. В качестве критериев сортировки могут выступать такие данные, как цена, популярность товара, бренд, размер и многое другое.
Недостаточно хороший поиск в каталоге WooCommerce. Желательно сделать так, чтобы скрипт искал нужную информацию не только в описании, но и в метаданных, тегах, артикулах и других характеристиках товаров.
Не учитываются частичные совпадения. Если посетители вводят запрос с ошибками, они попадают на страницу с оповещением о том, что искомой информации на сайте нет. Чтобы такого не происходило, необходимо создать поиск с учетом частичных совпадений.
Поиск недостаточно быстрый. Обязательно нужно поработать над производительностью, а также включить кеширование поисковых страниц.

Плагины для улучшения страницы поиска ВордПресс

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

Сначала рассмотрю несколько полезных WordPress-плагинов.

Search & Filter: удобный поиск с фильтрацией

Удобный поиск с фильтрацией

Search & Filter — бесплатный WordPress плагин для реализации на сайте удобной формы поиска с возможностью сортировки. Вы можете заменить стандартную форму на усовершенствованное окно с фильтрами.

Вывод формы можно сделать с помощью шорткода в любом месте веб-ресурса. Данные для сортировки можно брать любые: даты публикации, типы записей, теги, категории, пользовательские поля и др.

Фильтры можно отобразить в виде:

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

Highlight Search Terms: подсветка искомых слов

Подсветка слов при поиске

Знакомьтесь — удобный модуль Highlight Search Terms. Установите и активируйте этот бесплатный плагин WordPress для подсветки запросов в результатах поиска.

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

Relevanssi: поддержка частичных совпадений

Полезный модуль поиска

Relevanssi — еще один полезный бесплатный WordPress модуль, который поможет сделать поисковую страницу на сайте более удобной.

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

Для использования плагина, возможно, потребуется расширить объем дискового пространства на хостинге. Он увеличивает размер таблицы записей в базе данных как минимум в 3 раза.

Better Search: релевантные результаты и карта популярных запросов

Улучшить результаты поиска WP

Better Search — бесплатный WordPress плагин, который отображает результаты на странице поиска в порядке релевантности, а также отслеживает наиболее популярные запросы.

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

Ajax Search Lite: подсказки в поисковой строке

Подсказки при поиске в ВП

Ajax Search Lite — бесплатный плагин для реализации «умного» поиска с подсказками на WordPress.

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

Clearfy Pro: исключение ненужных материалов из поиска


Расширение Clearfy Pro

Clearfy Pro — премиальный плагин от русской команды WPShop, предназначенный для тонкой SEO-настройки, улучшения безопасности и удобства пользования сайтами, работающими на базе WordPress.

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

Чтобы удалить со страницы поиска ненужные материалы сделайте следующее:

  1. В настройках Clearfy Pro проследуйте на вкладку «Модули».

Вкладка моделй в Clearfy Pro

  1. Прокрутите до раздела «Скрыть записи» и активируйте подпункт «В поиске».
  2. Добавьте в соответствующее поле ID страниц или записей, которые вы бы не хотели видеть на странице с поисковыми результатами.

Удаление записей из поиска

  1. Сохраните настройки плагина.

Промокод -15% на Clearfy Pro

Как улучшить страницу поиска WP программно

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

Отображение количества результатов

Для этого через редактор шаблонов в панели администратора WordPress нужно найти файл search.php и отредактировать его.

Перед списком записей добавьте код:

<div>
Найдено
<?php
global $wp_query;
echo $wp_query->found_posts;
?>
записей по вашему запросу.
</div>

Подсветка слов запроса в результатах

Вставьте в конец файла functions.php или в плагин profunction (бесплатный помощник от ребят из WPShop) следующий код:

add_filter("the_content", "search_results_hightlight");
add_filter("the_excerpt", "search_results_hightlight");
add_filter("the_title", "search_results_hightlight");
function search_results_hightlight($text)
{
$styles = [
"",
"color: #000; background: #98fd65;",
"color: #000; background: #ffcc56;",
"color: #000; background: #98cefa;",
"color: #000; background: #fd9897;",
"color: #000; background: #df7dca;",
];
if (!is_search())
return $text;
$query_terms = get_query_var("search_terms");
if (empty($query_terms))
$query_terms = array_filter([get_query_var("s")]);
if (empty($query_terms))
return $text;
$n = 0;
foreach ($query_terms as $term) {
$n++;
$term = preg_quote($term, "/");
$text = preg_replace_callback("/$term/iu", function ($match) use ($styles, $n) {
return '<span >"' . $match[0] . '"</span>';
}, $text);
}
return $text;
}

Перед внесением изменений в исходный код не забудьте сделать резервную копию сайта.

Reboot: премиальный шаблон WordPress с продвинутым поиском


Премиальная тема Reboot

Универсальная тема Reboot ВордПресс от команды WPShop с конструктором главной страницы. Предоставляет также расширенные настройки поискового раздела.

Расширенные настройки поиска

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

Промокод -15% на Reboot

Я рассмотрел несколько способов улучшить поисковую страницу на блогах bи интернет-магазинах WordPress. С помощью бесплатных плагинов вы сможете добавить сортировку, поддержку частичных совпадений, подсветку запросов, а Clearfy Pro поможет исключить ненужные материалы из результатов поиска.

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

Если Вам понравилась статья — поделитесь с друзьями
Александр
Работаю с WordPress с 2011 года. Успешно использую платформу, как для блогов, так и для магазинов или сайтов-услуг. Помогаю веб-студиям с запуском новых проектов, плюс активно участвую в развитии коммьюнити WordPress.
Задать вопрос