En la publicación de hoy, quiero demostrar cómo una barra de progreso de lectura puede mejorar la participación de los visitantes, simplemente alentando al lector a seguir leyendo. Brindan a los lectores los medios para medir cuánto queda de una publicación de blog, lo que les permite administrar su tiempo de manera más efectiva.
Sin embargo, antes de comenzar, ¿qué es una barra de progreso de lectura? En pocas palabras, una barra de progreso de lectura es una representación visual de cuánto queda de una publicación de blog. Lo logra rastreando la posición del visitante en la página. A medida que se desplazan hacia abajo, la barra comienza a llenarse, lo que indica cuánto han progresado. Una vez que han llegado al final de la publicación, la barra está llena.
Es una idea simple, pero que varios sitios web utilizan con resultados positivos. Lo mejor de todo es que puede implementar una barra de progreso de lectura sin costo y con un esfuerzo mínimo de su parte: simplemente instale un complemento de barra de progreso de lectura, juegue con una o dos configuraciones, luego estará listo para comenzar. Hoy, le mostraré cómo configurar el complemento Indicador de posición de lectura gratuito , y además le presentaré varios complementos alternativos para el trabajo.
Sumerjámonos.
Primero, sin embargo, echemos un vistazo a por qué es posible que desee agregar barras de progreso de lectura a su sitio web de WordPress. Es cierto que se adaptan mejor a los editores de contenido de formato largo.
Hoy en día, la mayoría de nosotros apreciamos cuando una empresa se esfuerza por actuar con transparencia. Esto es exactamente lo que logra una barra de progreso de lectura. No todos los lectores pueden comprometerse a, digamos, 20 minutos leyendo una publicación de blog monstruosa, sin importar cuán valiosa creas que es esa publicación. Todos tenemos vidas y compromisos y estos imponen restricciones en nuestros hábitos de navegación web.
Puede ser increíblemente frustrante dedicar una gran cantidad de tiempo a un artículo, solo para darte cuenta de que simplemente no tienes tiempo para terminarlo. Puede dejar al lector con una mala experiencia de su sitio web, lo que significa que no tiene intención de volver para terminar la publicación. Sí, el lector puede desplazarse hasta el final de la página para resolverlo por sí mismo, pero ¿quién hace eso?
La barra de progreso de lectura resuelve este problema al permitirle al lector saber aproximadamente cuánto tiempo le llevará completar el artículo; algunas barras de progreso de lectura incluso vienen con una métrica de «minutos restantes». Esto permite a sus lectores tomar una decisión informada sobre si seguir leyendo.
Otro beneficio es que una barra de progreso de lectura puede actuar como motivación para terminar la publicación. Algunos lectores encontrarán gratificante ver cómo se llena la barra, lo que les dará una sensación de satisfacción cuando lleguen al final.
Del mismo modo, un vistazo rápido a la barra de progreso puede hacer que un lector piense: “¡ Oye, ya casi termino, probablemente debería terminar este artículo! Sin embargo, esto funciona en ambos sentidos: si a un lector le queda demasiado contenido por leer, es posible que simplemente abandone la página.
Sin embargo, en general, las barras de progreso de lectura son una forma efectiva de aumentar la participación del lector. Recomiendo probarlos en su sitio web para ver cómo reacciona su audiencia ante ellos.
Cómo agregar barras de progreso de lectura en WordPress
En esta sección de la publicación, le mostraré lo fácil que es agregar barras de progreso de lectura a su sitio web con tecnología de WordPress. Haré una demostración usando el complemento Indicador de posición de lectura : el complemento está disponible gratuitamente en el directorio oficial.
El complemento es súper liviano y solo tiene las características más esenciales. Esto significa que, como pronto verá, el complemento se puede configurar en no más de un par de minutos.
Comencemos instalando rápidamente el complemento. Acceda a su tablero de WordPress, luego navegue a Complementos > Agregar nuevo > busque «Indicador de posición de lectura». Necesita el primer complemento devuelto, el de Marcin Pietrzak, así que búsquelo y luego haga clic en Instalar ahora > Activar .
Ahora, dirígete a Apariencia > Progreso . En esta pantalla podrás configurar el tamaño y el estilo de tu barra de progreso de lectura. Puede elegir entre un color sólido, un degradado de dos colores y una barra que se transforma de transparente a color.
Cuando haya terminado, presione Guardar cambios .
Ahora, cada publicación y página mostrará automáticamente una barra de progreso de lectura en la parte superior de la pantalla. Cuando un visitante acceda inicialmente a su contenido, la barra de progreso de lectura se verá así:
Pero a medida que avanzan en la página, la barra comenzará a llenarse gradualmente de acuerdo con el progreso del lector.
¡Y eso es todo!
Alternativas al indicador de posición de lectura: los mejores complementos de barra de progreso de lectura para WordPress
Como acabamos de ver, la principal fortaleza del complemento Indicador de posición de lectura es su simplicidad. La pantalla de configuración está tan simplificada que el usuario puede estar en funcionamiento con solo unos pocos clics del mouse.
Hace el trabajo, pero tal vez le faltan algunas de las campanas y silbatos de otros complementos de la barra de progreso de lectura. Si desea un complemento que ofrezca más funciones y opciones de diseño, estas son algunas de las mejores opciones disponibles. Hemos combinado opciones gratuitas y premium.
1. Barra de progreso de desplazamiento
El complemento Scroll Progress Bar muestra una elegante barra de progreso directamente debajo del encabezado de su sitio web. A medida que el visitante avanza por la pantalla, una animación suave comenzará a llenar la barra de progreso.
La barra de progreso se puede personalizar con colores y es compatible con publicaciones, páginas e incluso tipos de publicaciones personalizadas . También puede optar por activar la barra de progreso de lectura solo en páginas específicas.
Precio: GRATIS | Más información
2. Tiempo de lectura de WP
WP Time to Read es el primer complemento de barra de progreso premium y posiblemente el mejor. Está disponible exclusivamente en el sitio web de MyThemeShop.
¿Cómo se diferencia este complemento premium de las opciones gratuitas? Al agregar varias funcionalidades nuevas, a saber, una estadística de «tiempo de lectura estimado» a sus publicaciones.
Para calcular esto, el complemento solicita una velocidad de lectura mínima y máxima de «palabras por minuto». El complemento multiplica estas cifras por el recuento de palabras de una publicación para crear un intervalo de tiempo de lectura, por ejemplo, de 15 a 17 minutos. Esto luego se agrega a su página de inicio, para que el visitante sepa aproximadamente cuál será su compromiso de tiempo antes de comenzar un artículo.
Puede activar/desactivar la barra de progreso de lectura en cualquier página de su sitio web, además puede elegir entre colores ilimitados para su barra.
Precio: $29 | Más información
3. Vale la pena leer
Worth the Read es un complemento súper liviano, no muy diferente del complemento Indicador de posición de lectura que se presenta en el tutorial de hoy.
Puede elegir el fondo y los colores de la barra de progreso para su pantalla, además puede seleccionar si la barra de progreso se ubica en la parte superior o inferior de la pantalla. También puede elegir si desea que la sección de comentarios de su blog se tenga en cuenta en el cálculo de la longitud del artículo.
Precio: GRATIS | Más información
4. Barra de progreso de lectura
Reading Progress Bar es nuestra próxima opción premium, disponible en el mercado de CodeCanyon. Agrega un tiempo estimado de lectura a la barra en sí, por lo que un visitante sabe en todo momento cuánto tiempo debe tardar en leer la publicación.
El complemento es compatible con todos los navegadores principales, además es totalmente receptivo. También ofrece muchas opciones de personalización: fuente, estilo, color de fondo, color de la barra de progreso. Puede agregar barras de progreso a cualquier publicación o página, pero puede optar por desactivarlas en páginas individuales si lo desea.
Precio: $15 | Más información
5. Tiempo de lectura
A continuación, tenemos el complemento Tiempo de lectura. Esta es la única opción gratuita para tener en cuenta el tiempo de lectura estimado, que se puede mostrar en minutos o segundos.
Este tiempo de lectura estimado se muestra directamente encima de la barra de progreso, que se llena gradualmente a medida que el usuario se desplaza hacia abajo en la página.
Precio: GRATIS | Más información
6. Minutos para leer
Finalmente, tenemos el complemento Minutes to Read, otra opción premium disponible en CodeCanyon. Este complemento es probablemente mi favorito también, ya que combina una barra de progreso de lectura con una estimación dinámica de «minutos restantes».
Con los otros complementos que hemos presentado, el cálculo de «minutos para leer» es fijo y no cambia. Con Minutos para leer, el tiempo restante disminuye a medida que el visitante lee el artículo, según su posición de desplazamiento.
En la parte superior de la página, los visitantes también verán una barra de progreso simple pero elegante, que se llena de izquierda a derecha según el progreso de la lectura.
Precio: $8 | Más información
Pensamientos finales
En la publicación de hoy, analizamos brevemente los beneficios de agregar barras de progreso de lectura a un sitio web de WordPress, es decir, que mejora la transparencia y ayuda a los lectores a administrar su tiempo de manera más eficiente.
También hemos discutido varios de los mejores complementos de la barra de progreso de lectura, incluido un breve tutorial que le muestra lo fácil que es configurarlos y usarlos. ¡Ahora no debería haber nada que le impida probarlos en su sitio web para probar su impacto en la participación de los visitantes!
¿Has probado alguna de estas opciones? ¡Nos encantaría saber de ti en los comentarios a continuación!
Imagen en miniatura del artículo de MSSA / shutterstock.com.