Neste artigo, coletamos 8 das melhores op\u00e7\u00f5es, 6 das quais s\u00e3o completamente gratuitas.<\/p>\n
Abaixo, vamos compartilhar detalhes para cada plugin, juntamente com uma r\u00e1pida introdu\u00e7\u00e3o de como as barras de progresso funcionam e porque elas podem ser ben\u00e9ficas para o seu site.<\/p>\n
O que \u00e9 uma barra de progresso de leitura?<\/h2>\n
Uma barra de progresso de leitura faz exatamente o que o nome diz – ela permite que os visitantes do seu site vejam at\u00e9 onde eles progrediram atrav\u00e9s do conte\u00fado<\/a> do seu artigo.<\/p>\n Normalmente, voc\u00ea colar\u00e1 uma barra horizontal na parte superior ou inferior da p\u00e1gina. Conforme os usu\u00e1rios percorrem o artigo, a barra ir\u00e1 “encher” para indicar o qu\u00e3o perto eles est\u00e3o do final do conte\u00fado.<\/p>\n Alguns plugins tamb\u00e9m lhe d\u00e3o a op\u00e7\u00e3o de criar uma barra de progresso vertical \u00e0 esquerda ou \u00e0 direita do conte\u00fado. Nesses casos, parece quase como uma barra de rolagem. Entretanto, a principal diferen\u00e7a \u00e9 que a barra de progresso ser\u00e1 baseada no comprimento do conte\u00fado real, enquanto a barra de rolagem do navegador \u00e9 baseada no comprimento total da p\u00e1gina.<\/p>\n Aqui est\u00e3o dois exemplos reais da maneira t\u00edpica que os sites usam barras de progresso de leitura..<\/p>\n HubSpot adiciona uma barra de progresso laranja que aparece diretamente abaixo do seu Sticky Header<\/a>:<\/p>\n No entanto, voc\u00ea pode experimentar diferentes coloca\u00e7\u00f5es de barras de progresso dependendo do seu site.<\/p>\n\n Em um n\u00edvel alto, uma barra de progresso de leitura \u00e9 uma maneira de melhorar a usabilidade<\/a> e a experi\u00eancia do usu\u00e1rio em seu site, o que pode ter efeitos mais diretos em m\u00e9tricas importantes, como tempo na p\u00e1gina e taxa de retorno.<\/p>\n Primeiro, vamos falar sobre a experi\u00eancia do usu\u00e1rio em geral.<\/p>\n A maioria das pessoas quer saber no que est\u00e3o se metendo antes de investir tempo para se envolver com o seu artigo. \u00c9 um artigo de 5 minutos que eles podem ler entre as tarefas ou \u00e9 um longo artigo de 20 minutos que vai exigir algum foco s\u00e9rio?<\/p>\n Uma barra de progresso d\u00e1 aos leitores uma boa ideia do que esperar do seu artigo enquanto eles come\u00e7am a ler. Para ajudar com isso, alguns sites tamb\u00e9m adicionam um tempo estimado de leitura al\u00e9m da barra de progresso, que v\u00e1rios dos plugins abaixo suportam.<\/p>\n Assim que seus visitantes come\u00e7arem a ler, a barra de progresso tamb\u00e9m pode encoraj\u00e1-los a terminar o artigo. Por exemplo, se um leitor v\u00ea que j\u00e1 conseguiu passar por 80% do conte\u00fado, ele ser\u00e1 encorajado a terminar os \u00faltimos 20% porque j\u00e1 conseguiu passar pela maior parte do artigo.<\/p>\n Essas melhorias na experi\u00eancia do usu\u00e1rio podem ter efeitos positivos em duas m\u00e9tricas chaves:<\/p>\n Se voc\u00ea combinar barras de progresso com outras t\u00e1ticas de melhoria da experi\u00eancia do usu\u00e1rio<\/a>, como estrutura de navega\u00e7\u00e3o de qualidade<\/a> e uso inteligente de pagina\u00e7\u00e3o<\/a>, voc\u00ea pode criar uma experi\u00eancia realmente agrad\u00e1vel e envolvente para os visitantes.<\/p>\n Agora, vamos entrar nos 8 melhores plugins WordPress da barra de progresso para ajudar voc\u00ea a adicionar uma barra de progresso de leitura ao seu site.<\/p>\n Enquanto voc\u00ea pode encontrar plugins gen\u00e9ricos de barra de progresso que permitem criar uma barra de progresso personalizada para qualquer coisa, este artigo \u00e9 especificamente focado em plugins que adicionam indicadores de progresso de leitura com base no comprimento do conte\u00fado de uma p\u00e1gina.<\/p>\n Em termos de pre\u00e7o, 6 desses plugins s\u00e3o completamente gratuitos, enquanto os 2 plugins restantes s\u00e3o acess\u00edveis e acrescentam alguma flexibilidade extra que voc\u00ea n\u00e3o encontrar\u00e1 na maioria das op\u00e7\u00f5es gratuitas.<\/p>\n O melhor de tudo, todos esses plugins devem funcionar com praticamente qualquer tema WordPress<\/a>.<\/p>\n Read Meter<\/a> \u00e9 um plugin de barra de progresso de leitura da Brainstorm Force, a mesma equipe por tr\u00e1s do popular tema do Astra WordPress (que fez nossa lista dos temas mais r\u00e1pidos do WordPress<\/a>).<\/p>\n O plugin permite que voc\u00ea adicione automaticamente uma barra de progresso de leitura que se cola na parte superior ou inferior da p\u00e1gina. Voc\u00ea tamb\u00e9m tem a op\u00e7\u00e3o de exibir o tempo estimado de leitura do artigo junto com a barra de progresso.<\/p>\n Aqui est\u00e1 tudo o que voc\u00ea vai conseguir com o Read Meter:<\/p>\n Pre\u00e7o<\/strong>: Read Meter \u00e9 100% gratuito.<\/p>\n Junto com Read Meter, Reading progressbar<\/a> \u00e9 outro dos plugins de barra de progresso mais populares no WordPress.org. Ao contr\u00e1rio do Read Meter, entretanto, este plugin n\u00e3o lhe d\u00e1 a op\u00e7\u00e3o de adicionar o tempo de leitura estimado – \u00e9 exclusivamente para a barra de progresso.<\/p>\n No entanto, ele lhe d\u00e1 alguma flexibilidade extra de direcionamento que o Read Meter n\u00e3o oferece. Por exemplo, voc\u00ea pode direcionar sua barra de progresso para modelos espec\u00edficos, al\u00e9m da segmenta\u00e7\u00e3o p\u00f3s-tipo.<\/p>\n Aqui est\u00e1 tudo o que voc\u00ea vai conseguir com a Barra de Progresso de Leitura:<\/p>\n Pre\u00e7o<\/strong>: A barra de progress\u00e3o da leitura \u00e9 100% gr\u00e1tis.<\/p>\n Worth the Read<\/a> \u00e9 um dos plugins WordPress mais customiz\u00e1veis, o que faz dele uma \u00f3tima op\u00e7\u00e3o se voc\u00ea achar os plugins anteriores muito limitantes.<\/p>\n Inclui algumas op\u00e7\u00f5es \u00fanicas de posicionamento e direcionamento que a maioria dos outros plugins n\u00e3o oferecem, juntamente com alguns outros toques \u00fanicos. Tamb\u00e9m lhe d\u00e1 a op\u00e7\u00e3o de adicionar um tempo de leitura estimado, se preferir.<\/p>\n Aqui est\u00e1 tudo o que voc\u00ea vai conseguir com Worth the Read:<\/p>\n Pre\u00e7o<\/strong>: Worth the Read \u00e9 100% gratuito.<\/p>\n Catch Scroll Progress Bar<\/a>\u00a0\u00e9 outra op\u00e7\u00e3o leve para adicionar uma barra de progresso b\u00e1sica ao seu site.<\/p>\n Ele mant\u00e9m as coisas bem simples, com apenas as op\u00e7\u00f5es m\u00ednimas que voc\u00ea precisa para colocar e estilizar sua barra de progresso.<\/p>\n Aqui est\u00e1 tudo o que voc\u00ea vai conseguir com a Barra de Progresso do Catch Scroll:<\/p>\n Pre\u00e7o<\/strong>: Catch Scroll Progress Bar \u00e9 100% gr\u00e1tis.<\/p>\n WP Reading Progress<\/a> \u00e9 outro plugin gratuito da barra de progresso WordPress que est\u00e1 dispon\u00edvel no WordPress.org.<\/p>\n Como o plugin anterior, ele s\u00f3 lhe d\u00e1 as configura\u00e7\u00f5es m\u00ednimas necess\u00e1rias para personalizar sua barra de progresso de leitura. Mas para a maioria das pessoas, isso \u00e9 tudo que voc\u00ea precisa, o que faz dela outra op\u00e7\u00e3o s\u00f3lida.<\/p>\n Aqui est\u00e1 tudo o que voc\u00ea vai conseguir com o WP Reading Progress:<\/p>\n Pre\u00e7o<\/strong>: WP Reading Progress \u00e9 100% gratuito.<\/p>\n Reading Time<\/a> \u00e9 o primeiro plugin de progresso de leitura desta lista que s\u00f3 vem em uma vers\u00e3o premium.<\/p>\n No entanto, ainda \u00e9 bastante acess\u00edvel e oferece atualiza\u00e7\u00f5es para toda a vida atrav\u00e9s do mercado CodeCanyon do Envato.<\/p>\n H\u00e1 2 raz\u00f5es principais que voc\u00ea pode querer considerar o Tempo de Leitura sobre as alternativas livres:<\/p>\n Voc\u00ea tamb\u00e9m recebe todas as caracter\u00edsticas “padr\u00e3o” que voc\u00ea esperaria de um plugin:<\/p>\n Pre\u00e7o<\/strong>: O tempo de leitura custa $15, que vem com atualiza\u00e7\u00f5es vital\u00edcias para um \u00fanico site e 6 meses de suporte.<\/p>\n O Reading Position Indicator<\/a> \u00e9 outro plugin leve e gratuito da barra de progresso no WordPress.org.<\/p>\n Ele n\u00e3o lhe d\u00e1 uma tonelada de configura\u00e7\u00f5es, mas uma op\u00e7\u00e3o \u00fanica \u00e9 que ele permite que voc\u00ea use um gradiente personalizado para sua barra de progresso de leitura (al\u00e9m de uma cor s\u00f3lida).<\/p>\n Aqui est\u00e1 tudo o que voc\u00ea receber\u00e1 com o Indicador de Posi\u00e7\u00e3o de Leitura:<\/p>\n Pre\u00e7o<\/strong>: O Indicador de Posi\u00e7\u00e3o de Leitura \u00e9 100% gratuito.<\/p>\n ReBar<\/a> \u00e9 outro plugin WordPress da barra de progresso de leitura premium que \u00e9 vendido atrav\u00e9s do CodeCanyon Marketplace do Envato.<\/p>\n Como no Reading Time, aqui est\u00e3o algumas das caracter\u00edsticas \u00fanicas que ele oferece que podem fazer com que valha a pena gastar o dinheiro:<\/p>\n Aqui est\u00e3o algumas outras caracter\u00edsticas not\u00e1veis:<\/p>\n Pre\u00e7o<\/strong>: O ReBar custa $15, que vem com atualiza\u00e7\u00f5es vital\u00edcias para um \u00fanico site e 6 meses de suporte.<\/p>\n\n Isso encerra nossa cole\u00e7\u00e3o dos 8 melhores plugins WordPress da barra de progresso de leitura.<\/p>\n Para as op\u00e7\u00f5es mais simples de adicionar uma barra de progresso b\u00e1sica, voc\u00ea pode considerar plugins tais como Read Meter ou Reading progressbar.<\/p>\n Por outro lado, se voc\u00ea quer a mais customiz\u00e1vel gratuitamente, voc\u00ea pode querer come\u00e7ar com Worth the Read, pois ela inclui uma s\u00e9rie de op\u00e7\u00f5es e caracter\u00edsticas \u00fanicas que outros plugins n\u00e3o oferecem.<\/p>\n Se voc\u00ea quiser ir al\u00e9m de uma cor de preenchimento s\u00f3lido para a barra de progresso, voc\u00ea tamb\u00e9m pode querer considerar as op\u00e7\u00f5es premium na CodeCanyon – ou Reading Time ou ReBar. Novamente, os detalhes mais exclusivos sobre estes plugins s\u00e3o que ambos v\u00eam com mais de 8 estilos pr\u00e9-definidos e op\u00e7\u00f5es de direcionamento muito mais avan\u00e7adas.<\/p>\n Cada plugin tem seu toque \u00fanico quando se trata de estilo e caracter\u00edsticas, ent\u00e3o vale a pena explorar todos eles para encontrar a op\u00e7\u00e3o certa para o seu site.<\/p>\n A maioria deles tem vers\u00f5es gratuitas no WordPress.org, o que torna f\u00e1cil test\u00e1-los. Se voc\u00ea est\u00e1 hospedando seu site com Kinsta<\/a>, voc\u00ea pode facilmente criar um site de teste<\/a> para testar com seguran\u00e7a como cada plugin vai ficar no seu site.<\/p>\n![\"Um](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/07\/hubspot-progress-bar-1024x669.jpg\")
Os 8 melhores plugins WordPress para a barra de progresso de leitura<\/h2>\n
\n
Os 8 melhores plugins de progresso de leitura da Barra de Progresso WordPress<\/h2>\n
Read Meter<\/h3>\n
![\"Read](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/07\/read-meter-1024x331.jpg\")
\n
Reading progressbar<\/h3>\n
![\"Reading](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/07\/reading-progressbar-1024x330.jpg\")
\n
Worth the Read<\/h3>\n
![\"Worth](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/07\/worth-the-read-1024x330.jpg\")
\n
Catch Scroll Progress Bar<\/h3>\n
![\"Catch](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/07\/catch-scroll-progress-bar-1024x461.jpg\")
\n
WP Reading Progress<\/h3>\n
![\"WP](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/07\/wp-reading-progress-1024x331.jpg\")
\n
Reading Time<\/h3>\n
![\"Reading](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/07\/reading-progress-bar.jpg\")
<\/p>\n\n
\n
Reading Position Indicator<\/h3>\n
![\"Reading](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/07\/reading-position-indiciator-1024x331.jpg\")
\n
ReBar<\/h3>\n
![\"ReBar.\"](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/07\/rebar.jpg\")
\n
\n
Resumo<\/h2>\n