Os Progressive Web Apps (PWAs) beneficiam o SEO? (Com estatísticas e exemplos)

Em um mundo cada vez mais grudado em seus dispositivos móveis e aplicativos que os acompanham, só faz sentido criar experiências que visem, como disse o engenheiro de software sênior do Google Alex Russell, “desfocar a linha entre conteúdo da web e aplicativos”.

Os últimos dois anos deixaram algumas coisas muito claras: se você tem um negócio on-line, precisa torná-lo seu negócio para ser mobile-first . Em segundo lugar, sua experiência móvel precisa ser suave e sem atritos se você quiser que ela se traduza em dólares. Por fim, os usuários de smartphones são super inconstantes e, apesar de baixar mais de 113 bilhões de aplicativos em 2018, os usuários ainda usam regularmente apenas cerca de 9 aplicativos por dia.

Então, você precisa estar no celular. Você precisa ser incrível no celular. E as pessoas provavelmente não vão baixar e usar seu aplicativo regularmente.
Sim, estou falando de aplicativos da web progressivos ou PWAs .

Os aplicativos da Web progressivos são populares entre a multidão de otimização de mecanismos de pesquisa porque oferecem uma grande promessa para o marketing on-line.

Em relação à pergunta acima, SIM, os Progressive Web Apps beneficiam o SEO . Mas como os PWAs são bons para SEO? Vamos descobrir neste artigo.

O que é um PWA?

Nas palavras mais simples possíveis, um PWA é um site compatível com dispositivos móveis que se comporta como um aplicativo, mas não precisa ser baixado para ser usado. Os usuários têm a opção de salvar um PWA em seu telefone e iniciá-lo como um aplicativo, mas é totalmente opcional.

Há uma série de vantagens que os PWAs trazem consigo, ao mesmo tempo em que superam as desvantagens inerentes de criar e manter um site móvel e um aplicativo móvel simultaneamente.

Você pode se aprofundar na definição de um PWA, bem como em seus recursos sofisticados, por meio deste artigo: “O que é PWA? Tudo o que você precisa saber sobre aplicativos da Web progressivos”

Quatro tecnologias-chave de um PWA

Tudo isso é possível graças ao uso de quatro tecnologias, necessárias para que um PWA funcione:

1. Arquivo de manifesto do aplicativo Web (que permite acesso à tela inicial)
2. Service worker (para suporte offline)
3. Segurança da camada de transporte (TLS) (garante a privacidade e a integridade dos dados)
4. Arquitetura do shell do aplicativo (permite tempos de carregamento rápidos)

Ao contrário de um aplicativo nativo e de um site responsivo, um aplicativo da web progressivo oferece muitos benefícios:

O Google rastreia sites PWA?

Os Progressive Web Apps usam a flexibilidade do JavaScript, o que significa que o Google vê a única página publicada como um site JavaScript. Um novo URL pode ser criado para o PWA, para que o Googlebot vá em frente e rastreie a página como faria para qualquer outra página publicada na web.

O Google rastreia sites PWA da mesma forma que rastrearia um site AJAX ou JavaScript, mas há alguns problemas que podem afetar a 'rastreabilidade' - portanto, os desenvolvedores precisam estar cientes de como otimizar o site para garantir que a página seja indexada adequadamente.

Práticas recomendadas de SEO do Google para aplicativos da Web progressivos

John Mueller, do Google, forneceu uma atualização detalhada sobre como o Google lida com PWAs e sites JavaScript em geral em março de 2016.

No post, ele destaca o seguinte:

• Não camuflagem para o Googlebot. É importante que o desenvolvedor use a técnica de detecção de recursos e aprimoramento progressivo para que todos os usuários tenham acesso ao conteúdo. Também não é uma boa ideia redirecionar para uma página de navegador não suportada.
• Use rel=canonical ao veicular conteúdo de vários URLs para que você não seja culpado de violações de conteúdo duplicado.
• Evite o esquema AJAX-Crawling em novos sites.
• O Googlebot não indexará URLs com “#” neles. Muitos Progressive Web Apps usam o símbolo de hash em sua estrutura de URL, o que significa que os mecanismos de pesquisa descartarão tudo além do #. A única maneira de contornar isso é implementar uma estrutura de URL usando as regras tradicionais de SEO. Isso pode ser complicado para alguns sites e empresas, mas é um passo necessário à medida que avançamos.
• Teste para ver como o Googlebot vê a página. Você pode usar a ferramenta Fetch and Render do Google Search Console para ver seu site exatamente como o Google o vê.
• Verifique se os recursos necessários não estão bloqueados pelo robots.txt.
• Reduza o número de recursos incorporados na página (especialmente o número de arquivos JavaScript necessários para renderizar a página), pois eles podem não estar totalmente carregados.
• Use um arquivo de sitemap preciso para sinalizar quaisquer alterações em seu site ao usar Accelerated Mobile Pages (AMP).
• Lembre-se de que alguns mecanismos de pesquisa e provedores de serviços da Web que acessam o conteúdo podem não oferecer suporte a JavaScript ou podem oferecer suporte a um subconjunto diferente.

