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

Возможно, вы уже привыкли к голосовым помощникам, таким как Siri, Google Assistant или Alexa. С помощью устройства задаете точные вопросы и за считанные секунды получаете результаты на экране. Без набора текста и без запинки.

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

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

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

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

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

Комфортный пользовательский опыт — вот что отличает один сайт от других. Добавление голосового поиска на сайт WordPress улучшит пользовательский опыт.

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

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

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

Например, у вас есть блог WordPress, посвященный маркетинговым идеям и инструментам. Кто-то выполнил голосовой запрос «каковы главные тренды email-маркетинга в 2025 году». Этот поиск повлияет на вашу видимость в разговорных запросах, дополняя ключевое слово, например, главные тренды email-маркетинга (если вы его уже рассмотрели).

Более того, добавить голосовой поиск в WordPress очень просто, это почти не доставляет неудобств.

Предварительный контрольный список: что нужно исправить перед началом работы

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

1. Убедитесь, что используется HTTPS/SSL: прежде чем начать, убедитесь, что у вас есть SSL-сертификат для включения HTTPS. Он подтвердит подлинность вашего сайта.

2. Оптимизация для мобильных устройств: Одна из главных целей настройки голосового поиска — улучшить пользовательский опыт (UX) для мобильных пользователей. Если сайт не адаптирован для мобильных устройств, все будет напрасно. Поэтому необходимо оптимизировать WordPress для мобильных пользователей.

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

3. Оптимизация ключевых слов для разговорного контента:  структурируйте свой контент так, чтобы он соответствовал голосовым запросам. Лучший способ добиться этого — писать точные ответы на разговорные вопросы, добавлять раздел «Часто задаваемые вопросы» и использовать маркированные списки или таблицы для пояснения ответов на вопросы.

4. SEO-совместимость: использование SEO-плагинов, таких как Yoast или Rank Math, будет очень полезно. Они обеспечат поддержку таких функций, как разметка Schema и XML-карты сайта.

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

Реальные примеры использования голосового поиска

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

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

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

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

Блоги и сайт для публикации контента

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

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

Что такое плагины голосового поиска в WordPress?

Плагины голосового поиска — это надстройки, которые можно интегрировать в сайт WordPress. После активации они позволяют пользователям выполнять поиск с помощью голосовых команд.

Цель такого плагина — обеспечить голосовой поиск. Это можно сделать, активировав плагин или используя API распознавания речи. Всё, что нужно сделать, — это установить плагин, активировать его и настроить несколько функций.

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

Плагин выполняет голосовой поиск в следующей последовательности:

• Пользователь взаимодействует со значком микрофона в строке поиска и вводит голосовой ввод или поисковый запрос.
• Здесь работает механизм преобразования речи в текст плагина, который преобразует речь в текст, используя либо API браузера (в Chrome это Web Speech API от Google), либо стороннего поставщика услуг (в основном это Google Cloud Speech API).
• Если пользователь вводит команду «найти лучшие боевики 2025 года», движок преобразования речи в текст преобразует ее в текст, например, «найти лучшие боевики 2025 года».
• Поисковая система обрабатывает текст и генерирует наиболее релевантные результаты, доступные на вашем сайте.

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

Смотрите также:

Ключевые стратегии оптимизации для голосового поиска.

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

Можете добавить плагин голосового поиска в WordPress за три простых шага.

Шаг первый — добавьте виджет поиска

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

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

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

Теперь, если вы еще не активировали виджет поиска по умолчанию, перейдите в раздел «Настройки» >> «Виджеты».

Нажмите «Виджеты» и добавьте «Поиск» в предпочитаемую область, поддерживаемую темой.

Шаг второй — установка и активация Voice Search

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

• Чтобы запустить его, перейдите в панель управления >> Добавить плагин.
• Затем найдите плагин «Голосовой поиск».
• Теперь установите и активируйте:

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

Шаг третий — протестируйте свой голосовой поиск WordPress

После завершения установки последний шаг — тестирование и проверка того, хорошо ли все работает.

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

Здесь мы выполнили голосовой поиск по запросу «The curator newsletter», и плагин показал результаты за считанные секунды.

Работает просто отлично, без каких-либо проблем.

Плагин отлично работает с последней версией WordPress (WP 6.8). Создатель регулярно его обновляет.

Ещё одно замечание: плагин Voice Search поддерживает Google Chrome на мобильных устройствах и компьютерах. Он не будет работать, если вы уже используете плагины пользовательского поиска, такие как SearchWP, или включили поиск Google в WordPress.

5 лучших плагинов голосового поиска для WordPress

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

1. Voice Search

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

Главные особенности

• Простая настройка: просто подключите и пользуйтесь.
• Совместимо с большинством современных тем и плагинов.
• Получайте регулярные обновления.

Плюсы

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

Минусы 

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

2. WP Fastest Site Search

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

Главные особенности

• Высокофункциональный голосовой поиск.
• Множество фильтров и аспектов для уточнения.
• Настройка без кодирования в соответствии с вашим интернет-магазином.

Плюсы

