O que é PWA (Progressive Web App)

Exemplo hipotético

Uma rede de academias queria um aplicativo para os alunos consultarem o treino do dia. Dois apps nativos, um para Android e outro para iPhone, custariam dois projetos e duas publicações em loja a cada atualização.

A rede fez uma PWA: o aluno abre o endereço no celular, toca em instalar, e o ícone aparece na tela inicial. O treino da semana fica guardado no aparelho e abre mesmo com o sinal fraco dentro da academia. Cada atualização vai ao ar como a de um site.

O que uma PWA precisa para ser instalável

Segundo a documentação da MDN, os requisitos mínimos para o navegador oferecer a instalação são:

• Manifesto do aplicativo: um arquivo JSON, ligado em todas as páginas, com nome, ícones e forma de exibição. Os navegadores baseados em Chromium, como Chrome e Edge, exigem ícones de 192 e de 512 pixels, endereço inicial e modo de exibição.
• HTTPS: a PWA precisa ser servida por conexão segura, ou por localhost durante o desenvolvimento.
• Service worker: não é exigido para instalar, mas é a peça que permite funcionar sem internet, guardar arquivos no aparelho e trabalhar em segundo plano.

Os três pilares

O web.dev, portal do time do Chrome, resume o que faz uma boa PWA em três palavras: capaz, confiável e instalável. Capaz, porque usa recursos que antes eram só de aplicativo nativo, como notificações e acesso a arquivos. Confiável, porque responde rápido e continua útil com a rede instável. Instalável, porque sai da aba do navegador e ganha janela própria, ícone e atalho.

PWA, site e aplicativo nativo

Comparação resumida

	Site comum	PWA	App nativo
Instalação	Não se instala	Pelo navegador ou pela loja	Pela loja
Código	Um só	Um só	Um por sistema
Sem internet	Não funciona	Funciona, se programado	Funciona
Atualização	Imediata	Imediata	Depende da loja e do usuário
Aparece no Google	Sim	Sim	Pela página da loja

PWA e SEO

Uma PWA continua sendo um site: suas páginas podem ser rastreadas, indexadas e aparecer na Pesquisa como quaisquer outras. O Google aplica o mesmo padrão a todas as páginas, qualquer que seja a tecnologia usada para construí-las, então ser PWA não dá vantagem de ranqueamento por si só.

O cuidado é técnico: se o conteúdo depende de JavaScript para aparecer, cada página ainda precisa de um endereço próprio e de conteúdo que o robô do Google consiga ler.

Quando vale a pena

• Quando o público usa o serviço com frequência e se beneficia de um ícone na tela inicial.
• Quando manter dois aplicativos nativos custa mais do que o projeto justifica.
• Quando a conexão do usuário é instável e o conteúdo precisa abrir mesmo assim.
• Quando a empresa quer atualizar sem esperar a aprovação de loja.
• Se o produto depende de recursos que a web ainda não alcança no aparelho do seu público, o app nativo continua sendo o caminho.

PWA nas lojas de aplicativos

Uma PWA que cumpre os requisitos de instalação também pode ser empacotada e publicada em lojas. A MDN cita guias para a Google Play, a Microsoft Store e a loja do Meta Quest, e a ferramenta PWABuilder simplifica esse empacotamento.

Perguntas frequentes

O que é PWA?

É um aplicativo feito com tecnologias da web que pode ser instalado, abrir em janela própria e funcionar sem internet, com um único código para vários aparelhos.

PWA precisa estar na loja de aplicativos?

Não. A instalação pode ser feita pelo próprio navegador. Se a empresa quiser, a PWA também pode ser publicada em lojas como a Google Play e a Microsoft Store.

PWA funciona sem internet?

Pode funcionar, se for programada para isso com um service worker, que guarda arquivos e dados no aparelho.

PWA melhora o SEO?

Não por si só. Para o Google, uma PWA é um site como outro qualquer. Ela precisa de páginas rastreáveis, com conteúdo legível e boa experiência.

Qual a diferença entre PWA e AMP?

AMP é um formato de página leve, criado para carregar rápido. PWA é um conjunto de recursos que transforma um site num aplicativo instalável. Um não depende do outro.

Termos relacionados

• AMPAMP é um framework de código aberto para criar páginas leves e rápidas, lançado pelo Google em 2015...
• Core Web VitalsCore Web Vitals são três métricas que medem a experiência real de quem visita uma página: LCP, o tempo até...
• IndexaçãoIndexação é a etapa em que o Google analisa o conteúdo de uma página já rastreada, entende do que ela trata...
• Landing pageLanding page, ou página de destino, é a página em que a pessoa chega depois de clicar num anúncio, e-mail...
• Taxa de conversãoTaxa de conversão é a porcentagem de pessoas que fizeram a ação desejada entre todas as que tiveram a chance...
• Jornada do clienteJornada do cliente é o caminho que uma pessoa percorre desde o primeiro sinal de uma necessidade até...

Fontes

• MDN Web Docs: Progressive web apps (em inglês)
• MDN Web Docs: como tornar uma PWA instalável (em inglês)
• web.dev: o que são PWAs (em inglês)
• web.dev: Progressive Web Apps
• Google Search Central: AMP na Pesquisa Google

Rodrigo Fávaro

Fundador da ROO3, agência de marketing e tecnologia em São José do Rio Preto. Constrói produtos com IA em produção (Tobia, gerar.app, Pense Mercado) e mantém o AI Benchmark, ranking público de modelos de IA.

X @rodmf LinkedIn rodrigofavaro