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

Общие требования к голосовым решениям

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

Технически

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

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

Улучшение контента

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

Чтобы оценить возможности работы с голосом для разных движков, стоит оценить их.

WordPress

Чтобы посетитель мог сказать о желаемом товаре или услуге, а затем получить поисковую выдачу с ним, рекомендуется установить плагин VoiceSearch. Делается это через административную панель. Необходимо зайти в раздел «Плагины», вкладку «Добавить плагин» и задать в поисковой строке Voice Search. Затем нажать кнопки «Установить» и «Активировать».

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

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

Плагин ResponsiveVoice Text To Speech преображает текст на сайте в речь. Устанавливается он так же из меню «Плагины». После установки и активации надо вставить в место, которое нужно озвучить, следующий короткий код:

[responsivevoice_button voice=»Russian Female» buttontext=»Listen to Post»]

Текст кнопки можно изменять в параметре buttontext. Если администратору нужен голос на другом языке, то полный список вариантов расположен на официальном сайте плагина.

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

Joomla

Чтобы озвучить текст на сайте, советуется установить расширение Screen Reader. Скачать его можно с официального сайта Joomla. Расширение платное. После того, как пользователь скачал дополнение, надо загрузить его через соответствующую вкладку путем добавления файла в формате zip в директорию.

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

Среди доступных опций:

1. Показывать или нет наименование расширения.
2. Ширина иконки для режима чтения.
3. Для людей с плохим зрением можно настроить повышенную контрастность или особо крупный текст.

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

Для магазина на основе Joomla есть расширение голосового поиска VirtueMart Voice Search. Установить его можно из каталога дополнительных компонентов. Модуль преобразует голос в текст. Искать можно по статьям или продуктам.

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

1С:Битрикс

Для 1С: Битрикс есть готовое решение «Голосовой поиск на сайте» стоимостью 1113 рублей. Для покупки нужно перейти в раздел административной панели «Настройки», выбрать там MarketPlace. В поиске нужно ввести название модуля. Затем купить и установить его.

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

После выбора подходящих функций, можно расположить компонент в удобном месте портала. Управлять работой модуля стоит кнопками «Начать запись», «Остановить», «Распознать».

«Голосовой набор для визуального редактора» упрощает жизнь администраторам портала. Устанавливается так же из MarketPlace. Стоимость дополнения – 1000 рублей. После установки модуля в визуальном редакторе появится кнопка с символом микрофона, которая позволит переводить речь человека в текст. Для знаков препинания надо использовать команды с их названиями.

CS-cart

CS-Cart разрабатывалась специально для магазинов. Чтобы расширить функционал поиска по торговой площадке, лучше использовать модуль CS-Cart Voice Search. Для инсталляции модуля следует перейти на вкладку AB: Модули. Затем ввести название решения и нажать кнопку «Установить». Есть другой вариант – скачать zip-файл из официального источника. На следующем шаге загрузить этот файл через меню установки.

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

Drupal

Чтобы установить голосовой поиск на Drupal, надо выбрать раздел «Модули». Затем следует перейти на страницу расширений для этой платформы. В правом верхнем углу экрана необходимо вбить «Voice Search». После этого скачать модуль в формате zip.

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

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

UMI.CMS

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

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

NetCat

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

Shop-script

Для платформы существует платное расширение «Голосовой поиск». Стоит оно 299 рублей. Чтобы инсталлировать его, следует войти на вкладку администрирования и открыть модуль «Инсталлер». Затем надо найти соответствующее расширение и щелкнуть по надписи «Купить и установить». Для авторизации в центре заказчика будет предложено ввести электронную почту. В меню параметров расширения можно изменить:

1. Язык поиска. Поддерживается русский и английский.
2. Наименование селекторов, которые будут применяться к кнопкам и форме.
3. Цвет, размер и позиционирование кнопки.

Следует помнить, что дополнение будет работать только в браузерах Яндекс и Chrome. Сразу после инсталляции для правильной работы надо будет сбросить кэш. Делается это в соответствующем пункте «Инсталлера».

Дополнение переводит речь в текст, но не заменяет технологию поиска. В управлении сайтом на платформе Shop-script можно выбрать «Простой» или «Умный» поиск. В случае умного поиска система будет работать со всем содержимым – тегом, артикулом, полным и кратким описанием.

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

PrestaShop

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

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

Решения для всех движков

Установка голосового поиска

Есть универсальные способы для добавления возможностей работы с речью на движки, для которых не существует плагинов или дополнений. Однако, они требуют знаний html-разметки и доступа к изменению программного кода страниц. Чтобы вручную добавить на портал форму речевого поиска, нужно найти элемент input, затем добавить после него атрибут x-webkit-speech. В конечном счете форма будет выглядеть в коде так:

<input type=»text» x-webkit-speech>

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

Установка перевода текста в речь

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

Одно из наиболее качественных предложений в этой сфере – платный модуль «Мибок: версия для слабовидящих». На официальном сайте предлагают версии для 1С:Битрикс, WordPress и Joomla. Также по запросу создатели модуля могут разработать решение для другого движка. Главное преимущество – возможность озвучивать содержимое всех веб-страниц при нажатии одной кнопки.

Есть так же решение и для интернет-магазинов. Встроена адаптация каталога товаров. Есть озвучка панели настроек. Для WordPress и Joomla модуль бесплатен, владельцам веб-страниц на 1С:Битрикс придется отдать 15900 рублей.

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

Итог

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