Google AMP: validación

Google AMP es una forma de hacer que las páginas web se carguen más rápido en los dispositivos. Para trabajar con amp podemos hacer uso de HTML5, CSS y amp-components.

Google Amp ofrece muchas formas de validar una página de amplificador. Algunos de los importantes que vamos a discutir en este capítulo son:

  • Usando # desarrollo = 1

  • Usando Amp Validator

  • Usando línea de comando

Analicemos cada uno de ellos en detalle.

Usando #desarrollo = 1

Una vez que sepa que su página está lista para ser validada, simplemente agregue # desarrollo = 1 al final de la URL de la página y pruebe lo mismo en las herramientas de desarrollo de Chrome.

Puedes añadir #development=1 a la URL de su página html al final, como se muestra en el ejemplo que se muestra a continuación:

http://localhost:8080/googleamp/test_amp.html#development=1

Pulsa la URL anterior en el navegador y en la consola de Google Chrome. Enumerará los errores que amp piensa que no son válidos desde el punto de vista de la especificación del amplificador.

Estos son los errores que tenemos para test_amp.html.

Puede corregir los errores que se muestran y, una vez que se corrijan todos los errores, se mostrará de la siguiente manera:

Usando Amp Validator

Amp tiene una herramienta de validación en la que podemos ingresar el contenido HTML y muestra el estado como PASS o ERROR y también muestra el error en la página. El enlace es -https://validator.ampproject.org/

La pantalla de la herramienta de validación de amplificador se muestra a continuación:

El ejemplo de error en el contenido de la página se muestra a continuación:

Usando la línea de comando

Puede instalar el paquete npm usando el siguiente comando:

npm install -g amphtml-validator

Hemos creado una carpeta amptest / y guardado el archivo amp_test.html en esa carpeta. Validemos amp_test.html usando el siguiente comando en la línea de comandos.

amphtml-validator youramppage.html

Eliminemos algunas etiquetas de la página para ver si muestra el error.

El error mostrado se puede corregir hasta que obtengamos el estado como APROBADO.