De acordo com um estudo de 2020 , o tráfego móvel cresceu 504% no consumo diário de mídia desde 2011. Com mais e mais consumidores usando seus telefones celulares para acessar conteúdo, é mais importante do que nunca otimizar para a experiência móvel, não apenas para seus leitores, mas para o seu SEO; O Google pode detectar páginas que carregam lentamente ou que têm uma alta taxa de rejeição e classifica essas páginas em uma posição inferior nos resultados de pesquisa.

Sabemos que a otimização para celular é importante para sua estratégia de conteúdo e SEO, e o Google AMP é uma tecnologia desenvolvida para ajudar nisso, mas se o Google AMP é a melhor ferramenta para fazer isso no seu site de negócios, em particular, depende do seu setor, tamanho da empresa, modelo de negócios, estratégia de conteúdo e muito mais. Portanto, neste post, vou cobrir:

• O que é Google AMP, para quem é melhor e como funciona.
• As vantagens e desvantagens do Google AMP.
• Como implementar AMP em seu site, se for adequado para você.

Independentemente de saber se o Google AMP acaba sendo certo para você, você sairá desta postagem com o conhecimento de SEO de que precisa para se sentir confiante sobre o SEO do seu site e o desempenho móvel.

O que exatamente é Google AMP?

Em 2016, o Google anunciou o lançamento de Accelerated Mobile Pages – uma solução de código aberto baseada na web, projetada para revolucionar o consumo de conteúdo móvel . Foi uma resposta direta à plataforma de publicação no aplicativo do Facebook (Instant Articles) e à plataforma de descoberta e agregação de notícias iOS 9 da Apple (Apple News). 

A versão AMP de uma página de produto, postagem de blog ou página de destino deve ser carregada instantaneamente no celular. Também pode aparecer de forma diferente ou em forma de cartão no SERP móvel. O símbolo de raio AMP associado a um resultado permite que os usuários saibam que aquela página específica carregará mais rápido do que outras páginas não AMP relacionadas a ela. 

De acordo com um estudo anterior , as páginas AMP do Google carregam quatro vezes mais rápido e usam oito vezes menos dados do que as páginas tradicionais otimizadas para dispositivos móveis . A ideia inicial era fornecer uma estrutura de código aberto que tornasse a experiência móvel não apenas melhor, mas também mais rápida.

A ideia inicial era fornecer uma estrutura de código aberto que tornasse a experiência móvel não apenas melhor, mas também mais rápida.

O AMP é essencial?

Antes de entrarmos nos prós e contras do Google AMP, é importante observar que, embora o AMP possa ajudar seu SEO, não é necessariamente essencial para o SEO em alguns casos, e os benefícios são mais aplicáveis ​​a alguns negócios do que a outros. Faremos um mergulho mais profundo nos prós e contras do AMP a seguir, mas primeiro vamos fornecer alguns pontos-chave que podem ajudá-lo a se orientar para o AMP no que se refere ao seu negócio:

• O AMP é amplamente adotado por sites de editores que têm um grande volume de artigos de notícias ou postagens de blog. Se a maioria das páginas do seu website não são artigos, as AMP podem não ser necessárias para sua empresa.
• Se você publicar um grande volume de artigos, mas já estiver usando uma CDN (rede de distribuição de conteúdo), essas plataformas geralmente vêm com recursos de otimização de desempenho, como hospedagem de imagem, armazenamento em cache de arquivo e carregamento lento (o que significa que o texto carrega primeiro, antes do imagens).
• As páginas AMP são mais limpas e simples para os leitores, mas geralmente porque certas funções e plug-ins de JavaScript são despriorizados ou suprimidos. Se você depende de ferramentas de terceiros para captura de leads e rastreamento de público-alvo, teste para garantir que suas páginas AMP funcionem e capturem informações da mesma forma que suas páginas normais.
• O AMP em si não é um fator de classificação do Google. Pode ajudar a melhorar os aspectos de suas páginas da web que são fatorados no algoritmo do Google (especialmente com o Core Web Vitals se tornando um fator de classificação em 2021), mas não é a única maneira de otimizar a experiência e o desempenho do seu site.
• Se você já tem uma versão para celular do seu site ou medidas de otimização para celular em vigor (como código CSS consolidado ou reduzido), as AMP podem não ser necessárias e podem até complicar o desempenho e os relatórios.

Embora o AMP possa ajudar seu SEO, não é necessariamente essencial para o SEO, e seus benefícios são mais aplicáveis ​​a alguns negócios do que a outros.

Portanto, o resultado final é que otimizar a velocidade da página e a experiência móvel é essencial para o SEO, e o Google AMP é apenas uma maneira de conseguir isso. Continue lendo para saber como funciona e se é a solução certa para o seu negócio.

