<img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=81693&amp;fmt=gif">

Lector de textos con voz: qué es, beneficios y cómo aplicarlo en WordPress

New Call-to-action

¿Alguna vez te has parado a pensar que hay personas que tienen problemas de accesibilidad a las búsquedas de Google? Pues sí. Hay muchas personas que no pueden acceder a Google y hacer las búsquedas de la manera habitual, ya que los resultados obtenidos solo se podrán mostrar en modo lectura y no en modo voz, por ejemplo. 

Pues bien, para paliar este problema y reducir los problemas de accesibilidad, existe lo que se conoce como la lectura por voz. ¿Quieres saber qué es y cómo puedes llegar a tener un lector de textos con voz en tu página web? Entonces, sigue leyendo y descubre todo lo que la lectura por voz puede hacer por tu página web y por todos tus clientes.

¿Qué es la lectura por voz?

La lectura por voz es la posibilidad de dar vida a los textos escritos a través de la lectura en voz alta y de la entonación que se le pueda dar a esas palabras. Esa sería la definición más básica para ponerte en situación sobre todo lo que vamos a hablar a lo largo de este post. Pero, antes de seguir ahondando en el tema, vamos a enmarcar la situación de su uso para comprender realmente su importancia.

Cuando navegas por internet seguro que estás acostumbrado a leer los textos que ofrecen las diferentes secciones de una página web para obtener la información que estabas buscando. Pero es posible que esto no siempre sea así. En algunas ocasiones la persona que realiza la búsqueda presenta alguna discapacidad, en otras es posible que estés haciendo otras cosas de manera simultánea mientras navegas en internet, por lo que no puedes leer el contenido de la página.

En estas dos situaciones se puede observar un problema a nivel de accesibilidad web. Para que esto no suceda, los creadores de todas las páginas web deberían hacer el contenido de la web accesible para todo tipo de usuarios, con el objetivo de llegar a más gente y así poder crecer como marca. Pero no solo adaptar el contenido web a las lecturas por voz es bueno para el usuario. Y es que Google penalizará las páginas web con errores de accesibilidad y hará más difícil que estas se posicionen bien, por lo que esto se torna en un aspecto muy importante a tener en cuenta.

Una manera de solventar este problema que comentaba anteriormente, en el cual nos vemos obligados a leer el contenido de una web para así saber de qué trata, es la lectura por voz. A través de un lector de textos con voz, se puede realizar una conversión de texto a voz en línea a través del uso de la inteligencia artificial.

¿Por qué debería incluirla en mi página web?

Como he indicado anteriormente, no todo el mundo tiene la capacidad de poder ver y/o leer el contenido que tenemos en la página web o blog. Por ejemplo, para personas con visibilidad reducida o niños y/o personas con dificultad de aprendizaje puede ser muy complicado, si no imposible, leer y/o entender lo que tu empresa ofrece. Por ese mismo motivo, es muy importante hacer este contenido accesible para todos y facilitar al máximo posible que toda persona que pueda estar interesada en tus servicios pueda conocerlos e investigar sobre ellos, y, para ello, que un contenido se pueda leer en voz alta es una buena opción.

¿Te gusta lo que estás leyendo? ¡Suscríbete al blog!

¿Cómo funciona?

Ahora que ya conoces su importancia, es normal que te preguntes cómo funciona esta opción de lector de texto en las páginas web.

La lectura por voz o "text to speech" en inglés se basa en la inteligencia artificial para convertir el texto de una web, email o documento en voz humana. Esto puede hacerse de diferentes maneras, ya sea a través de plugins en WordPress o en otros CMS (Content Management System), a través de un servicio basado en la nube ofrecido por empresas como Google Cloud y Amazon AWS o incluso a través de extensiones en el mismo navegador. Dependiendo de tus necesidades, conocimientos y tu presupuesto, podrás elegir entre una de estas opciones.

¿Cómo puedo añadir el lector de voz en WordPress?

Dependiendo con qué herramientas hayas creado tu web tendrás diferentes formas de añadir un lector de voz en ella.

En este artículo me voy a centrar en explicar las diferentes opciones que tienes a tu alcance para añadir esta funcionalidad en WordPress, ya que es uno de los CMS más utilizados en la actualidad. Además, a través de sus plugins podrás hacerlo de manera muy sencilla. ¡Vamos a ello!

ResponsiveVoice Text To Speech (opción gratuita)

