Как добавить автозаполнение поиска на ваш сайт WordPress

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

Хотя WordPress включает функцию поиска из коробки, он изначально не поддерживает «поиск с автозаполнением» или «поиск в реальном времени», которые являются двумя наиболее распространенными названиями этой функции. Однако с помощью правильного плагина вы можете легко реализовать окно поиска.

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

Почему автозаполнение поиска имеет значение?

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

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

Здесь на помощь приходят подсказки автозаполнения. Внедряя поисковые подсказки WordPress, вы увеличиваете вероятность того, что пользователи будут проводить больше времени на вашем сайте. Вы упрощаете для них поиск нужного контента, что приводит к лучшему общему опыту. Кроме того, реализовать автозаполнение поиска WP несложно, если вы используете правильный плагин.

Как добавить поиск на ваш сайт WordPress с помощью плагина

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

Включить автозаполнение в WPSoll

WPsolr — это премиальный плагин для поисковых подсказок, который работает как с обычными сайтами WordPress, так и с WooCommerce. Он работает на платформах Elasticsearch и Solr и позволяет настраивать результаты поиска с одного сайта на другой.

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

После установки плагина вы получите доступ к странице его настроек внутри панели управления. Если вы перейдете на вкладку с надписью «Определить поиск с помощью Elastic.co — GCloud» , вы найдете параметр « Показать предложения» в поле поиска .

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

Цена: лицензия WPSoler стоит 199 евро в год (около 215 долларов в год).

Включить автозаполнение в SearchWP

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

Однако SearchWP по умолчанию не включает функцию автозаполнения поиска. Чтобы включить эту функцию, вам нужно использовать бесплатное расширение под названием SearchWP Live Ajax Search.

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

Также стоит отметить, что SearchWP Live Ajax Search работает без базового плагина SearchWP. Единственное отличие состоит в том, что в сочетании с SearchWP вы получаете доступ к более подробным результатам.

Цена: Стандартная лицензия SearchWP для одного сайта стоит 99 долларов , но расширение Live Ajax Search предоставляется бесплатно.

Включить автозаполнение в Ajax Search Lite

По умолчанию Ajax Search Lite предлагает функции, которые вы обычно найдете только в премиальных поисковых плагинах WordPress. С помощью этого инструмента ваши пользователи могут получить доступ к результатам поиска WordPress с автозаполнением, которые включают настраиваемые типы сообщений, поля и другие виды метаданных (наряду со страницей по умолчанию и результатами сообщений).

Когда плагин активен, вы можете перейти к Ajax Search Lite > General Options > Autocomplete & Suggestions . Автозаполнение поиска должно быть включено по умолчанию в разделе Включить автозаполнение поиска Google? .

Если вам нужен полный контроль над тем, какой тип содержимого отображается в результатах автозаполнения, перейдите на вкладку «Источники и основные сведения» . Там вы можете выбрать, какой контент будет отображаться в результатах поиска.

Все функции автозаполнения поиска, которые вам понадобятся, доступны в бесплатной версии Ajax Search Lite. Тем не менее, есть также премиум-версия плагина, которая включает в себя дополнительные функции, такие как настраиваемые темы для панели поиска и результатов.

Цена: Ajax Search Lite бесплатен, а премиум-версия плагина стоит от 36 долларов.

Автозаполнение поиска WordPress без плагина

Как вы, возможно, заметили, два плагина, которые мы рассмотрели в предыдущем разделе, используют Ajax (или асинхронный JavaScript) для поддержки функции поиска в реальном времени. Использование Ajax вместе с jQuery — самый простой способ реализовать эту функцию в WordPress.

Это означает, что если вам неудобно использовать JavaScript, возможно, вам лучше придерживаться плагинов. Однако можно добавить эту функцию вручную.

Как добавить автозаполнение поиска самостоятельно

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

Вот два подхода, которые мы рекомендуем изучить:

• Реализуйте поиск в реальном времени с помощью Ajax только для заголовков сообщений . Поскольку вы будете получать только заголовки сообщений, это самый простой способ реализации.
• Добавить автозаполнение поиска для пользовательских таблиц . С помощью этого метода вы можете предоставлять результаты из созданной вами пользовательской таблицы, что дает вам полный контроль над отображаемыми данными.

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

Улучшите свой цифровой опыт с помощью WP Engine

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

Конечно, это не будет иметь большого значения, если вы также не используете правильный веб-хостинг. Управляемый хостинг WordPress предоставляет вам неограниченный доступ к инструментам и круглосуточную поддержку технических экспертов для поддержания оптимальной производительности сайта. С WP Engine вы получаете все ресурсы, необходимые для развития вашего веб-сайта и предоставления вашим посетителям высококачественного цифрового опыта!