Quais são os benefícios do Google AMP?

Além de velocidades de carregamento mais rápidas  e uma experiência melhor para consumidores de conteúdo, o AMP oferece vários benefícios para empresas com uma estratégia de conteúdo e SEO :

Maior envolvimento do site

O conteúdo leve de AMP funciona bem com usuários de dispositivos móveis que têm uma conexão de Internet menos do que estável. Além disso, a redução no tempo de carregamento da página melhora a experiência do usuário de uma forma que aumenta as chances de os visitantes permanecerem mais tempo em seu site.

Melhor classificação e tráfego

Além disso, como o tempo de carregamento da página é um fator de classificação do Google , as AMPs são priorizadas nos algoritmos de pesquisa do Google, afetando assim as classificações . Essencialmente, se dois sites são iguais, o mais rápido vence.

Taxas de rejeição mais baixas

Com o carregamento das páginas mais rápido, os visitantes geralmente permanecem no local. Um estudo do Google descobriu que 53% das visitas ao site são abandonadas se um site para celular leva mais de 23 segundos para carregar. Além disso, os editores que implementam AMP podem obter um aumento de 2x no tempo gasto em uma página. E mais tempo em seu site pode significar mais conversões de seu conteúdo.

Mais tempo em seu site pode significar mais conversões de seu conteúdo.

Fonte original da imagem

Aumento de visualizações de anúncios

Com AMP, o HTML é codificado de uma forma que aprimora a usabilidade geral de banners e imagens. Isso resulta em uma taxa de visibilidade de anúncio mais alta, ajudando os editores a aumentar as oportunidades de monetizar seu conteúdo .

Taxas de cliques mais altas

Um grande benefício do AMP é que ele é exibido na lista de notícias principais (ou carrossel) do SERP móvel do Google – que aparece no topo de todos os resultados de pesquisa. Os leitores têm maior probabilidade de selecionar essas páginas AMP primeiro, levando a um aumento nas taxas de cliques .

Estatísticas atuais de AMP

Embora muitos sites populares estejam usando tecnologia AMP hoje, como Yahoo, CNN, BBC, Reddit, Washington Post, WordPress, Gizmodo, Wired, Independent.co.uk, Pinterest, eBay e muitos mais – não é uma tecnologia reservada apenas para grandes marcas. A tecnologia AMP está sendo usada por mais de 1,4 milhão de sites. O gráfico abaixo mostra quais setores estão usando AMP mais:

• Artes e entretenimento são responsáveis ​​por quase 11% do uso total da tecnologia AMP.
• Eletrônica e tecnologia de computadores respondem por cerca de 6%.
• Ciência e Educação estão logo atrás com 5,88%.
• Os jogos são responsáveis ​​por cerca de 5,15% do uso da tecnologia AMP.
• Os 73% restantes são o total de todos os percentuais insignificantes de outras indústrias

Fonte da imagem

A anatomia de uma página AMP do Google

Para entender como o Google AMP  impulsiona sua estratégia de SEO e  marketing de conteúdo , é melhor primeiro entender os três componentes principais de uma página AMP.

HTML para AMP

O AMP HTML difere do HTML normal (ou HTML5) porque vem com propriedades voltadas para dispositivos móveis e tags personalizadas. O HTML AMP garante certas características básicas de desempenho, o que se traduz em carregamento mais rápido do conteúdo nos dispositivos dos usuários. Isso significa um consumo mais rápido pelo leitor e uma melhor experiência geral do  usuário, o que pode afetar as taxas de conversão  e as métricas de SEO / marketing de conteúdo, como taxa de rejeição (mencionada acima) e tempo no site. (Consumo mais rápido significa que o leitor pode consumir mais artigos em menos tempo).

Por falar em experiência do usuário, você está atualizado sobre a próxima atualização de experiência da página do Google  ?

JavaScript AMP

O JavaScript AMP permite que a página AMP forneça ao leitor o principal benefício da página normal com mais eficiência. A biblioteca AMP JavaScript emprega as principais práticas de AMP, como CSS inline e acionamento de fonte, que garantem uma renderização mais rápida da página AMP para os leitores. Ele também permite técnicas de aprimoramento de desempenho, como o pré-cálculo do layout de cada elemento da página antes que os recursos sejam carregados e a desativação de seletores CSS lentos – todos cruciais para a experiência do leitor.

Fonte da imagem

Cache de AMP

O cache de AMP foi criado para veicular apenas páginas válidas e permitir que sejam pré-carregadas com segurança e eficiência. O que isso significa é que uma página confirmada (que veremos mais tarde) tem garantia de funcionamento, eliminando a dependência de fatores externos que poderiam desacelerar a página.

