Как добавить голосовой поиск на сайт WordPress: 3 простых шага

Голосовой поиск на сайт WordPress

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

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

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

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

Зачем добавлять голосовой поиск на сайт WordPress

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

Такое же поведение сопровождает их повсюду, в том числе и на вашем сайте.

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

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

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

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

Итак, давайте рассмотрим простой способ добавления функции голосового поиска в WordPress.

Добавление функции голосового поиска WordPress

Обычно добавление функции голосового поиска в WP означает редактирование кода или привлечение разработчика.

Но самый простой способ сделать это — использовать SearchWP.

SearchWP реализация поиска

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

В стандартной конфигурации поиск WordPress довольно ограничен. Он просматривает только заголовки постов, контент и выдержки.

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

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

Вот некоторые возможности SearchWP:

Голосовой поиск. Добавьте кнопку микрофона в форму и позвольте посетителям произносить запросы прямо в поле поиска.

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

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

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

Аналитика поиска. Смотрите, что именно ищут посетители, прямо в дашборде WordPress.

Интеграция с WooCommerce. Сделайте SKU товаров, атрибуты, категории и теги доступными для поиска в магазине.

Индексирование PDF и документов. Включайте контент из загруженных документов и PDF-файлов в результаты поиска.

Итак, давайте посмотрим, как с помощью SearchWP можно добавить голосовой поиск на сайт ВордПресс.

Шаг 1: Установка и активация SearchWP

Для начала нужно посетить сайт SearchWP и зарегистрировать новую учетную запись.

После входа перейдите в дашборд вашей учетной записи SearchWP. Далее перейдите на вкладку «Загрузки».

SearchWP загрузки

Нажмите кнопку «Скачать SearchWP» и сохраните ZIP-файл плагина на свой компьютер.

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

Далее нужно установить и активировать SearchWP на сайте WordPress.

После активации вы увидите экран приветствия SearchWP вместе с мастером настройки. Просто нажмите кнопку «Запустить мастер настройки». Следуйте инструкциям на экране, чтобы завершить настройку.

Мастер настройки для SearchWP

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

Шаг 2: Создание формы поиска в SearchWP

Теперь, когда SearchWP установлен, следующим шагом будет создание формы поиска.

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

Для начала перейдите в SearchWP > «Формы поиска» в дашборде WordPress.

Добавление новой формы поиска

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

После этого откроется редактор. Вы сможете присвоить форме название и приступить к кастомизации её внешнего вида и поведения.

Внешний вид формы поиска

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

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

Далее можете выбрать макет для формы. SearchWP предлагает готовые к работе шаблоны на выбор, что упрощает начало работы.

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

Просто прокрутите вниз до раздела «Кастомный стиль».

Кастомный стиль формы

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

Вы также заметите опцию под названием «Автоматическая отправка формы». Если она включена, плагин автоматически запустит поиск, как только уловит голосовой запрос посетителя.

Посетитель говорит, слова появляются в поле поиска, и отображаются результаты — и все это без лишних кликов.

Автоматический голосовой поиск

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

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

Шаг 3: Добавьте форму голосового поиска на сайт

Теперь, когда форма поиска готова, пришло время разместить её где-нибудь на сайте, где посетители смогут её найти.

SearchWP предлагает 3 способа встраивания. Вы можете использовать блок Gutenberg, шорткод или PHP-код.

Просто нажмите кнопку «Вставить» в верхней части страницы «Форма поиска», и вы увидите эти 3 варианта.

Варианты встраивания формы

Кроме того, есть возможность вручную вставить форму поиска на любую страницу с помощью блока SearchWP.

Например, можете отредактировать страницу и перейти в редактор контента. Оттуда нажмите кнопку «+» и добавьте блок «Форма SearchWP».

Форма SearchWP

После этого вы увидите блок «Формы SearchWP» на своей странице.

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

Кликните на раскрывающееся меня

Когда закончите, просто сохраните страницу.

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

Иконка голосового поиска

Теперь вы должны увидеть кнопку микрофона рядом с полем поиска.

Нажмите на нее. Ваш браузер может запросить разрешение на доступ к микрофону, поэтому обязательно кликните «Разрешить», так как это необходимо для работы голосового поиска.

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

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

Если результаты выглядят правильно, все готово. Голосовой поиск теперь запущен и работает на сайте WordPress.

Оптимизируйте контент для голосовых поисковых запросов

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

Набранные поисковые запросы короткие и четкие. Голосовые длиннее и более разговорные.

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

Вот несколько советов, которые я считаю полезными при оптимизации контента для голосового поиска:

  • Используйте разговорные заголовки. Пишите их так, как люди на самом деле говорят. Вместо «Рецепт шоколадного торта» попробуйте «Как приготовить шоколадный торт с нуля». Это гораздо ближе соответствует естественной формулировке голосовых запросов.
  • Отвечайте на вопросы прямо. Пользователи голосового поиска часто ищут быстрые и четкие ответы. Структурируйте контент так, чтобы за вопросами сразу следовал прямой ответ простым языком.
  • Используйте длинные фразы в контенте. Подумайте о полных предложениях, которые могут произнести посетители, и естественным образом встройте их в текст.
  • Максимально используйте индексирование SearchWP. Плагин может индексировать кастомные поля, таксономии, PDF-файлы и документы. Чем больше контента будет доступно для поиска, тем выше шансы отобразить правильный результат для голосового запроса.
  • Включите неточный поиск в SearchWP. Это помогает улавливать голосовые запросы, которые были слегка неверно распознаны из-за акцента или фонового шума.

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

FAQ

Работает голосовой поиск во всех браузерах?
Голосовой поиск основан на Web Speech API. Он поддерживается большинством современных браузеров, включая Google Chrome, Microsoft Edge и Safari. Он может не работать в старых версиях браузеров или в браузерах, не поддерживающих Web Speech API.
Нужен моему сайту протокол HTTPS для работы голосового поиска?
Да, нужен. Браузеры требуют безопасного соединения, прежде чем разрешить доступ к микрофону. Если сайт все еще работает по протоколу HTTP, сначала нужно установить SSL-сертификат.
Будет голосовой поиск работать на мобильных устройствах?
Безусловно. На самом деле, именно на мобильных устройствах происходит большинство голосовых поисков. Кнопка микрофона работает на смартфонах и планшетах так же хорошо, как и на десктопах, при условии, что браузер поддерживает Web Speech API.
Что произойдет, если посетитель откажет в доступе к микрофону?
Если посетитель откажет в доступе к микрофону, функция голосового поиска просто не активируется. Он по-прежнему сможет использовать поле поиска, вводя текст обычным способом. Ничего не сломается, и пользовательский опыт останется неизменным.
Могу я использовать голосовой поиск с WooCommerce?
Если объедините функцию голосового поиска SearchWP с расширением WooCommerce, посетители смогут произносить названия товаров, SKU или атрибуты и получать точные результаты из интернет-магазина.

Заключение

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

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

Рейтинг
( Пока оценок нет )
Александр/ автор статьи

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

Загрузка ...
Шаблоны для WordPress
×
WordPress
прокачай свой сайт!

Скидка на премиум темы и плагины

Успей забрать скидку ⋙