Os Progressive Web Apps (PWA) 📳 Melhoram o SEO? 🔎 [Análise]

Aplicativos da web progressivos são populares com os multidão de otimização de mecanismos de pesquisa porque oferecem uma grande promessa para o marketing online.

Mas como os PWAs são bons para SEO?

A resposta é: não, pelo menos eles não têm uma vantagem direta. Mas executar um PWA bem elaborado significa que você oferece uma melhor experiência do usuário, o que o ajuda a vencer no SEO.

Os Progressive Web Apps (PWA) adequados são renderizados de forma extremamente rápida (velocidade da página), fornecem uma experiência rica em dispositivos móveis e desktop e pode ser instalado pelo usuário em seu dispositivo. O objetivo é fornecer uma ótima experiência ao usuário que rivaliza com os aplicativos nativos. É a melhor experiência do usuário que influencia sua capacidade de se classificar melhor nos mecanismos de pesquisa.

Eu e minha empresa estamos firmemente plantados no desenvolvimento de aplicativos da web progressivos e ajudando os negócios a ter sucesso online por meio de marketing de pesquisa orgânica.

Isso me dá vantagens únicas, compartilhando como os dois se relacionam e como não se relacionam.

PWAs não são sites JavaScript

Como qualquer coisa no desenvolvimento da web, existem muitos conceitos errôneos que causam confusão para desenvolvedores e partes interessadas. Quero que este artigo seja um esclarecimento, para que ninguém cometa erros que custem seus clientes empresariais.

Grande parte da confusão se concentra na suposição de que aplicativos progressivos da web são aplicativos de página única (SPAs) ou renderizados no navegador usando estruturas JavaScript pesadas. .

Isso não é verdade e você deve ler meu artigo se quiser mais detalhes sobre como os PWAs e os SPAs diferem.

SPAs podem ser tecnicamente PWAs, qualquer site pode ser um PWA. Os requisitos para ser um aplicativo da web progressivo se resumem a 3 ingredientes.

• Use HTTPS
• Tenha um manifesto da web válido
• Registre um Service Worker com um Fetch Event Handler

É isso!

Bem, mais ou menos.

Eles são os 3 requisitos principais para ser um aplicativo da web progressivo . Claro, existem outros recursos’esperados’do PWA, como carregamento rápido, trabalho offline, integração com a plataforma etc.

Em última análise, o real requisito para ser um aplicativo da web progressivo é fornecer uma ótima experiência do usuário.

Se a experiência do usuário for mais’semelhante a um aplicativo’, ótimo. Se for para responder a perguntas, como sobre SEO, ótimo. Apenas encante o usuário antes de encantar seu desenvolvedor.

Acho que muitos no mundo do SEO e do desenvolvimento confundiram aplicativos da web progressivos com aplicativos de página única porque o Google publicou um artigo sobre SEO PWA. O que eles estavam realmente abordando era página única aplicativos e SEO.

A mensagem nesse artigo foi dimensionada tanto para o marketing online quanto para o mundo do desenvolvimento. Então, geralmente quando eu leio, assisto ou ouço qualquer coisa relacionada a PWAs e SEO, a mensagem muda rapidamente desse tópico para o tópico de JavaScript e SEO.

Eles não são a mesma coisa!

Nesse artigo, a equipe da Pesquisa Google realmente falou muito sobre as práticas recomendadas para páginas da web e abordou muitos problemas que os aplicativos de página única têm no que se refere à pesquisa.

Historicamente, os sites sempre geram ou renderizam seu HTML no servidor, que é a maneira mais simples de garantir que seu conteúdo possa ser vinculado diretamente. Os aplicativos da Web popularizaram o conceito de renderização do lado do cliente, no qual o conteúdo é atualizado dinamicamente na página conforme o usuário navega sem exigir que a página seja recarregada.

Veja, o blog do Google para webmasters começa presumindo que você renderizará suas páginas no cliente, não no servidor. Nada sobre um PWA requer renderização do lado do cliente. Não há requisitos para usar um App Shell ou uma estrutura de fast food.

Na verdade, eu recomendar sites renderizados no servidor, antecipadamente, como uma página da web estática. Em seguida, renderize sob demanda do lado do servidor o máximo possível e deixe a última parte para a renderização do lado do cliente.