Dada a análise abaixo, você pode ver que, cortando o gerenciamento de tags de código HTML e carregando apenas os elementos da página adequados para usuários de dispositivos móveis, a versão AMP de uma página é renderizada mais rapidamente. O diagrama Whiteboard Friday de Will Critchlow fornece um visual simples para isso:

Como observa Critchlow, se você tiver uma versão AMP, no código-fonte, deverá designá-la com o link AMP HTML rel . Por exemplo, se você colocar / amp no final de qualquer notícia no site do The Guardian (mesmo no computador), verá o HTML AMP. Ele está vinculado ao display com o link AMP HTML no código-fonte. Você também pode ver a diferença de AMP:

Aqui está uma página normal de notícias do Guardian:

E aqui está a versão AMP da mesma página de notícias do Guardian:

Ou seja, após adicionar “/ amp” no final do link.

Sem os anúncios, navegação de menu, leituras recomendadas e outros elementos com muitos recursos, a página carrega mais rápido e é uma experiência mais simples para o leitor.

Desvantagens e considerações adicionais para integrar o Google AMP

Embora as AMP possam ajudar a melhorar sua classificação , bem como a experiência e o desempenho de seu conteúdo para leitores de dispositivos móveis, elas apresentam desvantagens e ressalvas que você deve considerar ao decidir se deseja implementar AMP em seu site:

• Para começar, adotar páginas AMP implica sacrificar um número significativo de elementos de experiência do usuário em sua página da Web. Basicamente, o AMP HTML prioriza a eficiência em relação à criatividade, então, se os visuais envolventes são uma grande parte da sua experiência na Web, isso pode não ser para você.
• Além de imagens limitadas em suas páginas AMP, você também terá apenas um anúncio por página. Essa estrutura de limitação também não oferece suporte a anúncios disruptivos, como descartáveis, enquanto anúncios de venda direta podem ser difíceis de implementar.
• De uma perspectiva de marketing, custa o dobro do rastreamento de uma parte do conteúdo, parte do esforço do Google para garantir a paridade. Para muitos editores, ele gera impressões, mas não necessariamente métricas de engajamento. Isso se deve ao carrossel de Notícias principais, que incentiva os usuários a lerem de outras fontes.
• Na mesma linha, o visualizador de AMP do Google tende a diluir a identidade da marca conforme um domínio do Google é mostrado na barra de endereço. Embora haja uma correção para mostrar o site real na parte superior da página AMP, ele ocupa um espaço precioso acima da dobra. Você também pode não atingir a mesma sensação de marca com uma página AMP do Google em vez de uma página padrão, como pode ser visto no exemplo abaixo:

• Além disso, o AMP só funciona se os usuários clicarem na versão AMP de uma página da Web (em vez da versão canônica). E embora estudos tenham descoberto que a biblioteca AMP pode reduzir o número de solicitações do servidor para buscar um documento em até 77% , a versão AMP nem sempre é veiculada se não for implementada corretamente.
• Embora o AMP já exista há quatro anos, ele ainda está relativamente em seus estágios iniciais.

Aqui estão alguns detalhes finais sobre o Google AMP que devem ser considerados ao decidir implementá-lo em seu site. 

• Você precisa usar uma versão simplificada de CSS.
• Você só tem permissão para usar a biblioteca JavaScript fornecida pelo AMP e, como não está no controle, pode enfrentar o carregamento lento (talvez a única desvantagem do AMP).
• Os sites AMP devem ser devidamente validados para que funcionem sempre.
• As páginas do plug-in AMP não permitem formulários.
• Fontes personalizadas precisam ser carregadas especialmente para uma melhor experiência.
• Você precisa declarar as alturas e larguras das imagens.
• Você precisa de extensões aprovadas por AMP se quiser conteúdo de vídeo em suas páginas.

Por fim, o AMP prioriza a velocidade e a legibilidade, não o compartilhamento. Portanto, como seus botões de compartilhamento social são criados usando JavaScript, eles podem não ser exibidos corretamente.

O AMP prioriza a velocidade e a legibilidade, não o compartilhamento.

Como implementar AMP para melhorar seu conteúdo e SEO

Claro, se você tem um site WordPress, a maneira mais simples de começar a implementar AMP é usar o plug – in AMP oficial do WordPress e do Google. Se você deseja ter mais controle sobre a aparência das suas páginas AMP ou coletar análises com mais facilidade, experimente outros plug-ins gratuitos, como WeeblrAMP  ou AMP para WP .

No entanto, nem todas as empresas usam o WordPress, e os plug-ins têm suas limitações. Portanto, vou orientá-lo nas etapas que você pode seguir para implementar a tecnologia AMP em sua estratégia de marketing de conteúdo  sem um plug-in.

