AMP: o que é, porquê e como implementar no seu site. - Githubissues

vivadecora / vivadecora.github.io

Blog de Engenharia do Viva Decora

https://vivadecora.github.io

4 stars 3 forks source link

AMP: o que é, porquê e como implementar no seu site. #13

Closed teles closed 7 years ago

teles commented 7 years ago

Achei interessante escrever um post sobre AMP. Vou colocar aqui alguns tópicos que me vem na cabeça.

O que é AMP?

É uma especificação do Google para exibição de resultados otimizados para dispositivos móveis;
Por otimizados entenda-se, mais leves;
Só funciona pro Google;
Possui um conjunto de componentes disponíveis;
É parecido com instant articles;

Porquê implementar?

@fabiolafaria pode ajudar aqui

Trazer mais acessos mobile para o site;
Ter um destaque maior logo no topo dos resultados;
Mais velocidade de carregamento do seu conteúdo;
Pode se tornar fator de rankeamento;

Como implementar amp?

Respeitando a documentação do Google;
Validando seu amp com #development=1 no final da url;
Plugin para validação no Chrome;
Só pode ter javascript do projeto amp em uma página amp;
Ainda assim você pode ter json-ld para marcar seu conteúdo;
Tenha uma imagem de destaque para amp;
Para wordpress já existe plugin para implementar;
Também existe plugin para jekyll;

Bônus: perguntas mais frequentes.

AMP só aparece para celulares?
Consigo usar google analytics com AMP?
Tenho uma SPA, consigo implementar?
Que sites utilizam AMP?

teles commented 7 years ago

Esse post está pronto :D