Añadir una barra de progreso de lectura en WordPress - Guía completa + 4 plugins para ayudar

Cuando navega por un artículo en Internet, ¿se ha fijado en la barra de progreso que aparece en la parte superior de la página? La barra de progreso se mueve de un extremo a otro a medida que se desplaza por el contenido.

Es una tendencia humana normal completar el trabajo si consigues ver tu progreso con regularidad. Ya sabes, ese momento en el que ves que sólo te quedan 20% para completar la lectura de un artículo y te empujas a completarlo.

Otro ejemplo puede ser cuando intentas crearte un perfil en LinkedIn.

¿Te das cuenta del progreso de la solidez de tu perfil? Cuantos más detalles e información añadas, mejor aparecerá tu perfil.

Hay varios ejemplos de cómo estos indicadores pueden motivarte para completar una tarea específica.

Del mismo modo, añadir un indicador para la entrada de tu blog ayuda a los lectores a hacerse una idea de cómo van progresando y cuánto queda del artículo antes de terminarlo.

La buena noticia es que podemos añadir indicadores similares a nuestro Sitio web WordPress. Estos indicadores son lo que denominamos barra de progreso de la lectura.

WordPress no ofrece una solución inmediata para mostrar una barra de progreso de lectura. Para conseguirlo, tenemos que utilizar los plugins de barra de progreso de lectura de WordPress.

Entonces, ¿cómo añadir uno a su sitio web?

¿Qué es una barra de progreso de lectura?

Como su nombre indica, una barra de progreso de lectura es un elemento de su sitio web en el que puede ver su progreso mientras lee un artículo. Te motiva a desplazarte un poco más hasta que terminas de leer un artículo.

Como usuario de WordPress, tienes varias opciones para elegir. Podrías añadir una simple barra de progreso de lectura a las que incluso indican el porcentaje de finalización o una que te permite personalizar los colores de la barra.

La mayoría de las veces, una barra de progreso de lectura afecta al tiempo de permanencia en la página. Y nos referimos tanto en el buen sentido como en el no tan bueno.

No es tan bueno porque, cuando un lector entra en su página, puede sentirse desanimado por la longitud del artículo y el tiempo que tarda en leerlo. El hecho de que haya hecho clic en el artículo indica que está interesado en el tema. Así que puede que lo guarde para leerlo más tarde.

Es bueno porque el lector sabe exactamente cuánto tarda y se siente motivado para completar el artículo al ver su progreso constante.

Y no hay quien te pare cuando te das cuenta de que tienes 10% más para completar tu artículo. Te motiva, ¿verdad?

Si los lectores dedican más tiempo a su artículo, aumenta el tiempo de permanencia. Esto, a su vez, ayuda a reducir la tasa de rebote. Lo que finalmente hace que Google se dé cuenta de que tu artículo es de valor, ayuda a la gente, y consigues ese impulso tan necesario en los rankings de búsqueda.

Todos salimos ganando.

¿Cuándo debería añadir una barra de progreso de lectura en WordPress?

Ahora que ya sabemos qué es una barra de progreso de lectura y cómo puede ayudar a mejorar la experiencia del usuario, la pregunta importante es: ¿cuándo debería añadir una barra de progreso de lectura a su sitio web de WordPress?

En primer lugar, aclaremos algunos hechos.

Una barra de progreso de lectura es sólo uno de los elementos que hacen que tu contenido tenga éxito. Necesitamos que muchos de estos pequeños elementos encajen para crear esa experiencia de usuario perfecta para nuestros lectores.

Por ejemplo, ¿cómo aterrizaría alguien en nuestra página si no tuviéramos un titular pegadizo? Todo empieza con un titular perfecto, que incite al lector a hacer clic en nuestro enlace.

¿Qué tal una atractiva imagen destacada? Mejor aún si tiene uno personalizado que se relacione con el artículo.

En la misma línea, una buena introducción, la inclusión de infografías y el uso de la fuente, los colores y el contenido adecuados contribuyen a crear una experiencia de usuario perfecta.

Por si fuera poco, cuando tienes una barra de progreso de lectura que indica claramente tu avance y el porcentaje restante, acabas de mejorar la experiencia global.

Tasa de rebote y tiempo de permanencia

Antes de seguir adelante, es importante que expliquemos un par de términos con los que te has encontrado hasta ahora y con los que te encontrarás mucho más en este artículo. La tasa de rebote y el tiempo de permanencia.

La tasa de rebote es una métrica que indica el porcentaje de visitantes que llegan a su sitio y lo abandonan sin navegar a otras páginas. En términos sencillos, es el porcentaje de personas que rebotan en tu sitio sin realizar ninguna acción.

