AMP, sigla para Accelerate Mobile Pages (páginas móveis aceleradas, em português) é uma iniciativa que visa oferecer conteúdo de uma maneira mais leve e rápida para os usuários, proporcionando uma melhor experiência para o mesmo.
Não tem como negar: o mundo é mobile. Grande parte da população, tanto aqui no Brasil quanto no resto do mundo, acessa a internet através de dispositivos móveis – e esse contingente de usuários só tende a aumentar.
Smartphones, tablets, smartwatches… os devices para navegar na rede são cada vez mais numerosos, e mais acessíveis ao público.
Mas será que o conteúdo que produzimos para a web acompanha essa tendência? Será que nossos sites e portais têm a estrutura necessária para serem acessados rapidamente pelos usuários de dispositivos móveis?
PUBLICIDADE
Com essas e outras questões em mente, algumas gigantes da internet – como Google, LinkedIn, Pinterest e Twitter – se uniram em 2015 para criar o AMP Project.
Como o próprio nome entrega, a AMP é uma tecnologia que permite que as páginas sejam carregadas de maneira mais leve e veloz em dispositivos móveis.
Para que os sites sejam exibidos mais rapidamente, esta tecnologia atua simplificando a estrutura e reduzindo o tamanho das páginas web.
Ou seja, quando o usuário acessa um artigo AMP, ele não verá todos os elementos do seu site, mas sim uma versão mais leve e com maior velocidade no carregamento, já que apenas o essencial será exibido na tela. Para você ter uma ideia, o modelo padrão das páginas AMP conta com título, resumo, texto e imagens.
Por isso, é importante lembrar que o AMP é ideal para conteúdos mais simples, como artigos e notícias, mas pode não ser a melhor solução para páginas mais elaboradas e que contam com mais recursos visuais.
Também é importante lembrar que as páginas aceleradas são versões daquelas publicadas em seu site, que não deixam de existir. Para evitar problemas por conteúdo duplicado, é necessário incluir uma canonical tag na versão da página AMP, para indicar ao Google qual é a versão original do conteúdo.
Mas como o AMP funciona? A tecnologia é composta pelos três pilares abaixo:
1) AMP HTML: é um código HTML com algumas restrições e extensões que o diferenciam do HTML básico.
2) AMP Javascript (JS): ajuda a renderizar mais rapidamente as páginas de AMP HTML. A biblioteca do Javascript implementa as melhores práticas para um melhor gerenciamento dos recursos, como CSS inline e fonte de acionamento.
3) Google AMP Cache: o cache busca por páginas AMP HTML, as armazena e melhora o desempenho delas, já que o carregamento é automático.