Как добавить окно поиска на страницу WordPress (для новичков)

Хотите знать, как добавить окно поиска на страницу WordPress?

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

Из этого руководства вы узнаете, как добавить окно поиска на свои страницы за несколько кликов, даже если вы новичок в WordPress.

Давайте начнем!

Преимущества добавления поля поиска на страницу WordPress

Добавление панели поиска на ваши страницы поможет вам:

• Получите больше просмотров страниц . Когда посетители видят строку поиска в записи блога или на странице, велика вероятность, что они ею воспользуются, особенно если вы мотивируете их на это.
• Повысьте доступность вашего контента . Дайте вашему контенту с низким количеством просмотров еще один шанс быть обнаруженным.
• Предоставляйте более релевантные результаты поиска . Помогите своим посетителям быстрее находить то, что они ищут, ограничив поля поиска определенными типами контента или категориями.
• Увеличьте среднюю продолжительность сеанса . Чем больше посетителей изучают ваш контент, тем дольше они остаются на вашем сайте.
• Рейтинг выше в поисковых системах . Высокая средняя продолжительность сеанса — это сильный сигнал для Google о том, что ваш сайт заслуживает более высоких позиций в результатах поиска.

Итак, давайте посмотрим, как вы можете добавить окно поиска на страницу в WordPress.

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

Самый простой способ добавить пользовательскую панель поиска на ваши страницы WordPress — использовать плагин, такой как SearchWP.

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

С SearchWP вы можете полностью настроить работу поиска на своем сайте под свои бизнес-цели.

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

И это только краткий список возможностей плагина!

SearchWP также позволяет:

• Отслеживайте поиски ваших посетителей . Таким образом, вы можете узнать, что интересует вашу аудиторию, и предоставить им контент, который они хотят.
• Добавьте несколько форм поиска на свой сайт . Это позволяет вам создавать настраиваемые формы поиска для конкретных нужд и размещать их на вашем сайте.
• Выделите условия поиска в результатах поиска . Это облегчает вашим посетителям определение того, нашли ли они то, что ищут, в результатах поиска.
• Включите нечеткий поиск на своем сайте . Благодаря этому ваши посетители найдут нужный контент, даже если допустят опечатку в поисковом запросе.
• И многое другое…

Более 30 000 владельцев веб-сайтов уже используют SearchWP для улучшения поиска и предоставления более релевантных результатов поиска своим посетителям.

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

Шаг 1: Установите SearchWP

Чтобы начать, получите свою копию SearchWP здесь.

После этого перейдите в свою учетную запись SearchWP и нажмите « Загрузки ».

Затем нажмите кнопку Download SearchWP и сохраните ZIP-файл плагина на свой компьютер.

После скачивания скопируйте лицензионный ключ в левый нижний угол.

Следующим шагом будет установка и активация плагина SearchWP на вашем сайте WordPress.

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

После установки SearchWP перейдите на панель инструментов WordPress, наведите курсор на кнопку SearchWP на верхней панели и нажмите « Активировать лицензию ».

Затем вставьте лицензионный ключ в поле « Лицензия » и нажмите « Активировать », чтобы активировать свою копию SearchWP.

После активации плагина вы готовы настроить свою поисковую систему.

Шаг 2: Добавьте новую поисковую систему на свой сайт

Чтобы начать, перейдите на вкладку « Двигатели » в настройках SearchWP.

На этой вкладке вы можете найти все поисковые системы, созданные вами с помощью SearchWP.

В настоящее время существует только поисковая система по умолчанию , которую SearchWP автоматически создает после установки. Он связан с каждой существующей формой поиска на вашем сайте.

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

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

Лучше всего то, что SearchWP позволяет создавать несколько поисковых систем и связывать их с отдельными поисковыми формами.

Таким образом, вы можете создавать собственные формы поиска с уникальным набором правил. Это поможет вам сузить результаты поиска и позволит вашим посетителям быстрее находить то, что они ищут.

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

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

После этого появится Дополнительный поисковик.

Шаг 3: Настройте свою поисковую систему

Во-первых, давайте посмотрим на источники поиска, которые есть у этой поисковой системы.

Как видите, есть 4 источника поиска: посты , страницы , медиа и пользователи .

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

Управление источниками поиска