Es una métrica que se mide del 1 al 100. Y contrariamente a la creencia popular de que más alto es mejor, en el caso de la tasa de rebote, cuanto menor sea el porcentaje, mejor es para un sitio web.

Por ejemplo, si la tasa de rebote de su sitio web es de 90%, esto le indica a Google (y a otros motores de búsqueda) que hay un alto porcentaje de personas que visitan su sitio y lo abandonan inmediatamente. Esto puede deberse a una mala experiencia de usuario, páginas mal diseñadas, visitantes que no encuentran lo que buscaban, etc.

Esto afecta negativamente a la clasificación de su sitio en los motores de búsqueda.

Así que para mejorar el SEO, tienes que conseguir que tus visitantes se queden más tiempo. En otras palabras, el tiempo de permanencia tiene que ser mucho mayor.

El tiempo de permanencia muestra el tiempo medio que pasa un usuario en un sitio web. El tiempo que transcurre desde que el usuario hace clic en un sitio web hasta que lo abandona es su tiempo de permanencia.

Como se mencionó anteriormente, el uso de una barra de progreso ayuda a disminuir la tasa de rebote y aumentar el tiempo de permanencia en su sitio web.

Cuando un visitante llega a su artículo, puede tardar unos segundos en decidir si merece la pena leerlo o no. Ese es el momento decisivo.

Si se marchan, se reduce la tasa de rebote. En cambio, si se quedan, no solo verán el valor de tu artículo, sino que puede que acaben compartiendo tu contenido y se conviertan en uno de tus fieles seguidores.

Como propietario de un sitio web, es imprescindible crear entradas atractivas, planifique su estrategia de marketing de contenidosy utilizar los distintos elementos mencionados anteriormente en sus mensajes.

Una barra de progreso de lectura puede desempeñar un pequeño papel en el éxito general de su sitio web, por lo que definitivamente es algo que debería considerar utilizar.

Cómo incluir una barra de progreso de lectura en WordPress

Añadir una barra de progreso de lectura es muy fácil en WordPress. Probablemente le llevará más tiempo elegir el mejor plugin para el trabajo que configurarlo.

A continuación se indica el proceso paso a paso para instalar nuestro Plugin de lectura de contadores para crear una barra de progreso de lectura en su sitio web.

Guía paso a paso para añadir una barra de progreso de lectura utilizando Read Meter

Leer contador es un sencillo pero muy eficaz plugin de barra de progreso de lectura que puede incluir fácilmente en su sitio web WordPress. Es uno de los muchos productos exitosos de Brainstorm Forcela empresa que está detrás de nuestro popular Astra tema.

Además de añadir una elegante barra de progreso de lectura en la parte superior de tu página, también muestra el tiempo total de lectura y el tiempo que queda para completar la lectura del artículo.

He aquí una lista de las características que ofrece este plugin:

• Use a simple shortcode to include the progress bar anywhere on your site
• El plugin calcula el tiempo de lectura de la versión más reciente de tu post
• Puedes elegir dónde mostrar el tiempo de lectura y la barra de progreso
• También tienes la opción de incluir imágenes y comentarios en la barra de progreso y tiempo de lectura
• Puede fijar la posición del tiempo de lectura, por encima o por debajo del título o por encima del contenido

Después de instalar correctamente el plugin, vaya a la configuración de Read Meter.

Visite Configuración > Leer contador. Por defecto, puede ver el Ajustes generales ficha.

Aquí entenderás los ajustes generales, leerás la pestaña de tiempo y seleccionarás el tipo de barra de progreso para tu entrada.

Una vez que haya terminado de personalizar la configuración del plugin, no olvide hacer clic en Guardar.

Actualice el sitio web para ver si se han aplicado todos los cambios o no.

Así de fácil, ya ha incluido una barra de progreso de lectura en su sitio WordPress para ayudar a los visitantes a conocer su progreso mientras leen un artículo.

Si quieres probar diferentes colores o cualquier configuración en la barra de progreso, puedes personalizarla en la configuración de tu blog.

Este plugin también es aplicable a móviles. Así que cada vez que abra la página en su teléfono, se llega a ver la herramienta de barra de progreso.

By including a shortcode , you can place the reading time widget wherever you want inside your post.

Aquí hay un video rápido que demuestra todo el proceso fácilmente.

¡Y así de sencillo es añadir una barra de progreso de lectura a tu sitio web WordPress!

Top Reading Progress Bar Plugins

Además del plugin Read Meter, varios otros plugins pueden ayudarle a crear una barra de progreso para su sitio web WordPress.

A continuación presentamos algunas de las opciones más populares.

1. WP Progreso en lectura

Uno de los plugins más comunes para la barra de progreso de lectura es WP Progreso en lectura.