A menos que você esteja desenvolvendo um aplicativo de negócios, há pouca ou nenhuma razão pela qual você deve precisar de muito JavaScript para renderizar conteúdo no navegador.

Quando se trata de páginas que precisam ser indexadas e classificadas por Google, isso significa que quase 100% da página deve ser pré-renderizada no servidor. O Google gosta disso porque pode consumir o conteúdo e pontuar a página para os resultados da pesquisa.

Muito JavaScript e eles colocam a página em uma fila e vão dar um jeito nisso se tiverem tempo, mais tarde. Mais ou menos como um adolescente fazendo sua lição de casa.

Aplicativos da Web progressivos e SEO

Então, de volta a como os PWAs se relacionam com a otimização de mecanismos de pesquisa. Um aplicativo da web progressivo pode melhorar o SEO?

Bem, na verdade, não.

John Mueller, do Google, declarou publicamente que é esse o caso.

Atualmente, os PWAs não têm nenhuma vantagem na Pesquisa Google (e, pelo que eu sei, não há planos de mudar isso).

John Mueller

Antes de dar e interrompa o desenvolvimento do service worker, vamos ver por quê. Além disso, prometo que haverá uma recompensa no final.

A esperança é que, ao se dar ao trabalho de criar um aplicativo da web progressivo, você tome o cuidado de criar seu site usando as práticas recomendadas.

Esta é a essência de o que um aplicativo da web progressivo realmente é.

Você sabe, a atenção aos detalhes que faz seu site se destacar da concorrência e realmente torna a web um lugar melhor.

Para mim, um aplicativo da web progressivo aplica as práticas recomendadas de SEO por design. Eles são naturalmente melhores sites que os consumidores desejam visitar.

• Design responsivo que prioriza dispositivos móveis
• Inclui todos os dados de meta e estrutura
• Carregar (renderizar) Rápido (<3 segundos em 3G)
• Tag canônica
• Palavras-chave nos títulos

Esses são apenas lugares para começar. Leia meu artigo Dicas de SEO para obter mais práticas recomendadas. Você também pode usar ferramentas automatizadas para auditar Compatibilidade com PWA e outras práticas recomendadas da web.

Quando visitarem seu site e apreciarem a experiência do usuário, os visitantes irão confie na sua marca e esteja mais inclinado a adicionar o PWA à tela inicial.

Mas lançar um PWA na tela inicial tem pouco a ver com pesquisa orgânica, na verdade, é o tráfego que vem do relacionamento com o cliente, não pesquisa.

Não me leve a mal que o objetivo é o tráfego, então vá em frente. E você não deve desconsiderar o efeito que o tráfego direto pode ter para o seu SEO.

Defina sua meta de aproveitar aplicativos da web progressivos para envolver seus visitantes orgânicos e impulsionar seu funil de vendas para um ponto mais envolvente.

Cultive essa relação para obter mais e mais tráfego diretamente e um bom aplicativo da web progressivo é a melhor maneira de fazer isso.

Você só precisa fazer da maneira certa.

Agora que defini os PWAs, deixe-me esclarecer o que é ou não a otimização de mecanismos de pesquisa.

Definição de otimização de mecanismos de pesquisa

SEO significa otimizar seu site e páginas da web para melhor consumo humano e do mecanismo de pesquisa. Isso significa que você reserva um tempo para garantir que o site seja técnico e que o conteúdo e a cópia da sua página se comuniquem bem com os visitantes.

A meta é dupla: ganhar melhores classificações de pesquisa e atrair os visitantes.

Alguns dirão que é sobre link building e, embora isso seja importante, não é SEO em si. A construção de links é importante se você deseja que suas páginas tenham uma boa classificação no Google, Bing e outros mecanismos de pesquisa. Mas a saúde técnica e o conteúdo do seu site são o que realmente diferenciam você.

Vejo muitos sites na página 2-10 nos resultados da pesquisa que têm mais links do que os resultados da página 1. Também vejo páginas com menos links que classificam outras na página 1. Com o tempo, as páginas com o melhor conteúdo para a intenção de pesquisa do usuário chegam ao topo da classificação.

Aplicativos da web progressivos não ajudarão você a escrever melhor copiar ou usar fotos melhores, mas um PWA adequado tem um perfil de SEO técnico forte.

Práticas recomendadas técnicas de SEO para um Progressive Web App