Além disso, o Lighthouse é uma ferramenta útil do Google quando se trata de PWAs. Esta ferramenta foi criada pela Google com o objetivo de melhorar a qualidade das aplicações web. Essa ferramenta mostrará se seu aplicativo da Web está pronto para se tornar um PWA. Quando você adiciona seu site a este aplicativo, o Lighthouse o mede nos quatro critérios e mostra os problemas que você deve resolver para aumentar a taxa do seu aplicativo da web.

Então, é assim que os aplicativos da Web exatamente progressivos ajudam o SEO

É verdade que os PWAs podem melhorar significativamente seu perfil de busca orgânica .

Como?

Tornando a experiência do usuário melhor do que a da concorrência. Bem, pelo menos melhor do que era antes de atualizar para um aplicativo da web progressivo. Quando você oferece uma ótima experiência ao usuário, as pessoas desejam visitar seu site em vez de opções concorrentes. Quando eles virem sua marca nos resultados, eles lembrarão que você deu a eles o que eles queriam e a experiência foi positiva.

Os SEOs sabem que a taxa de cliques influencia a posição de pesquisa . Mais cliques ou votos dos pesquisadores por um resultado e, com o tempo, ele sobe.

Mas essa é apenas uma métrica que você pode medir. Todas as pequenas coisas que você faz para tornar seu site o melhor criam a experiência que se eleva acima da informação. Isso influenciará indiretamente e diretamente seus SERPS e normalmente em uma direção positiva.

Velocidade mais rápida do site

Esta é, sem dúvida, uma das características mais interessantes dos PWAs. As empresas podem direcionar usuários que podem estar em uma conexão de dados lenta ou mesmo aqueles que estão offline com um PWA usando as práticas recomendadas de desenvolvimento móvel, como armazenamento em cache de conteúdo antecipadamente, compactação e muito mais.

Por que você deve se preocupar com a velocidade do site? Porque impacta diretamente no seu SEO

Com os testes de velocidade do Google entrando em vigor em menos de um mês, possivelmente a maior vantagem dos PWAs é sua maior velocidade quando comparado a outras plataformas móveis e aplicativos nativos. E não é apenas o Google que está exigindo sites mais rápidos – são SEUS USUÁRIOS! A maioria dos usuários abandonará um site móvel se demorar mais de três segundos para carregar. (Faça um favor a si mesmo e verifique a velocidade do seu site aqui!) E se o seu site não estiver atualizado, eles se foram.

A Forbes viu uma enorme melhoria na velocidade quando mudou para PWAs, reduzindo a velocidade de carregamento móvel de 3 a 12 segundos, até 0,8 segundos! Portanto, para garantir que sua marca esteja o mais próximo possível do topo da lista de pesquisa do Google, é hora de fazer com que seus PWAs sejam os primeiros a escolher a estratégia móvel.

Melhor engajamento

O Google dita os requisitos fundamentais que um site precisa cumprir para se qualificar como um aplicativo da web progressivo. Uma experiência de usuário suave, incluindo navegação fácil, notificações push oportunas, compatibilidade entre navegadores, páginas responsivas em todos os dispositivos são alguns requisitos importantes que também levam a um crescimento no engajamento.

