Um guia para AMP e PWA

AMP e PWAs certamente serão dois dos tópicos de marketing de conteúdo mais discutidos no próximo ano. Neste guia, forneceremos as principais informações sobre ambos, incluindo definições sucintas de AMP e PWAs e como você pode usá-los para fornecer conteúdo. Também discutiremos as diferentes maneiras pelas quais AMP e PWAs podem ser usados ​​para ajudar a atingir os objetivos de marketing, especialmente no que diz respeito ao SEO.

O que é o projeto AMP (Accelerated Mobile Pages Project)?

AMP significa páginas móveis aceleradas – e fundamentalmente, é isso que ele oferece.

As páginas AMP fornecem essencialmente o mesmo conteúdo de uma página da Web existente, como um artigo online. O conteúdo é entregue aos usuários móveis em um formato simplificado, baseado em uma linguagem única chamada AMP HTML, que combina elementos simples de HTML e CSS e restringe o uso de JavaScript. Isso significa que as páginas AMP são carregadas muito mais rapidamente do que as páginas da Web originais nas quais geralmente se baseiam.

Os usuários de pesquisa móvel puderam acessar o conteúdo AMP pela primeira vez em fevereiro de 2016, quando o Google começou a fornecer versões AMP de páginas da Web nos resultados de pesquisa. No momento da redação deste artigo, o conteúdo AMP nas páginas de resultados de pesquisa para dispositivos móveis é entregue nos formatos de carrossel e de histórias em destaque, permitindo que o usuário deslize pelo conteúdo relevante de várias fontes. O conteúdo é sinalizado nos resultados de pesquisa do Google com um ícone AMP representado como um raio branco em um círculo azul.

A maneira mais fácil de produzir conteúdo AMP, adequado para entrega nos recursos de pesquisa do Google AMP, é editar o HTML do conteúdo existente em HTML AMP, validar a página e prepará-la para descoberta. O Amp.dev oferece aos desenvolvedores um tutorial simples sobre como converter uma página HTML em uma página HTML AMP.

As páginas AMP quase sempre se relacionam canonicamente com outras páginas. Isso significa que o URL deles tem uma tag rel 'canônica' que informa aos mecanismos de pesquisa que a página é igual a uma página do seu site. A versão não AMP da página tem primazia do ponto de vista de SEO.

Há uma exceção importante a essa regra, na forma de sites somente AMP que agora estão sendo criados por alguns editores on-line.

John Mueller, analista de tendências do Google Webmaster, aconselhou os webmasters que sites somente AMP podem ser uma coisa boa:

“Não vejo problema em usar um site somente AMP – é uma ótima estrutura para criar sites rápidos com relativa facilidade. Como é essencialmente HTML, funcionará da mesma forma que qualquer outra página HTML. É incrível ver mais sites somente AMP aparecerem, isso pode tornar as coisas muito mais fáceis (para rastreamento, indexação e SEO em geral) quando você tem apenas um único URL para cada parte do conteúdo!”

Se você quiser testar seu próprio site somente AMP, recomendamos configurá-lo no WordPress e usar o plug-in AMP for WP – Accelerated Mobile Pages.

O AMP é um projeto de código aberto em andamento com aplicativos em e-mail e anúncios, além de conteúdo da web. Para informações completas e atualizadas sobre o projeto, visite Amp.dev.

O que são PWAs e por que devo começar a usá-los?

Um aplicativo da Web progressivo (PWA) é um aplicativo da Web que aumenta uma página da Web com recursos e elementos de experiência do usuário (UX) que tradicionalmente são encontrados principalmente em aplicativos nativos. Em outras palavras, eles fazem o conteúdo da web agir como o conteúdo do aplicativo.

A experiência do usuário do PWA tem as seguintes etapas:

1. O usuário abre a página do PWA por meio de seu dispositivo móvel. Funciona como uma página normal;
2. O usuário recebe uma solicitação para adicionar a página à tela inicial de seu dispositivo;
3. O usuário aceita o prompt. A página aparecerá e funcionará como um aplicativo na tela inicial.
4. O UX contínuo do site/PWA tem elementos típicos do UX de aplicativo nativo.

Transformar o conteúdo da web em um PWA é um trabalho para seu desenvolvedor da web, exigindo competências em HTML e JavaScript.

O Google tem critérios abrangentes para o que constitui um PWA 'Baseline' ou um PWA 'Exemplar'.

PWAs de linha de base:

• São servidos por HTTPS
• São responsivos em tablets e dispositivos móveis
• Contêm URLs que serão carregados offline
• Forneça metadados para 'Adicionar à tela inicial'
• Carregue rápido, mesmo em 3G
• Trabalhe em vários navegadores (incluindo no Chrome, Edge, Firefox e Safari)
• Fornece transição rápida entre as páginas
• Tenha um URL dedicado para cada página

Satisfazer esses critérios é crucial para a viabilidade e o alcance potencial de um PWA (ou potencial PWA) no Google Chrome.

