This post was most recently updated on November 30th, 2020
O projeto Accelerated Mobile Pages (AMP), inicialmente desenvolvido pelo Google em 2015, agora é um projeto de código aberto. As páginas AMP começaram a aparecer em 2016 para melhorar a velocidade de carregamento de páginas da Web e anúncios. Os anúncios podem ser veiculados ao lado de contrapartes padrão e exibidos por mecanismos de pesquisa em vez de páginas móveis tradicionais.
Os protocolos AMP foram projetados para serem um processo gerenciável e relativamente simples. Se você já tem um site com código tradicional, a AMP diz que é possível converter um site inteiro em dias, em vez de semanas ou meses, e você verá os benefícios do carregamento da página imediatamente.
Você pode optar por executar apenas a versão AMP do seu site ou ter ambas rodando lado a lado. Se você usa o WordPress como sistema de gerenciamento de conteúdo, pode usar uma versão padrão do AMP com os vários plug-ins disponíveis.
A velocidade da página de AMP vem do armazenamento em cache e é projetada especificamente para armazenar detalhes da página e entregá-los instantaneamente. Os caches online armazenam todos os detalhes da página, incluindo texto, imagens e JavaScript, e os carregam da mesma origem. Ele contém um validador integrado que garante que a página funcionará mesmo se um recurso externo (como um feed de dados ao vivo) for interrompido.
Objetos, imagens, aplicativos de terceiros e anúncios são renderizados de forma assíncrona, o que significa que uma parte do código incorreta (o código JS personalizado é passado em iframes), ou um anúncio que demora para renderizar, não ocupa o resto da página. O conteúdo é sempre mostrado imediatamente ao usuário, criando uma experiência muito boa.
Além disso, todos os objetos, conforme mencionado acima, devem declarar seu tamanho antes de carregar. Isso permite que o navegador faça o layout da página corretamente e a formate antes mesmo que o conteúdo inframes seja carregado, em vez de esperar o download de uma imagem. Isso é conhecido como layout estático.
Apenas uma única folha de estilo CSS com tamanho máximo de 50 kilobytes é permitida quando se trata de estilo. Isso é para encorajar os programadores a otimizar e aprimorar seu código, simplificando onde necessário para reduzir o tempo de carregamento, embora ainda permitindo estilos de página bastante complexos.
Todos nós vimos sites em que o HTML carrega uma versão básica do site com uma fonte base e, em seguida, começa a baixar os arquivos necessários para exibir a fonte desejada. Isso pode levar apenas um ou dois segundos, mas como está acontecendo em sequência, é um bloco diferente no resto da página, e o download das fontes pode ser atrasado até que os objetos externos e as folhas de estilo sejam baixados.
Com as páginas AMP, o download das fontes é iniciado primeiro, e o download não atrasa o restante da página. Depois de fazer o download das fontes, a página (ou um elemento) está pronta e a fonte pode ser aplicada instantaneamente.
Você pode ler mais sobre como o AMP melhora a velocidade da página no site de AMP.
Depois de criar seu site ou páginas AMP, para veiculação paralela ou para substituir as páginas existentes, você poderá criar anúncios AMP. Embora não seja obrigatório, você pode exibir anúncios HTML em AMP, mas tenha em mente que os anúncios HTML para AMP são mais rápidos e, quando você se deu ao trabalho de criar páginas AMP, seria uma pena não colher os benefícios. Em vez de ter dois conjuntos de anúncios, os anúncios AMP podem ser exibidos em páginas não-AMP também.
Eles são escritos em uma variante do HTML, conhecida como HTML para AMP, e não podem executar JavaScript arbitrário e potencialmente desnecessário. Como as páginas, os próprios anúncios podem usar blocos de código JS em frames que não desaceleram o resto do anúncio.
Os anúncios HTML para AMP fazem todo o possível para reduzir o uso de recursos do sistema e acelerar o carregamento. Vídeos e animações são pausados quando não estão em exibição. Os dados são coletados uma vez em todos os anúncios e depois passados para rastreadores, em vez de cada um solicitar o anúncio diretamente.
Eles são exibidos pouco antes de o usuário acessá-los (o que tem um efeito indireto de uma taxa de visualização mais alta do que os anúncios gráficos tradicionais). Além disso, como os anúncios são pré-verificados para serem seguros, o malware não pode ser transmitido por meio de anúncios HTML para AMP.
Em termos de mecânica de veiculação de anúncios, os anúncios AMP não são muito diferentes dos anúncios HTML normais. Os editores inserem locais de anúncio em suas páginas usando a tag amp-ad, que, quando chamada, pode solicitar anúncios da rede de anúncios necessária diretamente ou por meio de um servidor como o Google Ad Manager. Assim que a solicitação é recebida, o criativo é validado e o anúncio retorna à página.
Para criá-los, você precisa seguir as especificações do anúncio HTML para AMP. Você também pode criá-los usando o Google Web Designer ou o Celtra Ad Creator. Também recomendamos verificar os exemplos mostrados no site de desenvolvedores de AMP.
Novamente, esta etapa é muito parecida com a criação de uma tag de anúncio regular. Depois de ir para Inventário -> Blocos de anúncios, clique para adicionar um novo bloco de anúncios e, a seguir, nomeie, dimensione e salve seu anúncio normalmente, ou navegue para um bloco de anúncios existente.
Na guia ‘Tags’, escolha a tag AMP. Aqui você tem algumas opções. Você pode selecionar/desmarcar a validação de vários tamanhos (os tamanhos secundários não devem ser maiores que o tamanho principal ou menores do que ⅔ do tamanho principal), adicionar marcadores, tamanhos de inventário e valores críticos, se necessário. Após gerar a tag, implemente-a em seu site ou página AMP.
Devido a considerações de desempenho, nem todos os tipos de anúncio disponíveis em tags de anúncio regulares estão disponíveis com tags de anúncio AMP.
Você ainda pode usar display padrão, texto, nativo, HTML5 e layouts responsivos, mas intersticiais e flash não são permitidos. Anúncios expansíveis também não são permitidos, embora você possa usar rich media, desde que não seja redimensionado. Todos os criativos devem usar HTTPS.
Tamanhos fluidos e de aspecto fixo são adequados, assim como todos os tamanhos estáticos. Os tamanhos devem ser declarados no momento da solicitação.
O Google Ad Manager inclui opções de geração de relatórios sobre AMPs ou tags de anúncio AMP. Para gerar relatórios sobre páginas ou sites AMP, use a dimensão “tipos de inventário”, incluindo um campo selecionável “AMP” quando os anúncios começarem a ser veiculados para AMPs.
Se você estiver procurando dados de um bloco de anúncios AMP específico, use a dimensão “tipo de solicitação” e procure as linhas de “tag de anúncio AMP”. Você também pode combinar essas dimensões para examinar se está veiculando anúncios não-AMP em AMPs, o que reduzirá o desempenho.
Além disso, leia nosso artigo sobre se a mudança para AMP resultará em um hit na receita de anúncios ou não: https://www.monetizemore.com/blog/mudar-para-amp-resultara-em-um-hit-de-receita/
Os anúncios AMP são uma ótima maneira de acelerar o tempo de carregamento da página e criar uma experiência do usuário fantástica para os visitantes do seu site, que não precisarão mais ficar esperando o carregamento do seu conteúdo.
Esses anúncios não devem ser mais desafiadores de implementar do que os anúncios tradicionais, embora ainda ofereçam vários formatos, embora não tantos quanto os blocos de anúncios convencionais. No entanto, como os editores não são todos iguais, o AMP pode ser uma boa opção para um, enquanto tem um impacto negativo na receita de anúncios de outro.
Não tem certeza se AMP é uma boa opção para seu negócio editorial? Deixe a MonetizeMore ajudar! Somos um Parceiro Editor certificado do Google que pode otimizar seu inventário de anúncios e maximizar sua receita. Inscreva-se para começar hoje!
Kean Graham is the CEO and founder of MonetizeMore & a pioneer in the Adtech Industry. He is the resident expert in Ad Optimization, covering areas like Adsense Optimization,GAM Management, and third-party ad network partnerships. Kean believes in the supremacy of direct publisher deals and holistic optimization as keys to effective and consistent ad revenue increases.
Paid to Publishers
Ad Requests Monthly
Happy Publishers
10X your ad revenue with our award-winning solutions.