Os PWAs podem imitar aplicativos móveis reais de uma maneira incrível. Com um PWA, você ainda terá a opção de salvá-lo em sua tela inicial, onde ele aparecerá como um ícone no seu dispositivo como um aplicativo, mas você não precisará passar pelo processo de download da loja de aplicativos. E como não há download, os PWAs exigem muito menos armazenamento do que os aplicativos móveis nativos. A Starbucks criou um PWA com 0,4% do tamanho de seu próprio aplicativo nativo! E as atualizações de conteúdo acontecem automaticamente após a atualização, permitindo que os usuários tenham acesso aos recursos, funcionalidades e atualizações de segurança mais recentes sem nunca levantar um dedo (ou tocar no botão irritante “Instalar atualização”).

 Leitura recomendada: PWA vs Native App: Qual combina melhor com você?

Com o aplicativo agora em seus celulares, as chances de interação e engajamento tornam-se exponencialmente maiores, conforme experimentado pela revista Forbes quando lançaram seu próprio PWA. Os usuários foram notificados sempre que um novo conteúdo estava disponível por meio de notificações push. Com tempos de carregamento de página extremamente rápidos, transições rápidas e design de página leve, o PWA da Forbes conseguiu alcançar o seguinte:

• Aumente a profundidade de rolagem em 3x
• Melhore as sessões por usuário em 43%
• Obtenha um aumento de 6x no número de leitores que completam artigos
• Dobrar sua taxa de engajamento, o que significa um aumento de 100% no engajamento

No caso de um site de publicação como a Forbes, alto engajamento equivale a altas conversões, tudo graças ao novo PWA.

Sabemos que as métricas de engajamento do site, como duração da sessão, taxas de cliques e taxas de rejeição, têm um impacto direto nas classificações de pesquisa. Como Larry Kim demonstra aqui, o tempo no site tem uma correlação definitiva com seus rankings de busca orgânica. Quanto maior a duração da sessão, maior será sua classificação provável no Google.

Você pode dizer olá para a primeira página do Google, tudo graças aos PWAs e suas taxas superiores de engajamento no site.

É tudo sobre os URLs

Os aplicativos da web progressivos realmente adotam as melhores práticas de SEO em todos os sentidos do termo. Desde meta descrições claras e concisas até a adição de dados do Schema.org para melhor indexação e análise de dados do site por bots de busca; é mais provável que um site otimizado para pesquisa faça o corte de PWA do que outros.

Os PWAs não exigem diferentes tipos de URLs “mobile.site.com” para oferecer uma ótima experiência em dispositivos móveis. Eles são configurados automaticamente para fornecer uma experiência consistente, independentemente do dispositivo.

Outro bônus é que os PWAs são necessariamente habilitados para HTTPS. Isso não apenas aumenta seu site nos resultados de pesquisa orgânica, mas também tranquiliza os usuários sobre a segurança em seu site, levando a taxas de rejeição mais baixas, taxas de cliques mais altas e provavelmente taxas de conversão mais altas.

Cada página vem com seu próprio URL exclusivo, tornando as páginas profundamente incorporadas facilmente rastreáveis ​​e descobertas pelos mecanismos de pesquisa. URLs exclusivos para cada página também facilitam muito o compartilhamento de páginas nas mídias sociais e outros sites, sem mencionar o rastreamento mais transparente.

Com o pré-cache usando service workers, todos os URLs nos PWAs são carregados mesmo quando o dispositivo está offline. Isso capacita os usuários que operam em dispositivos mais antigos ou conexões de rede ruins.

Embrulhando-o

Os aplicativos da Web progressivos são ótimos para SEO porque são feitos para oferecer as melhores experiências na web. Mas, como qualquer outra coisa, desenvolvedores e profissionais de marketing podem atrapalhar as coisas.

Siga as melhores práticas da web e você colherá os benefícios de um ótimo tráfego de busca orgânica. Isso significa tornar seu site móvel primeiro, rápido em dispositivos móveis, utilizável em todos os tamanhos de tela e com som na página SEO.

Os PWAs ajudam você a construir relacionamentos duradouros com os clientes. Essa é uma grande recompensa, mas você também experimentará um aumento universal, como a pesquisa orgânica, porque seu site coloca a experiência do usuário em primeiro lugar.

Se você seguir todas essas práticas recomendadas, será bem-sucedido, mesmo que não esteja segmentando o tráfego de pesquisa orgânica.

Hora de pegar essas dicas e investir em PWAs que combinam a facilidade da web móvel com a velocidade e facilidade de uso de um aplicativo móvel. Dois pelo preço de um é o que você obtém com os PWAs. Então, quando você vai construir o seu?