Deixe-me voltar ao artigo do Google para webmasters sobre a construção de PWAs indexáveis. O artigo destaca uma série de coisas que devemos e não devemos fazer. Deixe-me resumir alguns dos pontos importantes.

• Torne seu conteúdo rastreável: use URLs reais, não fragmentos hash e siga as práticas recomendadas de URL de SEO, incluindo palavras-chave na URL e mantendo-as curtas.
• Use o design responsivo que prioriza o celular: o Google e todos os outros se concentram no celular primeiro, você também deve. Os PWAs foram projetados para serem ótimos no celular, então seja ótimo primeiro, depois se preocupe com o desktop.
• Esteja seguro: 80% da web usa HTTPS hoje. Se o seu site ainda não oferece suporte a HTTPS, migre hoje.
• Use aprimoramento progressivo: os Service workers são ótimos, mas os PWAs utilizam aprimoramento progressivo. Isso significa que eles devem funcionar bem, mesmo quando o navegador não oferece suporte a funcionalidades modernas, você sabe como um mecanismo de pesquisa.
• Teste com o Search Console: use a ferramenta”Buscar como o Google”para ver como o Google lê suas páginas
• Forneça um Sitemap: adicione um sitemap ao seu site e certifique-se de registrá-lo no Google Search Console do seu site. Esta é a primeira coisa que o Google usa para saber quais páginas estão em seu site.
• Medir a velocidade da página: o Google mede o tempo de carregamento de cada página. Você deveria. Use WebPageTest e Lighthouse para determinar o tempo até a primeira interação, a principal métrica de velocidade da página que o Google usa para medir a velocidade da página.

Especialistas em otimização de mecanismos de pesquisa gostam de PWAs

Ryan Jones da SapientRazorfish afirma que os aplicativos da web progressivos ainda são jovens e oferecem muitas oportunidades de marketing online. Em particular, ele os cita como sendo uma primeira abordagem para dispositivos móveis, que corresponde à primeira iniciativa do Google para dispositivos móveis.

Cindy Krum, a CEO da MobileMoxie estava realmente entusiasmada com os aplicativos da web progressivos. Ela reconhece que os aplicativos da web progressivos operam como aplicativos nativos regulares e destaca o fato de que o Android e a Microsoft estão elevando os aplicativos da web progressivos ao mesmo nível dos aplicativos nativos.

Ela também observa que cada vez menos pessoas estão pesquisando para aplicativos nativos na loja de aplicativos. E, assim como eu postei recentemente, ela também reconheceu o fato de que a Apple está começando a rejeitar mais aplicativos e limpar sua loja de aplicativos enquanto recomenda que muitas empresas enviem aplicativos da web progressivos em vez de aplicativos nativos.

As observações de Cindy estão certas no ponto, porque os aplicativos da web progressivos oferecem grandes oportunidades para as empresas terem grande exposição nos mecanismos de pesquisa, implementando o desenvolvimento da web e as melhores práticas de desempenho. Quando os sites implementam essas práticas recomendadas para criar as melhores experiências do usuário, que é o que o Google Google procura ao classificar os resultados da pesquisa.

Claro, desde que Cindy fez essa declaração A Apple enviou suporte ao service worker , bem como outros recursos principais do PWA. Embora ainda não esteja em paridade com o Edge e o Chrome, a Apple tornou os aplicativos de tela inicial mais ricos.

A melhor coisa sobre os aplicativos da web progressivos é que a web é naturalmente ótima para alcançar seu público-alvo. E quando se trata de marketing e classificação do mecanismo de pesquisa, trata-se de ser capaz de alcançar as pessoas certas da forma mais eficiente possível.

Conforme mencionado antes, menos pessoas estão procurando por aplicativos nativos em dispositivos móveis . Isso ocorre porque as lojas de aplicativos nunca foram boas em descoberta. Pesquisar novos aplicativos é difícil. Então, o processo de instalação do aplicativo tem várias etapas pelas quais um usuário deve passar para que possa até mesmo chegar ao conteúdo que você está tentando promover.

Estudos mostraram que o custo médio para adquirir um novo usuário de download de aplicativo varia entre 2 1/2 a $ 15 por instalação de aplicativo. A situação fica ainda pior quando você considera que uma em cada 10 instalações de aplicativos nunca é usada mais de uma vez. Isso significa que conquistar um cliente verdadeiro pode custar pelo menos 25 $ 250 cada.

