Tutoriais
https://vvcestudio.com.br/pt/tutorial/seo/amp/
AMP
AMP é uma estrutura HTML de código aberto desenvolvida pelo AMP Open Source Project.
Foi originalmente criado pelo Google como concorrente do Facebook Instant Articles e Apple News. O AMP é otimizado para navegação online móvel e visa ajudar as páginas da internet a carregar mais rapidamente.
AMP
AMP (Páginas Mobile Aceleradas) é a versão alternativa das páginas do site, focadas na melhor performance para MOBILE e SEO, tal como uma versão mobile separada.Páginas com o mínimo de JS e monitoramento.Renderizando no servidor, nunca no cliente.Todo código deve estar no arquivo html da página(css e js).
ITENS OBRIGATORIOS
LOGO : Um logo menor que 600px de largura e 60px de altura.
IMG DESTAQUE : Especifique uma imagem de destaque padrão para todas as suas páginas,
DOCTYPE : O documento deve iniciar com <!doctype html>.
HTML AMLP : Tag <html ⚡> ou <html amp>.
HEAD : Tag obrigatoria <head> (Opcionais no HTML normal).
BODY : Tag obrigatoria <body> (Opcionais no HTML normal).
CANONICAL : <link rel="canonical" href="$Pagina_oficila"> dentro do head que aponta para a página real.
Amphtml : <link rel="amphtml" href="$pAGINA_amp/" /> Entra na pagina oficial para avisar que existe uma APM disponivel.
CHARSET : Tag <meta charset="utf-8"> primeiro item do head.
VIEWPORT : Tag <meta name="viewport" content="width=device-width"> dentro do head.
É recomendado incluir minimum-scale=1 and initial-scale=1.
ASYNC :Tag <script async src="https://cdn.ampproject.org/v0.js"></script> dentro do head.
Conter o codigo AMP Boilerplate.
head : style[amp-boilerplate].
noscript : style[amp-boilerplate] dentro do head.
AMP-IMG : Trocar as tags <img> por <amp-img>.
AMP-IFRAME : Trocar <iframe> por <amp-iframe>.
Tags que não podem ser usadas : frame, frameset, object, param, applet e embed.
CSS
Assim como todas as páginas da Web, as páginas AMP são estilizadas com CSS.
Contudo, não é possível fazer referência a folhas de estilos externas (exceto fontes personalizadas). Todos os estilos precisam estar no cabeçalho do documento.
Além disso, alguns estilos não são permitidos devido ao impacto que têm no desempenho. Por exemplo, os atributos de estilo in-line.
