Cómo validar las páginas móviles aceleradas (AMP)

En nuestro último tutorial de AMP, le mostramos cómo adoptar AMP (Páginas móviles aceleradas) para obtener un aumento de velocidad significativo, así como una mejor exposición en el resultado de búsqueda móvil de Google para su sitio web en el entorno móvil.

Habiendo visto AMPERIOpotencial, asumo que podría haber comenzado o tener planes para comenzar a realizar cambios en sus sitios web para cumplir AMPERIO. Siga cuidadosamente las pautas en los Documentos y componga su CSS para adaptar el estilo de las páginas AMP a su apetito visual.

Ahora, hay una última cosa que hacer: validar esas páginas.

Validadores AMP

Hay varias formas de validar sus páginas AMP:

1. Añadir en el # desarrollo = 1 Sendero al final de la URL de la página AMP. El informe será proyectado en el Consola pestaña bajo DevTools.
2. Alternativamente, puede utilizar el validador de AMP en línea.
3. También puedes utilizar la extensión Chrome AMP..

Estas herramientas producirán un informe con errores o advertencias dentro de las páginas. Basándote en esto, puedes elegir qué arreglar.

La validación de AMP principalmente gobierna El uso de elementos HTML., la s, y el declaraciones de estilo. Asegúrese de que estas cosas en la página sean compatibles con AMP y que no quede nada que viole las pautas de AMP. De lo contrario, su página AMP no aparecerá en ninguna parte..

Estructura de datos

AMP también requiere la estructura de datos del esquema. Este dato se presenta dentro de la cabeza Etiqueta de la página en formato JSON. Contiene información contextual de la página, incluido el título, el logotipo y el nombre del editor, la fecha de publicación y modificación, etc..

Dependiendo del propósito de la página, los datos a incluir pueden variar: Artículos, Comentarios, Recetas, Videos, etc. Puede consultar la Documentación de Tipos de Datos de Google para obtener detalles sobre el tipo de datos..

Hay algunos datos requeridos que producirán errores si no se suministran; algunos otros tipos de datos son opcionales y solo producirán advertencias. Este tipo de errores, sin embargo, no aparecerán en los validadores de AMP mencionados anteriormente..

En su lugar, aparecerán en la Herramienta de prueba de datos estructurados de Google, así como en su cuenta de Google Webmasters..

Los consumidores de AMP o un cliente que admita AMP, como Google Search y Twitter Moments, pueden usar este conjunto de datos para presentar el contenido de AMP en su página de resultados..

Por lo tanto, además de seguir las pautas de AMP con sus elementos HTML personalizados propios, los datos de esquema requeridos también deben estar en su lugar.

Errores pasados ​​por alto

La mayoría de los errores se mencionan explícitamente en los Documentos y se pueden detectar fácilmente en un vistazo. Sin embargo, algunos errores están contextualizados con variables que podemos dejar de observar, como las “Valor de atributo no válido”, que dice "El atributo '% 1' en la etiqueta '% 2' está establecido en el valor no válido '% 3'.".

Este informe de error no menciona ni enumera precisamente cual valor no es válido . Pero lo que sí sé es que no podemos establecer el anchura y el altura de elemento para 100% o auto. Estos valores de atributo deben ser del tamaño exacto de la imagen para preservar la relación de imagen.

Esto es sólo un ejemplo. Hay una serie de elementos personalizados - amp-img, amp-iframe, y anuncios de amplificador - con sus propios conjuntos de reglas de validación contra el uso de un atributo y su valor.

Esto podría hacer que la validación de AMP Page sea una tarea desalentadora, especialmente si tomamos en cuenta cientos o (quizás) miles de contenido heredado publicado hace años..

Pensamiento final

AMP se encuentra todavía en su etapa inicial. Está en un desarrollo muy activo con esfuerzos comunitarios de Google y la comunidad de desarrollo web. Pero AMP sin duda evolucionará. Al igual que en HTML5, puede haber elementos, atributos y algunas prácticas que dejarán de existir en el futuro. Asi que asegúrese de que sus páginas de AMP se validen constantemente de vez en cuando Basado en los últimos cambios a las directrices..