A web é ótima para alcançar clientes rapidamente e eficientemente. Mecanismos de busca como o Google são altamente otimizados para fornecer as respostas certas às perguntas que os clientes em potencial estão fazendo. Ainda depende de você criar o conteúdo e a experiência que ressoa melhor com esses clientes em potencial. Os aplicativos da web progressivos fornecem a plataforma para fazer isso de forma eficiente e eficaz.

O custo para adquirir um visitante de uma página da web em particular pode ser de apenas meio centavo e muitas vezes custa não mais do que um centavo. É claro que, em alguns casos, pode custar mais e em alguns nichos competitivos, mas geralmente são apenas alguns centavos para direcionar o tráfego direcionado ao seu conteúdo. Isso dá a você aquele ponto de engajamento inicial para conquistar o respeito dos clientes.

Se você fizer isso bem o suficiente, o cliente poderá adicionar seu aplicativo progressivo da web à tela inicial e ter sua marca em seu desktop ou dispositivo móvel o tempo todo. Isso dá a você uma oportunidade única de interagir com eles em um nível muito profundo.

Se você está tentando planejar sua estratégia de marketing de mecanismo de pesquisa para 2018, espero que considere seriamente atualizar sua presença na web para uma web progressiva inscrição. Isso deve aumentar sua capacidade de classificar seu conteúdo nas palavras-chave que você mais deseja.

Por que um aplicativo da Web progressivo Não ajudará seu SEO

Como um praticante de PWA, provavelmente não deveria compartilhar que eles não afetam seu SEO. Mas de uma perspectiva puramente técnica, eles não ajudam o SEO. A mágica está em proporcionar uma ótima experiência para o usuário da web.

O que muitos não entendem é como funcionam os service workers . Eles pensam que magicamente tornam as páginas da web mais rápidas , eles não, especialmente na primeira vez que alguém visita o site.

Isso ocorre porque um service worker precisa ser registrado e não está ativo por padrão na primeira vez que uma página é carregada. E embora os prestadores de serviço possam armazenar em cache as páginas da web e os recursos necessários para renderizar as páginas, não há benefício se eles já não estiverem armazenados em cache.

Quando os ativos da página são armazenados em cache antes que alguém carregue a página, isso não significa que a página renderiza rapidamente. Muito JavaScript é muito JavaScript , afinal. E tempo para o primeiro byte não é o principal fator de velocidade da página, é o tempo após o documento HTML cargas que realmente importam.

O tráfego de pesquisa orgânica geralmente é o tráfego que ainda não visitou seu site. E se eles ainda não visitaram a página de destino, provavelmente não têm esse conteúdo armazenado em cache. Eles podem ter o CSS, algumas imagens e arquivos JavaScript armazenados em cache, mas todos eles precisam ser carregados, analisados, executados etc. antes que a página alcance o momento da primeira interação.

Como os aplicativos da Web progressivos ajudam a SEO

Não perca as esperanças ainda. Os PWAs irão melhorar seu perfil de pesquisa orgânica.

Como?

Tornando a experiência do usuário melhor do que a da concorrência. Bem, pelo menos melhor do que antes de você atualizar para um aplicativo da web progressivo.

Olhe além dos três requisitos técnicos básicos para ser um aplicativo da web progressivo e concentre-se na intenção do movimento, para oferecer excelentes experiências ao usuário.

Quando você oferece uma ótima experiência ao usuário, as pessoas desejam visitar seu site em vez de opções concorrentes. Quando virem sua marca nos resultados, eles se lembrarão de 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 de pesquisadores em 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 das informações.

Isso influenciará direta e indiretamente seus serviços e, normalmente, na direção positiva.

Resumindo

Os aplicativos da web progressivos são ótimos para SEO porque têm o objetivo de fornecer as melhores experiências da web. Mas, como qualquer outra coisa, os desenvolvedores e profissionais de marketing podem bagunçar as coisas.

Siga as práticas recomendadas da web e você colherá os benefícios de um excelente tráfego de pesquisa orgânica. Isso significa tornar seu site em primeiro lugar para dispositivos móveis, 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, terá sucesso, mesmo que não têm como alvo o tráfego de pesquisa orgânica.