Etapa 1: crie seu modelo de página AMP

A primeira etapa que você precisa realizar para implementar AMP nas postagens do seu blog e em outros conteúdos de alta qualidade é criar um modelo de página AMP do zero. Para criar um modelo de página AMP, você precisará iniciar sua página AMP HTML com <! Doctype html> na parte superior da página e identificar a página como conteúdo AMP adicionando um símbolo de raio (?) Na tag HTML como este <html?> .

Aqui está um exemplo de página HTML AMP simples que você pode usar para seu conteúdo:

Estas são as tags a serem incluídas em seus documentos HTML de AMP:

1. tags <head> e <body>
2. <meta charset = ”utf-8”> como o primeiro filho de sua tag <head>
3. <script async src = ”https://cdn.ampproject.org/v0.js”> </script> dentro de sua tag <head> para incluir e carregar a biblioteca JavaScript AMP
4. <link rel = ”canonical” href = ”$ SOME_URL”> dentro de sua tag <head>
5. <meta name = ”viewport” content = ”width = device-width, minimum-scale = 1, initial-scale = 1”> dentro de sua tag <head>
6. Código padrão de AMP em sua tag <head>

Essas tags são aquelas que você pode alterar no código das próprias páginas:

• link href = ”hello-world.html”
• O conteúdo da seção do corpo <body> Hello World! </body>

Agora que você sabe como criar um modelo de página AMP para seu blog, convém aprender sobre todas as tags HTML que podem ser usadas em suas páginas AMP.

Infelizmente, existem algumas tags HTML que você não pode usar para páginas AMP. Esses incluem:

• <frame>
• <frameset>
• <objeto>
• <param>
• <applet>
• <embed>
• <base>
• <elementos de entrada>

Etapa 2: visualize e valide sua página AMP

Para visualizar sua página AMP, você precisará abri-la diretamente no navegador da Web a partir do sistema de arquivos ou usar um servidor da Web local, como o Apache 2.

Para garantir que sua página AMP seja válida, por outro lado, tudo que você precisa fazer é abrir sua página em seu navegador, adicionar “# development = 1” ao URL e, em seguida, abrir o console do Chrome DevTools para verificar a validação erros.

Fonte da imagem

Bruce Day recomenda testar primeiro um ou dois tipos de páginas do seu site nas AMP. Idealmente, você também deve incluir algumas páginas classificadas para que possa ver se o Google está veiculando a versão AMP nos resultados de pesquisa para dispositivos móveis.

É importante observar que pode levar alguns dias para que o Google encontre, verifique e indexe a versão AMP de uma página. Da mesma forma, você deve permitir que o lançamento seja executado por pelo menos um mês (mais tempo, se você puder). Isso permite que você crie dados suficientes para garantir que vale a pena implementar AMP em todo o site.

Pode levar alguns dias para que o Google encontre, verifique e indexe a versão AMP de uma página, e você deve executar suas páginas AMP por pelo menos um mês para obter dados significativos.

Etapa nº 3: monitorar o desempenho

Como acontece com qualquer coisa no marketing digital, você precisa acompanhar o desempenho das suas páginas AMP. Não apenas para ver como você se compara com seus concorrentes , mas também para ver se seu desempenho está alinhado com seus objetivos.

Você pode usar ferramentas internas para fazer isso, como o Google Analytics ou qualquer uma das várias ferramentas B2B de terceiros . Existem vários fornecedores de análise que fornecem recursos integrados para análises de AMP.

Fonte da imagem

Outras coisas importantes a serem observadas incluem o uso de URLs canônicos e outras variáveis ​​para definir o que deve ser registrado. Isso é crucial para identificar quaisquer flutuações de tráfego causadas por AMP.

Além disso, o atributo extraUrlParams em amp-analytics adiciona um parâmetro de string de consulta ao URL canônico (como “type = amp” ). Isso torna mais fácil diferenciar as páginas AMP das páginas da Web normais nas análises. Isso permite que você compare o tráfego total nas páginas antes e depois do lançamento das AMP.

Os URLs canônicos permitem que você isole o tráfego de AMP no Google Analytics para um melhor rastreamento e otimização.

O AMP é adequado para você?

Como você aprendeu, o AMP é uma ótima maneira de acelerar as páginas da Web, fornecendo uma UX melhor na entrega de conteúdo, principalmente para usuários móveis. Se, com base no seu modelo de negócios e nos critérios acima, for considerado adequado para o seu negócio, certifique-se de levar em consideração as considerações acima e de seguir as etapas de implementação. Pode levar algum tempo, mas ter um conteúdo de melhor desempenho traz benefícios de longo prazo.