Respondendo 5 perguntas comum sobre AMP para WordPress [pt-BR]

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.

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

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.

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