La primera opción que te quiero explicar en este post de lector de texto es ResponsiveVoice Text To Speech. Este es un plugin de WordPress que ofrece la posibilidad de añadir esta funcionalidad de manera gratuita y en diferentes idiomas, pero que a través de una suscripción premium nos permite aumentar sus funcionalidades. Para el objetivo de este post es suficiente con utilizar la versión gratuita, pero te animo a investigar las opciones premium por tu cuenta por si pueden llegar a ser de utilidad.

Instalación

La instalación del plugin es muy sencilla, todo lo que tienes que hacer es descargarlo de su página oficial, que puedes encontrar en este enlace o simplemente buscarlo en el propio repositorio de WordPress y hacer clic en el botón de instalar.

¿Cómo añadir el texto por voz en los posts?

Una vez el plugin esté instalado, tienes que indicar en qué posts o páginas quieres que se añada la lectura por voz. Para ello, todo lo que tendrás que hacer será ir al editor de la página en la que quieras incluir esta funcionalidad y, en primera línea, añadir un bloque de tipo “shortcode”. Dentro este deberás introducir el siguiente código incrustado:

[responsivevoice_button voice="Spanish Female" buttontext="Escuchar el artículo"]

A través de este “shortcode”, le estarás indicando al plugin dónde quieres añadir el botón, en qué idioma quieres que se haga la lectura por voz (en este caso, en español con voz de mujer) y qué texto quieres incluir en el botón. Si quisieras personalizar de manera el archivo de audio, simplemente tendrías que seleccionar el idioma en el que quieras que se lea el texto y añadir si deseas que el lector sea un hombre o una mujer. Para cambiar el texto que aparece en el botón, simplemente tendrás que cambiar el texto que has añadido en el valor “buttontext”.

Personalización del botón de lectura

Por último, todo lo que tienes que hacer para terminar de tener el lector de texto añadido en la página, es personalizar el botón teniendo en cuenta los estilos de tu marca. Para ello, lo único que necesitas es crear un archivo CSS y añadirlo en tu plantilla o simplemente añadir unas cuantas líneas en tu archivo CSS principal.

Código CSS

El botón de lectura por voz es totalmente customizable, por lo que podrás añadir los estilos que más te gusten y que mejor se adapten a tu imagen corporativa. Para que lo veas de manera más sencilla, aquí te dejamos un ejemplo sencillito de cómo en tan solo 7 líneas de CSS aplicadas a la clase “responsivevoice-button” puedes mejorar enormemente cómo se ve el botón:

código-css-botón-lectura

Con estas sencillas líneas podrías pasar de esto:
lector de textos con voz ejemplo 1
A esto:

lector de textos con voz ejemplo-2

Otros plugins que podrían servir

Además del plugin que te acabo de explicar, tienes a tu disposición otras opciones para añadir la opción de lectura por voz y que, además, te ayudarán a personalizar al máximo el archivo de audio correspondiente.

Voicer Plugin

Otra de las opciones que podría recomendar para convertir de manera sencilla los textos en voz es el plugin “Voicer”. Al contrario que el anterior, este plugin no tiene versión gratuita, pero dispone de 2 opciones de compra. La licencia regular costaría 20$, mientras que la versión extendida tendría un coste de 99$. Las dos opciones son de compra en pago único, por lo que no habrá que hacer futuros pagos para mantener el uso del plugin.

Una de las ventajas de este plugin es que utiliza lo último en tecnología de habla artificial (WaveNet) y se apoya en las redes neuronales de Google para ofrecer un audio de alta calidad ofreciendo una voz con un formato muy humano. Por otro lado, también se basa en Google Cloud Platform (GCP), por lo que asegura funcionar de manera fiable y rápida en cualquier parte del mundo.

Además, si dispones de un sitio multilingüe, hay que destacar que este plugin tiene soporte para WPML (WordPress Multilingual Plugin), el plugin encargado de convertir un sitio de WordPress multilingüe más conocido, por lo que podrás añadir la funcionalidad de lectura por voz en todos los idiomas sin ningún tipo de problema.

Al igual que en el caso de ResponsiveVoice Text To Speech, la instalación del plugin es muy sencilla. Una vez hecha la compra de este en su página oficial, recibirás el plugin en formato .zip, por lo que todo lo que tendrás que hacer será subirlo a tu WordPress e instalarlo.

Una vez tengas instalado el plugin, te pedirá una API Key de Google Cloud Platform para poder utilizar sus servicios. Allí encontrarás un link que te llevará a GCP y te guiará por todos los pasos a seguir para poder conseguir esta clave.

