Respondendo 5 perguntas comum sobre AMP para WordPress [pt-BR]
Tags: amp, webdev, mobile, wordpress
Published: 2020-02-09 13:40:11

No ano passado comecei a rodar um curso de AMP ou Accelerated Mobile Pages em meu canal no Youtube, a decisão de rodar este curso foi após rever a plataforma depois de 3 anos.

![Comparando versões do amp](https://dev-to-uploads.s3.amazonaws.com/i/2ppa3qgfbjmlg7wf9qr8.png)

De 3 anos pra cá muita coisa mudou antes tínhamos somente o modo leitor que limitava bastante a experiência do usuário, agora temos uma vasta biblioteca de componentes para diferentes soluções. Daí comecei a apresentar esses componentes, mas com foco mais no desenvolvimento front-end.

Navegando no Youtube para dar uma olhada em outros materiais para entender o interesse da audiência. Foi fácil ver que a maior audiência relacionada a AMP no Youtube é referente ao plugin do WordPress. Assistindo vídeos, encontrei alguns pontos apresentados e comentários que gostaria de responder.

###1- AMP é exclusivamente para SEO

AMP não é exclusivamente para SEO, o foco do AMP é melhorar a experiência do usuário, ou seja entregar um conteúdo rápido, seguindo as melhores práticas de desenvolvimento relacionadas a performance, accessibilidade e design responsivo. Como é publicamente compartilhado pelo Google páginas que entregam conteúdo rápido terão prioridade nos resultados da busca, isso pode ser alcançado por qualquer framework ou vanilla JavaScript. O foco do AMP é atingir essas métricas com o menor nível de complexidade no desenvolvimento.

###2 - AMP é exclusivo para Mobile? 

Já foi, agora não é mais. Tanto que seu nome é Accelerated Mobile Pages, mas agora a biblioteca é apenas chamada de AMP. As melhorias alcançadas na plataforma móvel são potencializadas na plataforma Desktop por conta do maior poder de processamento. Com a evolução da plataforma com inclusão de componentes focados em layout permitindo layout responsivo isso permitiu a criação de aplicação que se adaptassem em diferentes telas.

###3 - Com conseguir cards personalizados na busca?

Com AMP conseguimos exibir resultados personalizados na busca, mas isso depende de outros fatores além da inclusão da biblioteca em nossas páginas:
* Inclusão de structure data válido
* Sua página precisa ser uma página AMP Válida para isso [AMP Validator]
(https://validator.ampproject.org/)

###4 - AMP pode prejudicar a experiência do usuário?

Quando falamos da plataforma WordPress, muitas vezes o plugin por si só não resolve o problema, por exemplo, SEO não se resume apenas em instalar um plugin de SEO precisamos realizar umas séries de ações para melhorar o desempenho em motores de buscas. E muitas vezes plugins mal desenvolvidos pode prejudicar sua aplicação, soluções de baixa qualidade são o problema, não a tecnologia em si.

![Plugins AMP Disponíveis](https://dev-to-uploads.s3.amazonaws.com/i/5lc1ylimhbc4ngee05w9.png)

Isso não se limita para AMP atualmente temos uma série de plugins para AMP com propostas específicas, cada plugin exige uma configuração e essa configuração é crucial para o sucesso de sua aplicação. Esquecer uma tag do Google tag manager pode comprometer os seus relatórios ou disponibilizar uma template genérico pode sim afetar a experiência do usuário então sempre quando escolher um plugin:

 * Fique atento aos últimos reviews
 * Teste o plugin antes de colocar em produção
 * Invista tempo no layout da sua versão amp
 * Verifique se o plugin está gerando conteúdo AMP Válido
 * Acompanhe as métricas do seu site no search console


###5 - AMP é um plano do Google para controlar a web? 

Isso é uma visão pessoal, imagine o seguinte cenário: uma empresa de delivery, para ajudar no processo você passa a disponibilizar caixas para embalar sua entregas que agilizam a entrega das suas encomendas, mas os usuários podem continuar utilizando qualquer outro tipo de caixa. Seu core não é fabricar caixas, mas sim a entrega. Caixas que agilizam o processo independente do fornecedor agilizam o processo e mais pessoas utilizam o serviço. Claro que as caixas de rápida entrega serão priorizadas.  

Nos últimos 4 anos AMP tem sido um assunto polêmico muitas vezes, quando AMP foi lançado no primeiro momento em 2016 o foco da tecnologia era entrega de conteúdo da maneira mais rápida possível e isso incluía o remoção de scripts de terceiros que bloqueavam a renderização da página essa ação gerou um desconforto com ferramentas de marketing e rastreamento. Depois com a evolução da plataforma muitas ferramentas foram incluídas através de componentes seguindo as melhores práticas de desenvolvimento.

O segundo ponto quando conteúdo AMP passou a ser pre-carregado na busca. Muitos usam o argumento que a tecnologia foi privilegiada, mas esse ponto era relacionado a um item com AMP temos uma limitação no carregamento de conteúdo as páginas AMP são leves, isso é fator atrativo para motores de busca. Não só o Google, mas o Bing também realiza cache de páginas AMP que são exibidas na primeira página da busca.

A limitação do uso de JavaScript foi outro ponto polêmico, esse é um item crucial na renderização do DOM, a restrição inicialmente foi aplicada por uma questão de prioridade, atualmente temos possibilidade de adicionar JavaScript com o uso da tag amp-script. Muitas vezes tomamos opiniões baseadas em nosso background JavaScript developers não ficaram felizes com essa limitação mas temos que assumir web performance atualmente não um assunto de domínio comum, usuários e pequenas empresas não tem acesso a esse item e isso é um fator fundamental para ter sucesso na internet. 

AMP é um ferramenta inclusiva tenta resolver problemas relacionados a web performance com o menor nível de complexidade possível. Com AMP conseguimos resolver aplicações mais complexas com controle de estado, reuso de templates e integração com REST APIs. AMP atualmente é um projeto Open Source originalmente criado pelo Google e atualmente mantido pela fundação OpenJS. Maior parte dos contribuidores continuam sendo do Google mas o projeto possui mais de 380 contribuidores ao redor do mundo.

Caso queira saber como contribuir só visitar a página: [Guia de contribuição]
(https://amp.dev/pt_br/documentation/guides-and-tutorials/contribute/?format=websites)