Como validar as páginas móveis aceleradas (AMP)
Em nosso último tutorial sobre AMP, mostramos a você como adotar as AMP (Accelerated Mobile Pages - Páginas para dispositivos móveis aceleradas) para obter um aumento de velocidade significativo e melhor exposição no resultado de pesquisa para dispositivos móveis do Google para seu website no ambiente móvel.
Tendo visto AMPCom base no potencial, presumo que você tenha iniciado ou tenha planos de começar a fazer alterações em seus sites para cumprir AMP. Siga cuidadosamente as diretrizes do Documentos Google e componha seu CSS para estilizar as páginas AMP de acordo com seu apetite visual.
Agora, há uma última coisa a fazer: validar essas páginas.
Validadores de AMP
Existem várias maneiras de validar suas páginas AMP:
- Adicione no
# development = 1trilha no final do URL da página AMP. O relatório será projetado no Console guia sob DevTools. - Como alternativa, você pode usar o validador on-line do AMP.
- Você também pode usar a extensão do Chrome AMP.
Essas ferramentas produzirão um relatório listando erros ou avisos nas páginas. Com base nisso, você pode escolher o que corrigir.
A validação de AMP rege principalmente o uso de elementos HTML, a s, e a declarações de estilo. Verifique se essas coisas na página são compatíveis com todas as AMP e se não há nada que viole as diretrizes de AMP. Caso contrário, sua página AMP não aparecerá em nenhum lugar.
Estrutura de dados
O AMP também requer a estrutura de dados do esquema. Estes dados são definidos dentro do cabeça tag da página no formato JSON. Ele contém informações contextuais da página, incluindo o título, o logotipo e o nome do editor, a data em que foi publicado e modificado, etc..
Dependendo do objetivo da página, os dados a serem incluídos podem variar: artigos, resenhas, receitas, vídeos etc. Você pode consultar a Documentação de tipos de dados do Google para obter detalhes sobre o tipo de dados..
Existem alguns dados necessários que produzirão erros se não forem fornecidos; alguns outros tipos de dados são opcionais e só produzirão avisos. No entanto, esse tipo de erro não aparecerá nos validadores de AMP mencionados.
Em vez disso, eles aparecerão na Ferramenta de testes de dados estruturados do Google, bem como na sua conta do Google Webmasters.
Consumidores de AMP ou um cliente que ofereça suporte a AMP, como a Pesquisa Google e os Momentos do Twitter, podem usar esse conjunto de dados para apresentar o conteúdo de AMP em sua página de resultados.
Portanto, além de seguir as diretrizes AMP com seus elementos HTML personalizados proprietários, os dados de esquema necessários também precisam estar em vigor..
Erros negligenciados
A maioria dos erros é explicitamente registrada no Docs e pode ser facilmente captada de relance. Alguns erros, no entanto, são contextualizados com variáveis que podemos deixar de notar, como o “Valor de atributo inválido”, que diz "O atributo '% 1' na tag '% 2' está definido para o valor inválido '% 3'.".
Este relatório de erros não menciona nem lista precisamente qual valor é inválido . Mas o que eu sei é que não podemos definir o largura e a altura do 100% ou auto. Esses valores de atributo precisam ser o tamanho exato da imagem para preservar a proporção da imagem.
isso é apenas um exemplo. Existem vários elementos personalizados - amp-img, amp-iframe, e anúncios-amp - com seus próprios conjuntos de regras de validação contra o uso de um atributo e seu valor.
Isso pode tornar a validação da Página AMP uma tarefa difícil, especialmente se levarmos em conta centenas ou (talvez) milhares de conteúdo legado publicado anos atrás.
Pensamento final
A AMP ainda está em seu estágio inicial. Está em desenvolvimento muito ativo com esforços comunitários do Google e da comunidade de desenvolvimento da web. Mas AMP certamente evoluirá. Semelhante ao HTML5, pode haver elementos, atributos e algumas práticas que serão reprovadas no futuro. assim Certifique-se de que suas páginas AMP sejam constantemente validadas de tempos em tempos com base nas últimas alterações às diretrizes.