Además de incluir una barra de progreso en la parte superior, este plugin permite una buena cantidad de personalización.

Estas son algunas de las características de este plugin:

• Puede personalizar la barra de progreso en cualquier lugar de la pantalla, como en la parte superior, inferior o justo debajo del menú adhesivo.
• Personalizar el color de la barra
• Podrás elegir las entradas en las que quieres utilizar la barra de progreso de lectura.
• La función de actualización utilizada en esta barra de progreso de lectura es relativamente ligera y responde rápidamente al desplazarse
• Si no personalizas la barra de progreso de lectura según el post, entonces empezará a calcular el progreso teniendo en cuenta toda la página
• Puedes utilizar el elemento sticky para que sea absoluto o relativo

Si está buscando un plugin de barra de progreso de lectura fácil de usar e instalar, WP Reading Progress es sin duda uno a tener en cuenta.

2. Merece la pena leerlo

Merece la pena leerlo es otro plugin para crear una barra de progreso de lectura eficaz.

Es un plugin ligero, una de las razones por las que hay más de 7000 instalaciones activas.

A continuación te explicamos cómo puede ayudarte este plugin:

• Muestra la barra de progreso de lectura sólo cuando se desplaza por la página. Cuando el lector deja de desplazarse, la barra de progreso se silencia automáticamente. Esta característica hace que el plugin sea más ligero que otros plugins de barra de progreso de lectura disponibles.
• Puedes establecer una función de compromiso en términos de tiempo de lectura. Si desea medir su tiempo de lectura, puede establecer el objetivo para usted, y le recordará acerca de su tiempo de lectura actual entre los puestos. Sin embargo, tienes que incluir el shortcode para obtener esta característica.
• La interfaz fácil de usar siempre atraerá a los visitantes a leer más de sus artículos. La colorida barra de progreso de lectura tiende a motivar a los lectores a completar todo el artículo de una sola vez.

¿Quieres una barra de progreso atractiva que combine con el diseño de tu sitio web? Este plugin podría ser justo lo que necesitas.

3. Barra de progreso Catch Scroll

Barra de progreso Catch Scroll es un plugin gratuito para WordPress de barra de progreso que proporciona una representación visual de cuánto queda de una entrada de blog.

Con este plugin, la barra de progreso comienza a llenarse a medida que el lector se desplaza por el artículo. Esto le da al lector una indicación de cuánto ha avanzado. También ofrece una gran variedad de funciones de personalización.

A continuación te explicamos cómo puede ayudarte este plugin:

• Puede cambiar la posición, la altura, el nivel de opacidad, el radio del borde y los colores de fondo de la barra de progreso.
• Puede elegir la ubicación de la barra de progreso de lectura
• Puedes elegir una entrada individual o una página entera para mostrar la barra
• Este plugin tiene una plantilla de aspecto hermoso que puede utilizar

4. Barra de progreso de lectura

El último plugin de nuestra lista de recomendados es el Barra de progreso de lectura.

Este plugin es totalmente personalizable.

• El plugin es ligero
• Todas las características, como los colores y la ubicación de la barra, pueden elegirse desde la configuración.
• Es un plugin de código abierto y gratuito.

Todas las características disponibles en el plugin Reading progressbar son únicas y bastante diferentes de las otras en esta lista. Así que si quieres un plugin ligero para añadir la barra de progreso de lectura, entonces usted puede ir para él.

¿Ha añadido un progreso de lectura en WordPress?

Como la misma sugiere, una barra de progreso de lectura es una gran manera de seguir tu progreso.

Con un indicador visible en su sitio web que muestra su progreso a medida que lee un artículo, siente una sensación de logro. También te sientes motivado para seguir leyendo y completar el artículo de una sola vez.

Saber exactamente cuánto tiempo se tarda en terminar de leer el artículo ayuda a permanecer un poco más. Con un tiempo de permanencia más largo, a la larga ayudas a conseguir esos puntos de Google, lo que ayuda a mejore su posicionamiento en los motores de búsqueda.

En WordPress, ¡lo tienes fácil! Todo lo que tienes que hacer es instalar un plugin de barra de progreso de lectura, y antes de que te des cuenta, una barra de progreso de lectura es visible en todo tu sitio web.

En este artículo, hemos cubierto algunos de los plugins de barra de progreso de lectura más populares. También hemos ido un paso más allá y te hemos mostrado cómo instalar una barra de progreso de lectura en tu sitio web WordPress.

¿Has incluido una barra de progreso de lectura en tu sitio web WordPress? ¿Has utilizado alguno de los plugins que hemos mencionado o nos hemos dejado alguno? ¡Nos gustaría saberlo!