Як додати голосовий пошук на сайт WordPress

Можливо, ви вже звикли до голосових помічників, таких як Siri, Google Assistant або Alexa. За допомогою пристрою задаєте точні запитання та за лічені секунди отримуєте результати на екрані. Без набору тексту та без запинки.

Аналогічно можна додати голосовий пошук на сайт WordPress. Це зробить його доступнішим. Користувачі зможуть знайти все, що їм потрібно просто використовуючи голосову команду.

Люди користуються голосовим пошуком як ніколи раніше. Щомісяця відбувається мільярд голосових запитів.

Таким чином, увімкнення голосового пошуку підвищить вашу активність як на мобільних пристроях, так і в Інтернеті, що не можна ігнорувати у 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, буде дуже корисним.

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

Ось бачите, це весело. Ніяких клопотів.

1. Голосовий пошук

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

Головні особливості

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

Плюси

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

Мінуси 

• Підтримка браузерів обмежена.
• Якщо хочете використовувати форму пошуку, то знадобляться деякі зміни.
• Налаштування кнопки не вбудовано; вам знадобиться коригування 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. Пошук на сайті 360

Пошук на сайті 360 — це пошукова система, що розміщується на хостингу, хоча можна використовувати безкоштовний плагін на своєму сайті WordPress.

Головні особливості

• Налаштування без коду.
• Розширена аналітична підтримка та оптимізація.
• Надійна підтримка голосу, мікрофон доступний у 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 = «Голосовой поиск не поддерживается в вашем браузере.»;
}

Результат: Якщо використовувати код, повідомлення буде динамічним. Воно повідомить користувачам, що голосовий пошук у браузері не підтримується.

У той час як штучний інтелект стрімко розвивається, голосовий пошук також стає розумнішим. Це не те, що можна залишити на завтра, і очевидно, що провідні бренди по всьому світу вважають голосовий пошук необхідністю.

Це дійсно приголомшлива функція, і її установка займе всього кілька хвилин.

Джерело: wplift.com

Олексій Шевченко

редактор wpcafe

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