Отправляет email-рассылки с помощью сервиса Sendsay
←  Предыдущая тема Все темы Следующая тема →

Озвучка текста. Встраиваем аудиоконтент на сайт

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

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

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

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

Сегодня я покажу как встроить аудио на сайт.

Первый вариант и самый легкий — это воспользоваться сторонним сервисом SoundCloud. Этот вариант похож на вставку видео с Youtube, поэтому не буду долго расписывать, а покажу в видео на примере движка 1С Битрикс.

 

Минус этого варианта в том, что на некоторых мобильных устройствах iframe-код самого SoundCloud может не работать и плеера просто не будет на мобильной странице.

Отсюда второй вариант — использование тега <audio> на страницах сайта с аудиоконтентом. Он сработает на всех движках и самописных сайтах.

Там, где вам необходимо вывести плеер с аудиофалом нужно вставить следующую конструкцию:

<audio controls>

<source src="audio/file.mp3" type="audio/mp3">

Тег audio не поддерживается вашим браузером.

<a href="audio/file.mp3">Скачайте аудио файл</a>.

</audio>

Используя эту конструкцию, важно понимать, что сам файл, вам нужно разместить на сервере своего хостинга или на облаке. После этого прописать ссылку на файл. В моем примере это audio/file.mp3.

Строка «Тег audio не поддерживается вашим браузером.» будет выводится в старых браузерах, которые не поддерживают тэг <audio>.


25.08.2018 , обновлено  13.02.2019
Пожаловаться Просмотров: 585  
←  Предыдущая тема Все темы Следующая тема →


Комментарии временно отключены