Os critérios para PWAs Exemplares são mais aprofundados. Consulte a Lista de verificação de Progressive Web Apps do Google para obter informações completas.

Os PWAs oferecem vários benefícios. Após o primeiro carregamento, eles geralmente carregam o conteúdo mais rápido do que a maioria das páginas da Web tradicionais. Isso ajuda a reter a atenção do usuário enquanto ele navega por vários itens de conteúdo, pois reduz a janela de tempo em que ele pode navegar devido ao carregamento lento do conteúdo. Se você quiser incentivar os usuários a consumir uma série de itens de conteúdo consecutivamente, seria uma aposta inteligente entregar esse conteúdo por meio de um PWA.

Outra vantagem importante é que os PWAs podem dar às marcas uma presença contínua na tela inicial do dispositivo móvel do usuário. Essa oportunidade é oportuna, pois muitos editores estão lutando para competir em um mercado de aplicativos nativos lotado, onde a retenção de aplicativos após 90 dias é tão baixa quanto 4% e os usuários estão gastando 77% do tempo total de uso do aplicativo em seus 3 principais aplicativos (fonte: Estatísticas de download e uso de aplicativos (2019) – Negócios de aplicativos).

Os PWAs são um potencial divisor de águas para editores direcionados a jet-setters ou leitores rurais, pois podem carregar conteúdo enquanto o usuário está offline.

Uma desvantagem potencial dos PWAs é que eles às vezes parecem ter um desempenho imprevisível nos resultados de pesquisa do Google.

De acordo com o Ignite Visibility, os sites com o objetivo de obter conteúdo indexado por PWAs para fins de SEO devem “ter uma base HTML e carregar o aplicativo da web progressivo sobre isso, [ou] usar uma ferramenta como prerender.io e/ou pushstate”.

O site PWA Stats, voltado para a comunidade, mantém uma lista ao vivo de estatísticas sobre os resultados que as marcas produziram ao mudar para um PWA, desde os tempos de carregamento reduzidos do Tinder até o aumento da receita da Best Western.

Qual é a diferença entre AMP e PWA?

Há um equívoco comum de que AMP e PWA são tecnologias rivais que servem ao mesmo propósito.

Embora seja verdade que uma função fundamental de ambas as tecnologias seja carregar conteúdo mais rapidamente para o usuário, AMP e PWA têm pontos fortes, fracos e usos táticos distintos do ponto de vista do profissional de marketing.

As páginas AMP oferecem tempos de carregamento incrivelmente rápidos no primeiro clique. Isso os torna ideais para atrair novos leitores, pois a probabilidade de os usuários desistirem devido ao carregamento lento é reduzida. Eles também têm excelente capacidade de descoberta nos resultados de pesquisa do Google. No entanto, o AMP não oferece suporte a recursos avançados da plataforma, como conteúdo dinâmico e notificações push.

As páginas PWA carregam de forma relativamente lenta no primeiro carregamento, mas depois carregam muito rapidamente a partir do segundo carregamento, o que pode resultar em tempos de carregamento melhores e taxa de rejeição reduzida no relacionamento contínuo entre o leitor e seu conteúdo. Além disso, os PWAs podem oferecer suporte a recursos avançados da plataforma, como conteúdo dinâmico, navegação offline e notificações push, fornecendo assim aos profissionais de marketing mais maneiras de influenciar as jornadas do usuário e aumentar as conversões.

Os editores online podem combinar os benefícios de AMP e PWAs usando as duas tecnologias juntas. O Instapage descreve uma dessas abordagens em seu artigo sobre PWAs vs AMP:

“[Pense] na sua página AMP como o gancho para o seu site. Ele pega o usuário com uma carga instantânea e, em seguida, os enrola em seu aplicativo da Web progressivo. Isso permite combinar as páginas AMP de carregamento rápido com um PWA dinâmico [..].”

Outra opção é habilitar os recursos do PWA em uma página AMP.

Como alternativa, você pode optar por desenvolver um PWA usando AMP. Esse método é baseado em escrever um PWA em HTML AMP e usar um componente chamado amp-install-serviceworker para habilitar funcionalidades avançadas de PWA.

Qual opção é melhor para SEO e classificações de pesquisa: AMP ou PWAs?

Em nossa opinião, a resposta é um pouco dos dois, já que AMP e PWAs ajudam no SEO de maneiras diferentes.

Os PWAs tornam o conteúdo do site mais atraente e, portanto, podem aumentar o nível de consumo de conteúdo dos usuários. Enquanto isso, o AMP diminui a taxa de rejeição aumentando muito a velocidade de carregamento da página para dispositivos móveis.

Em ambos os casos, há uma melhoria no feedback ao Google sobre os principais fatores de classificação da página da Web, que desempenham um papel na determinação das classificações de pesquisa e da visibilidade geral da página e seu domínio.

Portanto, a melhor abordagem do ponto de vista de SEO pode ser usar AMP e PWA em combinação, conforme discutido na seção anterior deste artigo.

O que é tudo isso que eu ouço sobre as controvérsias em torno do AMP?