Cuando ya lo tengas, solamente tendrás que añadir la API Key y podrás comenzar a utilizar Voicer.

Trinity Audio Plugin

Por último, me gustaría mostrarte un último convertidor de texto a voz online, el plugin Trinity Audio. Este plugin, igual que el anterior, también es de pago, pero tiene una versión gratuita en la que ofrece la oportunidad de añadir esta funcionalidad hasta 5 artículos al mes, por lo que, si no tienes una frecuencia alta de publicación de posts en tu blog, es una opción que podría servirte. Si, por el contrario, publicas una cantidad más elevada de posts al mes, tendrías que contratar uno de los planes premium que ofrece. Si te interesa, aquí tienes el link a los planes para ver cuál puede encajarte más.

El aspecto que más merece ser destacado de este plugin es la cantidad de opciones de personalización de la voz que ofrece el plugin, dando a escoger entre una gran cantidad de voces diferentes por cada idioma. Esto hará posible que puedas escoger la que creas que es la más indicada para tu marca. Además de eso, si has contratado alguno de los planes premium, también podrás elegir entre diferentes estilos de entonación para cada voz, por lo que las opciones de personalización son prácticamente infinitas.

Del mismo modo que en el caso de los otros plugins, la instalación de este es muy sencilla. Únicamente tienes que ir a la sección de añadir nuevos plugins en el administrador de WordPress y buscar “Trinity Audio”. Una vez lo hayas localizado, le darás clic a instalar y activar.

Para añadir la lectura por voz a los posts futuros que vayas creando, tendrás que asegurarte de que has dejado marcado el checkbox “Add to all new posts” en la configuración del plugin. Para añadirlo a los posts actuales en cambio, tendrás que acceder al editor del post en el cual lo quieras añadir y hacer scroll hasta que veas la sección de Trinity Audio. En ella marcarás el checkbox “Enable Text-To-Speech” y elegirás el género y el idioma del lector que prefieras.

lector-de-voz-en-wordpress

Conclusión

Como ves, añadir la funcionalidad de lectura por voz en WordPress puede ser tan fácil como descargar e instalar un plugin, por lo que teniendo en cuenta la cantidad de beneficios que esto te reporta (mejora de la accesibilidad web de nuestra página, aumento del número de personas a las que puedes hacer llegar tu oferta facilitando la lectura de nuestro contenido a personas con dificultades para poder verlo…) no hay excusa para no hacerlo.

En este artículo te he hablado sobre tres plugins que, por mi experiencia, son fáciles de instalar y de utilizar, además de ser opciones que pueden adaptarse fácilmente a cualquier presupuesto. No obstante, tal y como indico al comienzo del artículo, hay muchas otras formas de añadir convertidor de texto a voz online en nuestra web.

Si ninguna de las opciones que te he mencionado en el post te encaja en tu web o en tu sistema de trabajo, te animo a hacer una pequeña búsqueda por tu cuenta y explorar diferentes alternativas, ya que los beneficios de añadir esta funcionalidad son enormes.

New Call-to-action

Publicado y actualizado el 11 de noviembre de 2022.

Revisado y validado por Susana Meijomil, Inbound Content Manager en InboundCycle.

FAQs sobre Lector de textos

  • ¿Cómo hago que el texto de mi sitio se lea en voz alta?

    Hay muchas maneras diferentes de hacer que el texto de tu sitio web se lea en voz alta, ya sea a través de plugins, servicios basados en la nube o incluso extensiones del propio navegador. Realmente, no hay una de estas opciones que sea mejor que la otra, sino la elección de estas, dependerá de diferentes factores como el CMS que estés utilizando, tu presupuesto, conocimientos técnicos etc…

    Si estás utilizando WordPress, añadir esta funcionalidad a través de plugins, hará que su instalación pueda ser tan fácil como descargar e instalar el plugin y añadir el botón de lectura en los artículos deseados.

También te pueden interesar...

Branded content: qué es, cómo incluirlo en tu estrategia y 5 ejemplos
Marketing digital para el sector seguros: 4 razones por las que debes hacer inbound
Funnel de inbound marketing: qué es y qué fases incluye

¿Y tú qué opinas? ¡Déjanos aquí tus comentarios!

Suscríbete al Blog
Suscríbete por email y recibe además un pack de bienvenida con nuestros 5 mejores artículos