• Персонализированный NLP-поиск (обработка естественного языка) и фильтрация на основе искусственного интеллекта.
• Безупречная интеграция с WooCommerce.
• Встроенная поисковая аналитика.

Минусы

• Бесплатные планы имеют ограничения.
• Для отображения результатов требуется встраивание API и настройка темы.
• Не рекомендуется для небольших блогов или предприятий.

3. Universal Voice Search

Если нужен плагин голосового поиска, ориентированный на конфиденциальность и поддерживающий несколько языков, то плагин Universal Voice Search — отличное решение. Он разработан компанией Speak2web. После активации можете разместить значок микрофона в любом месте сайта WordPress, настроить его и предоставить пользователю удобный голосовой поиск, особенно в таких областях, как блоги, формы Elementor и WooCommerce.

Главные особенности 

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

Плюсы

• Идеально подходит для блогеров и малого бизнеса.
• Легкий и более производительный.

Минусы

• Бесплатный тариф поддерживает только Google Chrome. Кроссбраузерная совместимость доступна для тарифа Pro.
• Pro-версия использует внешний API (IBM Watson), поэтому конфиденциальность зависит от стороннего поставщика услуг.
• Нет регулярных обновлений.

4. Site Search 360

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

Главные особенности

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

Плюсы

• Улучшение UX и SEO-оптимизации.
• Интеграция без кода с помощью фрагментов JavasCript и плагинов CMS.
• Регулярно обновляйтесь.

Минусы

• Для расширенных функций требуется тарифный план Pro (существует несколько тарифных планов).
• Имеет много функций, поэтому не подходит для простого использования или для малого бизнеса.

5. Advance Voice Search 

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

Главные особенности

• Простая настройка и бесшовная интеграция.
• Широкие возможности настройки.
• Использует API распознавание речи и поддерживает такие браузеры, как Google Chrome и Edge (на основе Chromium).

Плюсы

• Многоязычная поддержка.
• Совместимо с большинством современных тем WordPress.
• Бесплатно и с открытым исходным кодом (лицензия GPL), вам не понадобится премиум-план.

Минусы

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

Как оптимизировать WordPress для голосового поиска SEO

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

Используйте запросы на естественном языке

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

Целевые вопросы и ключевые слова с длинным хвостом

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

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

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

Создайте страницы часто задаваемых вопросов

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

Используйте структурированные данные/схемы

Разметка Schema — один из лучших способов сообщить поисковым системам контекст вашего сайта. Вы можете предоставить структурированные данные (Schema) с помощью таких плагинов, как Yoast, SEOPress или SchemaPro. Сайт, оптимизированный для голосового поиска и использующий Schema, лучше обрабатывает запросы, преобразующие речь в текст.

Улучшить скорость мобильной связи

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

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

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

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

• ResponsiveVoice Text-to-speech
• Play.ht
• BeyondWords
• Text To Speech TTS Accessibility.

Вот пример из блога BeyondWords:

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

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

Добавьте голосовой поиск без плагина (опционально/для разработчиков)

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

Вот как это сделать:

Отредактируйте заголовок темы WordPress или шаблона поиска, используя следующий фрагмент кода (HTML+JS), и все будет готово.

</pre>
<form id=”voice-search-form” method=”get” action=”<?php echo home_url(‘/’); ?>”>
<input type=”text” id=”voice-input” name=”s” placeholder=”Search…” />
<button type=”button” onclick=”startVoiceRecognition()”>
<figure class="wp-block-image"><img src="https://a.slack-edge.com/production-standard-emoji-assets/14.0/apple-medium/1f3a4.png" alt=":microphone:" /></figure>
</button>
</form>

<script>
<pre>

Ссылка на Github: https://github.com/enamulr27/Voice-Search-Code-Snippet.

После внедрения кода проверьте работоспособность решения.

Примечание: этот код будет работать только в Google Chrome. Поэтому лучше иметь запасной вариант.

Некоторые из популярных резервных методов:

Резервные версии JavaScript

Фрагмент кода:

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E%0Awindow.onload%20%3D%20function()%20%7B%0A%20%20if%20(!(%E2%80%98webkitSpeechRecognition%E2%80%99%20in%20window))%20%7B%0A%20%20%20%20%2F%2F%20Hide%20or%20disable%20the%20mic%20button%0A%20%20%20%20const%20micButton%20%3D%20document.querySelector(%E2%80%98%23voice-search-form%20button%E2%80%99)%3B%0A%20%20%20%20if%20(micButton)%20%7B%0A%20%20%20%20%20%20micButton.style.display%20%3D%20%E2%80%98none%E2%80%99%3B%20%2F%2F%20or%20micButton.disabled%20%3D%20true%3B%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%3B%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />

Результаты: Если браузер не поддерживается, пользователи увидят обычное поле поиска (без микрофона).

Отображение персонализированного сообщения

Фрагмент кода:

if (!('webkitSpeechRecognition' in window)) {
document.getElementById('mic-button').title = «Голосовой поиск не поддерживается в вашем браузере.»;
}

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

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

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

Источник: wplift.com

Алексей Шевченко

редактор wpcafe

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующийся на создании сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/