En este post, hemos recopilado 8 de las mejores opciones, 6 de las cuales son completamente gratuitas.<\/p>\n
A continuaci\u00f3n, compartiremos los detalles de cada plugin, junto con una r\u00e1pida introducci\u00f3n sobre c\u00f3mo funcionan las barras de progreso y por qu\u00e9 pueden ser beneficiosas para tu sitio.<\/p>\n
\u00bfQu\u00e9 Es una Barra de Progreso de Lectura?<\/h2>\n
Una barra de progreso de lectura hace m\u00e1s o menos lo que su nombre indica: permite a los visitantes de tu sitio web ver cu\u00e1nto han avanzado en el contenido<\/a> de tu entrada.<\/p>\n Normalmente, colocar\u00e1s una barra horizontal en la parte superior o inferior de la p\u00e1gina. A medida que los usuarios se desplacen por la entrada, la barra se \u00abcompletar\u00e1\u00bb para indicar lo cerca que est\u00e1n del final del contenido.<\/p>\n Algunos plugins tambi\u00e9n te dan la opci\u00f3n de crear una barra de progreso vertical a la izquierda o a la derecha del contenido. En estos casos, se parece a una barra de desplazamiento. Sin embargo, la diferencia clave es que la barra de progreso se basar\u00e1 en la longitud del contenido real, mientras que la barra de desplazamiento del navegador se basa en la longitud total de la p\u00e1gina.<\/p>\n Aqu\u00ed tienes dos ejemplos reales de la forma t\u00edpica en que los sitios utilizan las barras de progreso de lectura..<\/p>\n HubSpot a\u00f1ade una barra de progreso naranja que aparece directamente debajo de su encabezado fijo<\/a>:<\/p>\n Sin embargo, puedes experimentar con diferentes posiciones de la barra de progreso en funci\u00f3n de tu sitio.<\/p>\n\n A alto nivel, una barra de progreso de lectura es una forma de mejorar la usabilidad<\/a> y la experiencia del usuario en tu sitio, lo que puede tener efectos m\u00e1s directos en m\u00e9tricas importantes como el tiempo en la p\u00e1gina y la tasa de rebote.<\/p>\n En primer lugar, hablemos de la experiencia del usuario en general.<\/p>\n La mayor\u00eda de la gente quiere saber en qu\u00e9 se est\u00e1 metiendo antes de invertir el tiempo necesario para participar en tu publicaci\u00f3n. \u00bfSe trata de un art\u00edculo de 5 minutos que pueden leer entre tareas o es un art\u00edculo largo de 20 minutos que requerir\u00e1 una gran concentraci\u00f3n?<\/p>\n Una barra de progreso da a los lectores una buena idea de lo que pueden esperar de tu art\u00edculo cuando empiezan a leerlo. Para ayudar con esto, algunos sitios tambi\u00e9n a\u00f1aden un tiempo de lectura estimado adem\u00e1s de la barra de progreso, que soportan varios de los plugins que aparecen a continuaci\u00f3n.<\/p>\n Una vez que tus visitantes empiezan a leer, la barra de progreso tambi\u00e9n puede animarles a terminar el post. Por ejemplo, si un lector ve que ya ha llegado al 80% del contenido, se animar\u00e1 a terminar el \u00faltimo 20% porque ya ha llegado a la mayor parte del post.<\/p>\n Estas mejoras en la experiencia del usuario pueden tener efectos positivos en dos m\u00e9tricas clave:<\/p>\n Si combinas las barras de progreso con otras t\u00e1cticas para mejorar la experiencia del usuario<\/a>, como una estructura de navegaci\u00f3n de calidad<\/a> y un uso inteligente de la paginaci\u00f3n<\/a>, puedes crear una experiencia realmente agradable y atractiva para los visitantes.<\/p>\n Ahora, vamos a adentrarnos en los 8 mejores plugins de WordPress para barras de progreso que te ayudar\u00e1n a a\u00f1adir una barra de progreso de lectura a tu sitio.<\/p>\n Aunque puedes encontrar plugins de barra de progreso gen\u00e9ricos que te permiten crear una barra de progreso personalizada para cualquier cosa, este post se centra espec\u00edficamente en los plugins que a\u00f1aden indicadores de progreso de lectura basados en la longitud del contenido de una p\u00e1gina.<\/p>\n En cuanto al precio, 6 de estos plugins son completamente gratuitos, mientras que los 2 restantes son asequibles y a\u00f1aden una flexibilidad extra que no encontrar\u00e1s en la mayor\u00eda de las opciones gratuitas.<\/p>\n Lo mejor de todo es que todos estos plugins deber\u00edan funcionar con pr\u00e1cticamente cualquier tema de WordPress<\/a>.<\/p>\n Read Meter<\/a> es un plugin de barra de progreso de lectura de Brainstorm Force, el mismo equipo que est\u00e1 detr\u00e1s del popular tema Astra de WordPress (que entr\u00f3 en nuestra lista de los temas m\u00e1s r\u00e1pidos de WordPress<\/a>).<\/p>\n El plugin te permite a\u00f1adir autom\u00e1ticamente una barra de progreso de lectura que se sit\u00faa en la parte superior o inferior de la p\u00e1gina. Tambi\u00e9n tienes la opci\u00f3n de mostrar el tiempo estimado de lectura de la entrada junto con la barra de progreso.<\/p>\n Esto es todo lo que obtendr\u00e1s con Read Meter:<\/p>\n Precio<\/strong>: Read Meter es 100% gratuito.<\/p>\n Junto con Read Meter, Reading progressbar<\/a> es otro de los plugins de barra de progreso m\u00e1s populares en WordPress.org. Sin embargo, a diferencia de Read Meter, este plugin no te da la opci\u00f3n de a\u00f1adir el tiempo estimado de lectura \u2013 sino que es exclusivamente para la barra de progreso.<\/p>\n Sin embargo, te da una flexibilidad de orientaci\u00f3n adicional que Read Meter no ofrece. Por ejemplo, puedes orientar tu barra de progreso a plantillas espec\u00edficas, adem\u00e1s de la orientaci\u00f3n del tipo de post.<\/p>\n Esto es todo lo que obtendr\u00e1s con la barra de progreso de Lectura:<\/p>\n Precio<\/strong>: La barra de progreso de lectura es 100% gratuita.<\/p>\n Worth the Read<\/a>\u00a0es uno de los plugins para WordPress de barra de progreso m\u00e1s personalizables, lo que lo convierte en una gran opci\u00f3n si los plugins anteriores te parecen demasiado limitados.<\/p>\n Incluye algunas opciones \u00fanicas de colocaci\u00f3n y orientaci\u00f3n que la mayor\u00eda de los otros plugins no ofrecen, junto con algunos otros toques \u00fanicos. Tambi\u00e9n te da la opci\u00f3n de a\u00f1adir un tiempo estimado de lectura si lo prefieres.<\/p>\n Esto es todo lo que obtendr\u00e1s con Worth the Read:<\/p>\n Precio<\/strong>: Worth the Read es 100% gratuito.<\/p>\n Catch Scroll Progress Bar<\/a>\u00a0es otra opci\u00f3n ligera para a\u00f1adir una barra de progreso b\u00e1sica a tu sitio.<\/p>\n Mantiene las cosas bastante simples, con s\u00f3lo las opciones m\u00ednimas que necesitas para colocar y dar estilo a tu barra de progreso.<\/p>\n Esto es todo lo que obtendr\u00e1s con Catch Scroll Progress Bar:<\/p>\n Precio<\/strong>: Catch Scroll Progress Bar es 100% gratuito.<\/p>\n WP Reading Progress<\/a> es otro plugin de WordPress de barra de progreso gratuito que est\u00e1 disponible en WordPress.org.<\/p>\n Al igual que el plugin anterior, s\u00f3lo te ofrece los ajustes m\u00ednimos necesarios para personalizar tu barra de progreso de lectura. Pero para la mayor\u00eda de la gente, eso es todo lo que necesita, lo que lo convierte en otra opci\u00f3n s\u00f3lida.<\/p>\n Esto es todo lo que obtendr\u00e1s con WP Reading Progress:<\/p>\n Precio<\/strong>: WP Reading Progress es 100% gratuito.<\/p>\n Reading Time<\/a>\u00a0es el primer plugin de progreso de lectura de esta lista que s\u00f3lo viene en versi\u00f3n premium.<\/p>\n Sin embargo, sigue siendo bastante asequible y ofrece actualizaciones de por vida a trav\u00e9s del marketplace CodeCanyon de Envato.<\/p>\n Hay dos razones principales por las que puedes considerar Reading Time en lugar de las alternativas gratuitas:<\/p>\n Tambi\u00e9n obtienes todas las funciones \u00abest\u00e1ndar\u00bb que esperar\u00edas de un plugin:<\/p>\n Precio<\/strong>: Reading Time cuesta 15$, viene con actualizaciones de por vida para un solo sitio y 6 meses de soporte.<\/p>\n Reading Position Indicator<\/a> es otro plugin ligero de barra de progreso gratuito en WordPress.org.<\/p>\n No te da una tonelada de ajustes, pero tiene una opci\u00f3n \u00fanica que te permite usar un gradiente personalizado para tu barra de progreso de lectura (adem\u00e1s de un color s\u00f3lido).<\/p>\n Esto es todo lo que obtendr\u00e1s con el Indicador de Posici\u00f3n de Lectura:<\/p>\n Precio<\/strong>: Reading Position Indicator es 100% gratuito.<\/p>\n ReBar<\/a> es otro plugin premium de barra de progreso de lectura para WordPress que se vende a trav\u00e9s del marketplace CodeCanyon de Envato.<\/p>\n Al igual que con Reading Time, estas son algunas de las caracter\u00edsticas \u00fanicas que ofrece y que pueden hacer que merezca la pena gastar el dinero:<\/p>\n Aqu\u00ed tienes otras caracter\u00edsticas destacables:<\/p>\n Precio<\/strong>: ReBar cuesta 15 d\u00f3lares, viene con actualizaciones de por vida para un solo sitio y 6 meses de soporte.<\/p>\n\n Con esto terminamos nuestra recopilaci\u00f3n de los 8 mejores plugins de WordPress para la barra de progreso de lectura.<\/p>\n Para las opciones m\u00e1s sencillas de a\u00f1adir una barra de progreso b\u00e1sica, puedes considerar plugins como Read Meter o Reading progressbar.<\/p>\n Por otro lado, si quieres la mayor capacidad de personalizaci\u00f3n de forma gratuita, quiz\u00e1 quieras empezar con Worth the Read, ya que incluye una serie de opciones y funciones \u00fanicas que otros plugins no ofrecen.<\/p>\n Si quieres ir m\u00e1s all\u00e1 de un color de relleno s\u00f3lido para la barra de progreso, tambi\u00e9n podr\u00edas considerar las opciones premium de CodeCanyon \u2013Reading Time o ReBar. De nuevo, los detalles m\u00e1s singulares de estos plugins son que ambos vienen con m\u00e1s de 8 estilos preestablecidos y opciones de orientaci\u00f3n mucho m\u00e1s avanzadas.<\/p>\n Cada plugin tiene su propio estilo en lo que respecta al estilo y las funciones, as\u00ed que vale la pena explorarlos todos para encontrar la opci\u00f3n m\u00e1s adecuada para tu sitio.<\/p>\n La mayor\u00eda de ellos tienen versiones gratuitas en WordPress.org, lo que facilita su prueba. Si alojas tu sitio con Kinsta<\/a>, puedes crear f\u00e1cilmente un sitio de staging<\/a> para probar con seguridad c\u00f3mo se ver\u00e1 cada plugin en tu sitio.<\/p>\n![\"Una](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/hubspot-progress-bar-1024x669.jpg\")
\u00bfPor Qu\u00e9 A\u00f1adir una Barra de Progreso de Lectura a WordPress?<\/h2>\n
\n
Los 8 Mejores Plugins de WordPress para Barras de Progreso de Lectura<\/h2>\n
Read Meter<\/h3>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/read-meter-1024x331.jpg\")
\n
Reading progressbar<\/h3>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/reading-progressbar-1024x330.jpg\")
\n
Worth the Read<\/h3>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/worth-the-read-1024x330.jpg\")
\n
Catch Scroll Progress Bar<\/h3>\n
![\"\u00c1rea](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/catch-scroll-progress-bar-1024x461.jpg\")
\n
WP Reading Progress<\/h3>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/wp-reading-progress-1024x331.jpg\")
\n
Reading Time<\/h3>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/reading-progress-bar.jpg\")
<\/p>\n\n
\n
Reading Position Indicator<\/h3>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/reading-position-indiciator-1024x331.jpg\")
\n
ReBar<\/h3>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/rebar.jpg\")
\n
\n
Resumen<\/h2>\n