Como validar páginas móveis aceleradas (AMP) foram feitas pelo Google e algumas outras empresas, como Adobe e WordPress, em 2015 como um novo padrão para sites móveis que carregam rapidamente. AMP (Accelerated Mobile Pages) é um formato de página de código aberto que você pode usar para criar versões compatíveis com dispositivos móveis de seu conteúdo da Web (sites AMP, anúncios AMP, e-mails AMP. O formato reduz suas páginas às partes mais importantes (por exemplo, ele usa um código HTML mais curto), então eles carregam mais rápido.
Sites que são fáceis de usar em dispositivos móveis estão se tornando cada vez mais importantes, e AMPs são uma grande parte disso. Então, nós fez este guia passo a passo para ajudá-lo a configurar as Accelerated Mobile Pages e testá-las. Diremos como elas funcionam, se vale a pena aprender sobre AMP e muito mais.
Como para validar Accelerated Mobile Pages (AMP)
Validação
Ferramentas de desenvolvedor do navegador
Para usar as Ferramentas de desenvolvedor para validação:
Carregue o AMP page em seu navegador Anexe “#development=1” ao URL, por exemplo, http://localhost:8000/released.amp.html#development=1. Abra o console Chrome DevTools e verifique se há erros de validação.
AMP Web Validator
Você também pode validar suas páginas usando uma ferramenta simples e gratuita chamada AMP Web Validator:
Copie e cole seu código-fonte no validador da web. Veja como o validador da web entrega mensagens de erro entre as linhas de código. Edite seu código diretamente no validador da web, que será revalidado.
Identificando problemas
Extensões de navegador AMP
O Google recomenda usar a extensão de navegador AMP disponível para Chrome e Opera. Navegue pelo seu site com a extensão ativada e ele avaliará a validade de cada página. O ícone da extensão ficará com as seguintes cores com base no status da página:
Vermelho: Há erros (o ícone exibirá quantos) Verde: Há não há erros Azul: Você não está em uma página AMP, mas uma versão AMP da página está disponível
Como funciona o AMP?
HTML AMP: Este é um código HTML particularmente fino que promete tamanhos de arquivo pequenos e, portanto, pode ser carregado rapidamente. Se uma página AMP for acessada, apenas uma solicitação será feita, o que também aumentará a velocidade de carregamento. AMP JavaScript: as Accelerated Mobile Pages são baseadas em JavaScript assíncrono. Isso permite renderização instantânea sem scripts bloqueando o carregamento. AMP CDN: a Content Delivery Network (CDN) armazena páginas AMP no cache e, assim, acelera o processo de carregamento quando as páginas são carregadas. Todos os documentos necessários para a construção da página são carregados de apenas uma fonte.
Perguntas frequentes
O AMP é uma maneira de tornar a versão móvel de seus sites mais rápida?
Accelerated Mobile Pages (AMP) é um projeto de código aberto que permite criar páginas da Web que carregam rapidamente em navegadores móveis. Você pode criar versões AMP de suas páginas de destino para ajudar os usuários móveis a terem uma experiência melhor.
Como você implementa Accelerated Mobile Pages?
Crie sua primeira página AMP. Siga as diretrizes da Pesquisa Google para páginas AMP. Torne seu conteúdo detectável vinculando suas páginas. … Certifique-se de que os usuários possam experimentar o mesmo conteúdo e realizar as mesmas ações nas páginas AMP e nas páginas canônicas correspondentes, sempre que possível.
O AMP ainda é relevante para SEO?
O Google AMP afeta o SEO? Embora o AMP não seja um fator de classificação por si só, ele faz uma grande diferença na velocidade da página e na experiência do usuário, ambos importantes para a classificação nas SERPs no momento. No início, a pesquisa do Google mostrava páginas AMP na seção “Top Stories”.