Tutorials
https://vvcestudio.com.br/en/tutorial/seo/amp/
AMP
AMP is an open source HTML framework developed by the AMP Open Source Project.
It was originally created by Google as a competitor to Facebook Instant Articles and Apple News. AMP is optimized for mobile online browsing and aims to help web pages load faster.
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.Pages with minimal JS and monitoring.Rendering on the server, never on the client.All code must be in the page's html file (css and js).
MANDATORY ITEMS
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
Like all web pages, AMP pages are styled with CSS.
However, you cannot reference external style sheets (except custom fonts). All styles must be in the head of the document..
Additionally, some styles are not allowed due to their performance impact. For example, inline style attributes.
