Lector de texto en WordPress: cómo añadirlo

En este tutorial prémium te explicaremos como añadir un lector de texto en un sitio web con WordPress con un plugin del repositorio.

Este es un tutorial propuesto por nuestros suscriptores, donde solicitan qué herramientas se pueden usar para hacer el sitio web más accesible, y con ello permitirle a personas que tengan discapacidad visual, consumir el contenido de un blog con un lector de texto que relate de que va el contenido en WordPress

Esto lo lograremos usando un plugin del repositorio de WordPress y generando si API para que funcione con diferentes tipos de voces. Funciona bien con idioma español de España y también de Latinoamérica.

En este tutorial exploraremos:

✅ Herramientas para generar voz a partir de un texto

✅ Explorar opciones de lector de textos para WordPress

✅ Generación de API para conectar servicio de lector de Textos

✅ Integrar lector de textos en blog de Divi de forma Global modificando la plantilla del Theme Builder.

Estas son algunas pantallas del tutorial:

¿Por qué añadir un lector de texto a tu sitio WordPress?

Un lector de texto (text-to-speech) reproduce el contenido de un post en formato audio para que los visitantes lo escuchen en lugar de leerlo. Es una feature de accesibilidad que aporta valor en varios escenarios:

• Accesibilidad real: personas con dificultades visuales, dislexia o cansancio ocular pueden consumir tu contenido sin esforzar la vista.
• Multitasking del lector: profesionales que escuchan posts mientras conducen, hacen ejercicio o cocinan. Un público que de otra forma no consumiría tu contenido.
• Mejora el tiempo en página: si tu post dura 8 minutos en audio, eso es 8 minutos de engagement medible — señal positiva para SEO.
• Diferenciación visual: un botón "Escuchar este artículo" en la cabecera del post es algo que pocos blogs ofrecen, y se nota.

El plugin que recomendamos es Responsive Voice Text to Speech: gratuito, no requiere API key obligatoria, y se integra al Divi Theme Builder con un shortcode simple. Si tu sitio es un blog magazine con Divi, esta feature suma especialmente al posicionamiento editorial.

Pasos clave para activar el lector de texto

1. Instala Responsive Voice Text to Speech desde Plugins → Añadir nuevo → busca el plugin → Instalar y Activar. Está en el repositorio oficial de WordPress.
2. Configura el plugin (la API key es opcional). En Settings → Responsive Voice Text to Speech verás un campo para API key — no es obligatorio. Sin API el plugin funciona perfectamente para uso normal. La key solo se necesita si quieres uso comercial intensivo o eliminar el límite de caracteres.
3. Genera tu shortcode personalizado. El plugin trae un generador donde eliges: voz (Spanish Female, Spanish Male, English, etc.), velocidad, tono y texto del botón ("Escuchar este artículo", "Reproducir audio"). Te entrega un shortcode listo para pegar.
4. Inserta el shortcode en el Divi Theme Builder. Este paso es clave: en lugar de pegar el shortcode en cada post manualmente, lo metes una sola vez en el layout global de tus posts del blog. Ve a Divi → Theme Builder → edita el template "Post Body" → añade un módulo "Code" o "Text" → pega el shortcode debajo del título o al inicio del contenido.
5. Personaliza el botón visualmente. El botón por defecto es básico. Envuélvelo en un módulo de Divi para darle estilo: bordes redondeados, color de marca, ícono de play al lado del texto.
6. Prueba en distintos navegadores. El plugin usa la Web Speech API del navegador, así que funciona out-of-the-box en Chrome, Edge, Firefox y Safari modernos. Verifica que la voz suene bien en cada uno (cada navegador trae sus voces propias, así que la voz de Chrome es distinta a la de Safari).

Tips para que el lector aporte valor real

• Cuida la puntuación de tus posts: el lector lee literalmente lo que está escrito. Si hay paréntesis, comas mal puestas o frases inconclusas, suena raro. Revisa la puntuación con criterio editorial.
• Posición correcta del botón: arriba del contenido, justo después del título. Si lo escondes al final, nadie lo verá hasta que ya leyó todo.
• Velocidad razonable: la velocidad por defecto suena un poco lenta. Súbela ligeramente (1.1x–1.2x) para que el audio se sienta natural sin ser apresurado.
• Voz consistente con tu marca: si tu sitio es profesional y serio, voz Female suena más cercana. Si es técnico, Male puede dar más autoridad. Prueba ambas y queda con la que mejor encaje.
• Considera automatizar resúmenes con IA: para posts largos, una alternativa al lector completo es un resumen ejecutivo en audio generado con IA. Mira nuestro Mastery en Automatización con IA para flujos avanzados.

Preguntas frecuentes

¿El plugin funciona offline?

El plugin usa la Web Speech API del navegador, que en la mayoría de navegadores requiere conexión a internet para descargar las voces. En Chrome y Edge funciona online; algunas voces de iOS Safari están cacheadas localmente.

¿Afecta el SEO de mi sitio?

De forma directa no, pero indirectamente sí mejora SEO porque aumenta el tiempo en página y reduce la tasa de rebote. Para optimizaciones más profundas mira nuestro Mastery de SEO profesional para WordPress.

¿Lee también las imágenes y subtítulos?

El plugin lee solo el contenido textual del post. Las imágenes con alt-text descriptivo ayudan a la accesibilidad general (lectores de pantalla nativos del sistema sí los leen) pero no son leídos por este plugin específico.

¿Cómo se compara con un chatbot que también responda en voz?

Son cosas distintas pero complementarias. Un lector de texto reproduce el post existente. Un chatbot interactúa con el visitante en tiempo real. Si quieres añadir un asistente conversacional a tu sitio, mira nuestro post sobre cómo crear un chatbot de soporte automático en Divi.

¿Funciona con Divi 5 y blogs editoriales?

Sí. El plugin es agnóstico al builder y la integración por shortcode en Theme Builder funciona igual en Divi 4 y Divi 5. Si tu sitio es un blog editorial intensivo, considera además técnicas avanzadas del curso de Blog Magazine con Divi para optimizar publicación + lectura.

¿Listo para ofrecer audio en tu blog?

El plugin gratuito y los pasos detallados están en la zona prémium de este post. Si todavía no eres prémium en UXDivi, empieza tu suscripción acá y desbloquea cientos de recursos descargables — desde $10 USD al mes.

Acá abajo encontrarás todos los enlaces mencionados en el tutorial 👇 (debes ser suscriptor y estar logeado)