Чтобы начать, нажмите кнопку « Источники и настройки ».

Затем снимите флажки со всех источников поиска, кроме Posts .

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

Например, мы назовем его Awesome Search Engine .

Когда вы закончите настройку параметров поисковой системы, нажмите Готово .

Сделать настраиваемые поля и теги публикации доступными для поиска

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

Чтобы начать, нажмите на источник поиска сообщений , чтобы развернуть его настройки.

Затем нажмите кнопку « Добавить/удалить атрибуты ».

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

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

Для этого щелкните поле « Пользовательские поля» и выберите параметр « Любой мета-ключ ».

Теперь давайте включим поиск по тегам записей. Сначала щелкните поле Таксономии .

Затем найдите таксономию Теги и нажмите на нее.

Теперь посетители нашего сайта могут искать записи по их тегам и произвольным полям.

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

Сохраните свою поисковую систему

Последний шаг — сохранить поисковую систему. Для этого нажмите кнопку « Сохранить двигатели » в правом верхнем углу.

Затем нажмите « Перестроить индекс », чтобы WordPress переиндексировал все ваши сообщения и страницы.

После добавления новой поисковой системы и ее настройки в соответствии с вашими потребностями следующим шагом будет установка расширения SearchWP Shortcodes.

Шаг 4: Установите и активируйте расширение Shortcodes

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

Чтобы начать, перейдите в SearchWP »Расширения на левой панели панели инструментов WordPress.

Затем найдите расширение Shortcodes и нажмите « Установить ».

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

Шаг 5: Добавьте настраиваемую панель поиска на свою страницу WordPress

Чтобы начать, перейдите в Страницы »Добавить новый на панели управления WordPress.

После того, как вы попадете в редактор страниц, введите название вашей страницы. Например, мы назовем его «Поиск руководств ».

Далее нажмите на кнопку Плюс .

После появления окна блоков щелкните блок Custom HTML , чтобы добавить его на свою страницу.

Следующим шагом является копирование и вставка следующего кода в добавленный блок пользовательского HTML :

[searchwp_search_form engine="awesome_search_engine" var="searchvar" button_text="Find Results"]
  
<div class="search-results-wrapper">
 [searchwp_search_results engine="awesome_search_engine" var="searchvar" posts_per_page=4]
  <h2>[searchwp_search_result_link direct="true"]</h2>
  [searchwp_search_result_excerpt]
 [/searchwp_search_results]
</div>
  
<div class="no-search-results-found">
 [searchwp_search_results_none]
 No results found, please search again.
 [/searchwp_search_results_none]
</div>
  
<div class="search-results-pagination">
 [searchwp_search_results_pagination direction="prev" link_text="Previous" var="searchvar" engine="awesome_search_engine"]
 [searchwp_search_results_pagination direction="next" link_text="Next" var="searchvar" engine="awesome_search_engine"]
</div>

Убедитесь, что вы заменили awesome_search_engine в приведенном выше коде названием вашей поисковой системы.

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

Кроме того, он показывает нумерацию страниц, если на странице более 4 результатов поиска, и сообщение «Результаты не найдены», если результатов поиска нет.

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

Затем нажмите « Просмотреть страницу », чтобы проверить новую страницу поиска с пользовательским полем поиска.

Вот как эта страница выглядит на нашем тестовом сайте:

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

На нашем сайте есть много сообщений, связанных с WordPress, в различных категориях, но только одно из них привязано к категории « Учебники ».

На одном из предыдущих шагов мы ограничили эту форму поиска категорией Tutorials . Давайте посмотрим, какие результаты мы получим, выполнив поиск WordPress .

Как видите, мы находим только один пост, размещенный в категории « Учебники ».

Это означает, что наше окно поиска работает так, как должно.

Как добавить поле поиска в меню навигации WordPress

Вы также можете добавить окно поиска в навигационное меню вашего сайта.

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

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

Из этой статьи вы узнали, как легко добавить окно поиска на страницу, даже если вы новичок в WordPress.

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

Готовы создать интеллектуальное окно поиска и добавить его на свои страницы? Вы можете начать работу с SearchWP здесь.

Используете ли вы плагин Elementor? Ознакомьтесь с руководством для начинающих о том, как добавить окно поиска на страницу Elementor.

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