Embora não haja dúvida de que o AMP é uma ferramenta poderosa para distribuir conteúdo da Web e fazer com que ele seja carregado mais rapidamente, você deve estar ciente de que há uma controvérsia significativa em torno do projeto.

Alguns comentaristas veem o AMP como uma maneira de o Google negar os sites dos editores on-line e usurpar seu conteúdo, prendendo os usuários a uma experiência otimizada e baseada no Google.

Como o escritor do The Register, Scott Gilbertson, coloca:

“Não é realmente sobre velocidade. Como acontece com qualquer coisa que evita padrões para sua própria versão modificada, trata-se de aprisionamento. Toneladas de páginas na marcação AMP do Google significam toneladas de páginas otimizadas especificamente para o Google e indexadas principalmente pelo Google e exibidas principalmente para usuários do Google. É a tentativa do Google de igualar a plataforma do Facebook. E sim, o Facebook é muito pior que o AMP, mas isso não faz do Google AMP uma boa ideia. Pelo menos o Facebook não tenta fingir que está aberto.”

Além disso, as páginas AMP são exibidas sem o próprio URL do editor e elementos de sua própria marca, desassociando efetivamente o conteúdo do editor.

Talvez o argumento mais forte a favor do uso de AMP seja para os editores. Muitos dos principais produtores de conteúdo de mídia do mundo estão usando, desde os principais provedores de notícias como The Guardian e Daily Mail, até editores de interesse especial como Wired e Social Media Today. Isso levanta a questão: se os principais editores em seu campo estão usando AMP, sua publicação pode se dar ao luxo de não usar?

Para obter mais informações sobre a controvérsia em torno do AMP, confira nosso episódio do Podcast de Marketing Digital sobre como criar sites rápidos, que apresenta uma entrevista com o cofundador da Raven Tools, Jon Henshaw.

Os aplicativos da Web progressivos (PWAs) são o futuro dos aplicativos?

Em dezembro de 2019, o TechCrunch relatou a surpreendente descoberta de que 1% dos principais editores de lojas de aplicativos estão gerando 80% dos novos downloads.

Isso mostra um cenário sombrio para os editores digitais que desejam acessar os benefícios que os aplicativos podem trazer, que incluem uma presença sustentada da marca nos dispositivos móveis dos usuários, maior envolvimento do usuário, propriedade da plataforma, acesso analítico completo e, talvez o mais importante, mobilidade ideal UX.

No contexto de downloads de aplicativos nativos cada vez menores, os PWAs parecem oferecer de longe a melhor maneira para todos, exceto os maiores editores online, acessarem esses benefícios. Eles contornam a relutância dos usuários da Web em instalar um aplicativo de um mercado de aplicativos, fazendo a transição deles para um aplicativo em uma experiência comum de página da Web.

Os aplicativos nativos ainda estão crescendo em termos de downloads globais e tempos de uso e, nesse sentido, eles continuam sendo o futuro dos aplicativos. Isso vem com a ressalva de que o crescimento está sendo impulsionado por uma poderosa minoria de editoras líderes.

Dito isso, parece que os PWAs podem desempenhar um grande papel no futuro do consumo de conteúdo móvel – um campo no qual as vantagens de UX dos PWAs podem aumentar a aceitação da tecnologia entre leitores e editores.

Conclusão: como os profissionais de marketing devem agir sobre AMP e PWAs?

O potencial comprovado de AMP e PWAs para melhorar aspectos de desempenho de conteúdo e UX sugere que essas tecnologias são um caminho importante para os editores online investigarem.

O AMP é o mais fácil de testar em uma escala limitada: você pode simplesmente converter algumas páginas de conteúdo em HTML AMP e observar os resultados (dentro dos limites das análises relativamente limitadas que o Google fornece para os editores de AMP). Um PWA compromete implicitamente o editor a fornecer uma experiência no estilo de aplicativo para seus leitores de forma contínua e, portanto, não deve ser realizado de ânimo leve.

Por outro lado, os PWAs parecem oferecer benefícios relativamente não diluídos, quando comparados ao AMP. Os leitores recorrentes obtêm tempos de carregamento mais rápidos, além dos recursos avançados de estilo de aplicativo que o AMP não possui. Fundamentalmente, o editor mantém maior controle e propriedade do conteúdo.

Nosso conselho para os editores on-line que consideram AMP e PWAs é começar testando AMP com algumas páginas de conteúdo e investigar minuciosamente a opção de lançar um PWA em escala. Quer sejam usadas sozinhas ou em combinação, as duas tecnologias parecem provavelmente influenciar a forma como os usuários móveis consomem conteúdo da web nos próximos anos.

obtenha sua assinatura gratuita agora - absolutamente nenhum cartão de crédito necessário

• O kit de ferramentas de marketing digital
• Sessões exclusivas de aprendizado em vídeo ao vivo
• Biblioteca completa do Podcast de Marketing Digital
• As ferramentas de benchmarking de competências digitais
• Cursos de treinamento online gratuitos

ASSOCIAÇÃO GRATUITA